الاثنين، 12 مايو 2014

قالب بلوجر اسود فاتح حديث

قالب بلوجر اسود فاتح حديث


من القوالب البسيطة والانيقة لمنصة بلوجر قالب Rapture تم تعريبه وضبطه وهاهو متاح بين ايدكم القالب خفيف وصديق لمحركات البحث

مميزات القالب

  1. القالب خفيف وصديق لمحركات البحث
  2. يحتوي القالب قائمة افقية مميزة
  3. يحتوي سلايدر انيق بعرض القالب
  4. يحتوي ازرار المشاركة الإجتماعية بشكل انيق
  5. تمت اضافة اكواد الميتا تاج للقالب يمكن البحث في بداية القالب عن البيانات وتعديلها
  6. يحتوي على ايقونة تميز طبيعة محتوى المدونة

بالنسبة لتعديل القائمة الأفقية

 <li><a href='#'>الرئيسية</a></li>
 <li><a href='#'>قائمة</a>
<ul class='sub-menu'>
 <li><a href='#'>رابط</a></li>
 <li><a href='#'>رابط</a></li>
 <li><a href='#'>رابط</a></li>
</ul>
</li>

 <li><a href='#'>تعديل</a></li>
 <li><a href='#'>تعديل</a></li>
 <li><a href='#'>تعديل</a></li>
 <li><a href='#'>تعديل</a></li>
 <li><a href='#'>تعديل</a></li>
 <li><a href='#'>تعديل</a></li>
تكرار الكود الازرق معناه زيادة الروابط وحذفه انقاصها
تكرار الكود الأحمر كاملا معناه اضافة قائمة منسدلة
تكرار الكود الارق داخل الكود الإحمر معناه اضافة رابط للقائمة المنسدلة

تعديل السلايدر

<a href='#' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd4z3QBLFf79bjrSWbWKMVqT5HDFTF2lOPkeQCpewlcMo2bezHyxpiBC0Xzmr8K90aSH343V5IFzbrvajU1sfey5t6_YiU3-fA3C8Rq2cImxQ4FQCmW00viVDPiJI5Db5D44kVXEjLNuGu/s940/slide11.jpg' title='اكتب هنا اسم الموضوع'/></a>

<a href='#' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNS_gMbdjCtpQ8904NKXbEqL7tBLh0so2j-V9vTyePC9kBjEJVfqpg0lw4KAqCIMOzTT8Hq8XrQAFp_mIMiqr3XS12iaxPGdFBoc7FPfkgu59jTgvW1h1FrOQKX6PdVcvPvZ_6hvJWWNVI/s940/slide22.jpg' title='اكتب هنا اسم الموضوع'/></a>

<a href='#' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEissoyxrRG2NrwzdABzE2jVlx5hIyEX_5X-P3ZJ9IG0KGD2zK302LUFxuYff4TIFV2vEpgjg2HcQiurDtqX-yIDX4jSv12p0e-E1qjBg_r_V_ftox8c8tSGP7C3V9WdUO7YU5_nMT2Qlgvp/s940/slide33.jpg' title='اكتب هنا اسم الموضوع'/></a>

<a href='#' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1x4LNVX_ZI72uXUBdU26E0NNQNch0J8YtD0RDMJF1XvJUd7E84SZwBvSCrsoPiRRKbFv_sgNsa5e5XjS7_bU4rq1-bJW1UQxdIi3gPeLp0XJ0oCIJO1vcbvSOh0MlwUB9T2vZDHOJ2tn3/s940/slide44.jpg' title='اكتب هنا اسم الموضوع'/></a>
رمز الـ # اضف به الرابط الذي تريده على كل صورة 
اما الروابط الحمراء هي روابط الصور استبدلها بصورة مناسبه المقاس المناسب 940X300

امر أخير وهو الأيقونة التي ذكرتها وهي كما في مثال المعاينة رمز الكاميرا

يمكنك تعديله برمز آخر بالطريقة التالية
ابحث عن هذا الكود background-position: 0 -160px; 
قم بتعديل الرقم 160 بحسب الايقونة التي تريد وهذا توضيح لرقم الايقونة من اعلى لأسفل

  • 0
  • -81px
  • -160px
  • -239px
  • -318px
  • -397px

0 التعليقات:

إرسال تعليق