السبت، 10 مايو 2014

تحميل قالب بلوجر "Rapture" المعرب

بقلم: BR MED يوم السبت، 10 مايو 2014 القسم : 0 التعليقات
السلام عليكم
اليوم أحبابي في الله معنا قالب جديد من القوالب البسيطة والانيقة لمنصة بلوجر قالب 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/AVvXsEjmhfeBhgeEbgfpoe9V5jqZ2gXFuhzA2tfNysGTHFKk2VUJQh8ZVIMZwHpM5gfNZpJ6bSZycMxW5Bi6OLyFN1-xf2ZA1oQlMcaHSfi_sJkjn_et38qLO324DybP9W8d-zmtjr4fraG83HfL/s940/slide11.jpg' title='اكتب هنا اسم الموضوع'/></a>

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

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

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

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

  • 0
  • -81px
  • -160px
  • -239px
  • -318px
  • -397px
إقرأ البقية