[altaledi]

اصدقائي :

اولاً :- الفيديو او الصورة الظاهره هي من موقع صحيفة تابع الإلكترونية .

والطريقة هي كالآتي :-

الكود المستخدم للفيديو هو كود رسالة الترحيب وهو الكود التالي :-

<!-- 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}&nbsp;</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}&nbsp;</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 -->

ولإضافة الفيديو يتم أخذ كود التضمين من اليوتيوب ثم لصقة في خانة رسالة الترحيب .

تحياتي .