
مثال مباشر
<div class="flex-container"><div class="flexslider"><ul class="slides"><li><a href="Link Url - 1"><img src="Image URL - 1" /></a><p id="discription"> Small Discription For Image - 1.</p></li>طبعا سوف نغير ما حدد باللون الاصفر بعناوين المواضيع المراد وضعها في سلايدر الاحمر بروابط الصور و الاخضر بوصف قصير للموضوع.
<li><a href="Link Url - 2"><img src="Image URL - 2" /></a><p id="discription"> Small Discription For Image - 2.</p></li><li><a href="Link Url - 3"><img src="Image URL - 3" /></a><p id="discription"> Small Discription For Image - 3.</p></li>
<li><a href="Link Url - 4"><img src="Image URL - 4" /></a><p id="discription"> Small Discription For Image - 4.</p></li></ul></div></div><div style='clear: both;'/>
<script>$(document).ready(function () {$('.flexslider').flexslider({animation: 'fade',controlsContainer: '.flexslider'});});</script></div>
البلوكات:
تضاف البلوكات و هما 2 في التخطيط و المساحة المخصصة لهما تتواجد تحت مساحة السلايدر نضيف لهما هذا الكود:
<div id='topbarmag'>طبعا ما حدد باللون البرتقالي تغير باسم القسم الذي تريد مع مراعاة تكراره 3 مرات .
<h2 id='toptitle'>ضع قسما</h2>
<h2 id='toptitlerss'><a href="/search/label/ضع قسما?max-results=10">More</a></h2>
</div>
<script type='text/javascript'>
var numposts = 3;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = true;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 100;
</script>
<script type="text/javascript" src="/feeds/posts/default/-/ضع قسما?published&alt=json-in-script&callback=labelthumbs"></script>
هته الصورة توضح مكان وضع السلايدر و البلوكات في التخطيط حتى لا يكون هناك لبس

إرسال تعليق
جميع الردود تعبّر عن رأي كاتبيها فقط. حريّة النقد والرد متاحة لجميع الزوار بشرط أن لا يكون الرد خارج نطاق الموضوع وأن يكون خال من الكلمات البذيئة. تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد).
EmoticonClick to see the code!
To insert emoticon you must added at least one space before the code.