السلام عليكم و رحمة الله تعالى و بركاته البوم مع قالب معرب و جميل من
القوالب المتجاوبة الحديثة قالب warm mag صراحة اخذ مني التعريب و التعديل
اكثر من ساعة و نصف لكي ننتج لكم هذا القالب الجميل و الجذاب لذى اتمنى ان
يلقى استحسانكم
كما تلاحظون زوارنا الكرام القالب جميل جدا و الوانه جد هادئة و متناسقة
حيث يعتمد على 3 الوان رئيسية هي الاسود و الابيض و البرتقالي .طبعا مهما
وصفت و قلت عنه لن أوفيه حقه لذلك سوف اترككم تحكمون عليه انطلاقا من
المثال.
البلوكات:
تضاف البلوكات و هما 2 في التخطيط و المساحة المخصصة لهما تتواجد تحت مساحة السلايدر نضيف لهما هذا الكود:
هته الصورة توضح مكان وضع السلايدر و البلوكات في التخطيط حتى لا يكون هناك لبس
هذا كل ما يلزم لاشتغال جميع الادوات.

مثال مباشر
اذا اعجبك القالب تستطيع تحميله من المرفقات.
شرح التركيب:
بعد تثبيت القالب على مدونتك هناك بعض الاشياء التي يجب ان تضيفها من التخطيط و هي
السلايدر:
اضف الكود التالي في الاداة المخصصة في التخطيط
<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>
هته الصورة توضح مكان وضع السلايدر و البلوكات في التخطيط حتى لا يكون هناك لبس

إرسال تعليق
جميع الردود تعبّر عن رأي كاتبيها فقط. حريّة النقد والرد متاحة لجميع الزوار بشرط أن لا يكون الرد خارج نطاق الموضوع وأن يكون خال من الكلمات البذيئة. تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد).