اصدقائي :
اولاً :- الفيديو او الصورة الظاهره هي من موقع صحيفة تابع الإلكترونية .
والطريقة هي كالآتي :-
الكود المستخدم للفيديو هو كود رسالة الترحيب وهو الكود التالي :-
كود:
<!-- START BLOCK : welc_msg -->
<div class="module-title">{phrase_welc_msg}</div>
<div id="contents" class="justify">{welc_msg}</div>
<br/>
<!-- END BLOCK : welc_msg -->
من خلال الإستايلات والقوالب > الإستايلات > استعراض
ثم في قالب index.htm يتم التعديل على كل شيء .
هذا الكود جاهز للإستخدام .
كود:
<!-- INCLUDE BLOCK : header -->
<script type="text/javascript" src="{script_url}/scripts/news.js"></script>
<table width="100%" valign="top">
<tr>
<td rowspan="2" valign="top" width="{style_menuwidth}">
<!-- INCLUDE BLOCK : menucontent -->
</td>
<td width="100%" colspan="2" valign="top" height="1">
<table width="100%" height="1">
<tr>
<td valign="top" width="60%">
<!-- START BLOCK : stickynews -->
<script type="text/javascript">
$(function() {
$(".stickednews").jCarouselLite({
vertical: true,
hoverPause:true,
visible: 1,
auto:5000,
speed:1000,
btnNext: ".next",
btnPrev: ".prev",
// easing: "bounceout", //uncomment to enable
// circular: false, //uncomment to stop looping at the end
mouseWheel: true
});
});
</script>
<div class="module-title">{phrase_head_news}</div>
<div id="contents">
<div id="stickednews">
<div class="stickednews">
<ul>
<!-- START BLOCK : stknews -->
<li>
<div>{secondcaption}</div>
<div class="largfont">
<b>{caption}</b></div>
<div class="justify">
<span style='float:{lang_left};margin-{lang_right}:2px;'>{picture}{picdesc}</span>
<div class="time">{date}</div>
<span class="alert">{source}</span>
{text}
</div>
<br />
<div class="smallfont">
<span style='float:{lang_right};'>{readmore} </span>
<img src="{img_dir}/buttons/comments.gif" alt="{phrase_comments}" title="{phrase_comments}" /> {comnum} | <img src="{img_dir}/buttons/emailed.gif" alt="{phrase_emailed}" title="{phrase_emailed}" /> {greet} | <img src="{img_dir}/buttons/views.gif" alt="{phrase_views}" title="{phrase_views}" /> {views}
</div>
</li>
<!-- END BLOCK : stknews -->
</ul>
</div>
<input type="submit" class="prev" value="{phrase_prev}" />
<input type="submit" class="next" value="{phrase_next}" />
</div>
</div>
<!-- END BLOCK : stickynews -->
</td>
<!-- START BLOCK : welc_msg -->
<script type="text/javascript">
$(function() {
$(".importantnews").jCarouselLite({
vertical: true,
hoverPause:true,
visible: 3,
auto:3000,
speed:500,
btnNext: ".nextimp",
btnPrev: ".previmp",
circular: true,
mouseWheel: true
});
});
</script>
<td valign="top" width="40%">
<div class="module-title">{phrase_welc_msg}</div>
<div id="contents" class="justify">{welc_msg}</div>
</td>
<!-- END BLOCK : welc_msg -->
</tr>
</table>
<!-- START BLOCK : stickydownloads -->
<br/>
<table width="100%">
<tr>
<td valign="top" width="100%">
<div class="module-title" style="margin-top:-1px;">{phrase_featured_downloads}</div>
<!-- START BLOCK : stkdownloads -->
<div id="contents">
<div>
<div class="darkcontent xsmallfont"><span style='float:{lang_right};'>{date} </span><span style="cursor:{cursor};" title="{name}" onclick="window.location.href='{catlink}'">{name}</span></div>
<span style='float:{lang_right};margin-{lang_left}:2px;'><img alt="{alt}" src="contents/downloadsth/{id}.{ext}" /></span>
<span class="largfont"><b>{caption}</b></span> {updated}<br />
<img alt="" src="{img_dir}/arrow.gif" /> <span class="alert">{phrase_description} :</span> {shortdesc}
<!-- START BLOCK : stkdownloadsincl -->
<div class="smallfont">
<img alt="" src="{img_dir}/arrow.gif" /> <span class="alert">{field} :</span> {data}
</div>
<!-- END BLOCK : stkdownloadsincl -->
<br />
<div class="smallfont">
<span style='float:{lang_right};'>{readmore} </span>
<img src="{img_dir}/buttons/comments.gif" alt="{phrase_comments}" title="{phrase_comments}" /> {comnum} | <img src="{img_dir}/buttons/emailed.gif" alt="{phrase_emailed}" title="{phrase_emailed}" /> {greet} | <img src="{img_dir}/buttons/views.gif" alt="{phrase_views}" title="{phrase_views}" /> {views} | <img src="{img_dir}/buttons/downloads.gif" alt="{phrase_downloaded}" title="{phrase_downloaded}" /> {downloads}
</div>
</div>
</div>
<!-- END BLOCK : stkdownloads -->
</td>
</tr>
</table>
<!-- END BLOCK : stickydownloads -->
<!-- START BLOCK : bodybanners -->
<br/>
<table width="100%" align="center" cellpadding="1">
<tr>
<!-- START BLOCK : bodybanner -->
<td align="center"{colspan}>{banner}</td>
{tr}
<!-- END BLOCK : bodybanner -->
</tr>
</table>
<!-- END BLOCK : bodybanners -->
</td>
</tr>
<tr>
<td valign="top" width="{style_cwidth}">
<!-- INCLUDE BLOCK : ccontent -->
</td>
<td valign="top" width="{style_servwidth}">
<!-- INCLUDE BLOCK : servcontent -->
</td>
</tr>
</table>
<!-- INCLUDE BLOCK : footer -->
ولإضافة الفيديو يتم أخذ كود التضمين من اليوتيوب ثم لصقة في خانة رسالة الترحيب .
تحياتي .