السلام عليكم
بالامكان الاستفاده من القوالب وخاصة القالب الوسط..( 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%">
</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) وانت حر
وتختار عرضه بالمنتصف
ان شاء الله يكون الشرح واضح