عرض مشاركة واحدة
قديم 08-07-2012, 04:22 PM   #1
معاذ المصري
مدون جديد
 
الصورة الرمزية معاذ المصري
 
تاريخ التسجيل: Aug 2012
المشاركات: 9
Thumbs up قالب Droid Dream معرب



حصرياً قالب Droid Dream معرب على مدونة تقنية بشكل جذاب ورائع والوان متناسقة





1-عامود على يسار القالب.
2-ثلاثة اعمدة في الفوتر.
3-سلايدر مميز في اعلى المدونة.
4-خاصية قرأة المزيد.
5-ايقونات تابعني في اعلى المدونة(فيسبوك،تويتر،اراس اس).


مشاهدة - تحميل


لتعديل ايقونات تابعني في اعلى القالب




ابحث على هذا الكود بالاسفل بضغط على (Ctrl+f)
كود بلغة HTML:
<div id='social'>


قم بتعديل الكود حسب المطلوب
كود:
<a href='#'> <img alt='Twitter' src='http://2.bp.blogspot.com/-BXy50aE3w-c/T01OmmeOWXI/AAAAAAAACiA/o-sXNx5WQng/s000/twitter.png' title='Twitter'/></a> <a href='#'> <img alt='Feed' src='http://2.bp.blogspot.com/-m7_mpvFZ9dk/T01Omh3pHpI/AAAAAAAACiI/RQIZ37XcMhE/s000/rss.png' title='RSS'/></a> <a href='#'> <img alt='Facebook' src='http://2.bp.blogspot.com/-ZIhUkYOuwB4/T01OnIe4dFI/AAAAAAAACiQ/ZsiHW6JI5Qk/s000/facebook.png' title='Facebook'/></a> </div>
قم بتعديل المربعات بالون الاحمر الى رابط حسابك او صفحتك في كل من الفيس بوك وتويتر وقم بتعديل رابط الار اس اس الخاص بك

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





قم بالبحث عن هذا الكود
كود بلغة HTML:
<div id='slider'>

وقم بتعديل الكود التالي

كود:
    
<a href='#' title='عنوان التدوينة1'>
<img alt='' src='http://4.bp.blogspot.com/-ctXUCcOfDz8/T01OnTpvCxI/AAAAAAAACiY/YgFLHiduFAY/s000/4.jpg' title='عنوان التدوينة1'/>
</a>
<a href='#' title='عنوان التدوينة2'>
<img alt='' src='http://4.bp.blogspot.com/-HI3sYUsBFNs/T01OnehlcEI/AAAAAAAACig/Igl23LUqcAs/s000/3.jpg' title='عنوان التدوينة2'/>
</a>
<a href='#' title='عنوان التدوينة3'>
<img alt='' src='http://3.bp.blogspot.com/-rwAiCnjnSA8/T01OnkshhQI/AAAAAAAACio/CeNKe-GsduY/s000/2.jpg' title='عنوان التدوينة3'/>
</a>
<a href='#' title='عنوان التدوينة4'>
<img alt='' src='http://4.bp.blogspot.com/-jv8swSUJT0E/T01On-5HsmI/AAAAAAAACiw/CvMHIXlcj64/s000/1.jpg' title='عنوان التدوينة4'/>
</a>
<a href='#' title='عنوان التدوينة5'>
<img alt='' src='http://1.bp.blogspot.com/-LCe7UTRbW7s/T01OoNT_LiI/AAAAAAAACi4/uS5x_3oCkpg/s000/5.jpg' title='عنوان التدوينة5'/>
</a>
قم تعديل حسب الالوان
الاحمر:رابط الصور
الاخضر:العنوان الذي تريده ان اسفل الصور.
الازرق:لتعديل الرابط

لتعديل الشعار
يمكنك تعديله من تصميم ثم عناصر الصفحة
وهناك صورة مرفقة مع ملف القالب قابلة لتعديل PSD

اما بالنسبة لتغير الصورة المصغرة للتدوينات من اليسار الى اليمين فالطريقة بالاسفل


ادخل الى لوحة تحكم المدونة ثم تصميم تم تحرير Html

الان ابحث عن هذا الكود
كود بلغة HTML:
<span style="float:left; padding:0px 0px 5px 10px;">
استبدله بهاذا الكود
كود بلغة HTML:
<span style="float:right; padding:0px 0px 5px 10px;">


الان وان كان هناك اي مشكلة او اي استفسار بشأن القالب ارجو ترك رد

المصدر: مدونة تقنية
http://taqnya09.blogspot.com/2012/03/droid-dream.html

الدعم العربي

معاذ المصري غير متواجد حالياً   رد مع اقتباس