[محلولة لخدمات الانترنت]

السلام عليكم

بالامكان الاستفاده من القوالب وخاصة القالب الوسط..( centerblocks) والموجود في قالب الكونتينت (ccontent)

وهذا هو الكود بعد استخراجه من القالب وحذفه منه

<!-- START BLOCK : centerblocks -->
<!-- START BLOCK : centerblockhead -->
<div class="module-title-green">{title}</div>
<!-- END BLOCK : centerblockhead -->
<!-- START BLOCK : centerblockheadpic -->
<img class="img" src="contents/block/{pic}" />
<!-- END BLOCK : centerblockheadpic -->
<div id="contents-green">
{cont}
</div>
<br />
<!-- END BLOCK : centerblocks -->

ونضيف لها الكود التالي لكي تكون داخل جدول ومنسقه

<td valign="top" width="40%">
&nbsp;</td>
</tr>
</table>

ليكون الكود الجاهز لاضافته داخل قالب الاندكس

<td valign="top" width="40%">
<!-- START BLOCK : centerblocks -->
<!-- START BLOCK : centerblockhead -->
<div class="module-title-green">{title}</div>
<!-- END BLOCK : centerblockhead -->
<!-- START BLOCK : centerblockheadpic -->
<img class="img" src="contents/block/{pic}" />
<!-- END BLOCK : centerblockheadpic -->
<div id="contents-green">
{cont}
</div>
<br />
<!-- END BLOCK : centerblocks -->
</td>
</tr>
</table>

ثم نذهب الى قالب الاندكس ( index.htm )

ونحذف التالي>>

<!-- START BLOCK : importantnews -->
<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_important_news}</div>
<div id="contents">
<div id="importantnews">
<div class="importantnews">
<ul>
<!-- START BLOCK : impnews -->
<li>
<div class="largfont">
<span style='float:{lang_left};margin-{lang_right}:2px;padding-top:0px'>{picture}</span>
<b>{caption}</b>
</div>
</li>
<!-- END BLOCK : impnews -->
</ul>
</div>
<div align="center">
<input type="image" src="{img_dir}/buttons/up.png" class="previmp" title="{phrase_prev}" />
<input type="image" src="{img_dir}/buttons/down.png" class="nextimp" title="{phrase_next}" />
</div>
</div>
</div>
</td>
<!-- END BLOCK : importantnews -->

ونضع مكانه الكود السابق

ليظهر بالشكل التالي بعد حفظه





** طبعا لاضافة مقطع الفيدو تذهب الى النماذج والقوالب اضافة قالب جديد ثم تضع كود الفيدو من اليوتويب وتختار مقاس العرض المناسب (مثال 300*300) وانت حر

وتختار عرضه بالمنتصف

ان شاء الله يكون الشرح واضح