الخميس، 25 سبتمبر، 2014

قالب Zylyz معرب



مرحبا بكم في مكتبة قوالب بلوجر 

قالب Zylyz من القوالب الهادئة اللون حيث يناسب كثيرا مدونات الطبخ النسائية



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

الخفة
السرعة
التوافق مع المتصفحات

تعديلات

يحتوي على قائمة منسدلة
ولاضافتها :

من تخطيط الى اداة الجافا سكريبت اضف الكود التالي:

______________________________________________
<style type="text/css">
#cnmudrdown{
  width:100%;
  height:40px;
  display:block;
  padding:0;
  margin:0 0 22px 0;
background:#222222;
}
#cnmudmenu,#drop{
    list-style:none;
    direction:rtl;
    padding:0;
    margin:0;
    }
#cnmudmenu li {
    float:right;
}
#cnmudmenu li a {
    display:block;
    padding:11px 15px;
    color:#fff;
    text-decoration:none;
    font:15px Tahoma, Geneva, sans-serif;
    font-weight:bold;
}
#cnmudmenu li a:hover {
    background:#ccc;
    color:#000;
    transition:all .7s ease 0s;
}
#drop {
    position:absolute;
    display:none;
    list-style:none;
z-index:60; 
}
#drop li {
    float:none;
}
#drop li a {
background:#000;
border-bottom:1px solid #bbb;
padding:5px 10px;
width:150px;
}
    
#sub:hover #drop {
    display:block;
}
#drop2:hover #cnmudmenu3 {
    display:block;
}
#cnmudmenu3 {
    position:absolute;
    display:none;
    margin-right:131px;
    margin-top:-28px;
    }
#cnmudmenu3 li{
    list-style:none;
    margin-left:100px;
}
#cnmudmenu3 li a {
width:150px;
}
</style>

<div id='cnmudrdown'>
<ul id="cnmudmenu">
<li> <a href="#">العنصر الأول</a></li>
<li id="sub"> <a href="#">العنصر الثاني</a>
<ul id="drop">
<li> <a href="#">رابط فرعي 1 </a></li>
<li> <a href="#">رابط فرعي 2 </a></li>
<li id="drop2"> <a href="#">رابط فرعي 3 </a>
<ul id="cnmudmenu3">
<li> <a href="#">ثانوي 1</a></li>
<li> <a href="#">ثانوي 2</a></li>
<li> <a href="#">ثانوي 3</a></li>
</ul>
</li>

<li> <a href="#">رابط فرعي 4 </a></li>
<li> <a href="#">رابط فرعي 5 </a></li>
</ul>
</li>

<li> <a href="#">العنصر الثالث</a></li>
<li> <a href="#">العنصر الرابع</a></li>
</ul>
</div>
______________________________________________

#222222 هو لون الخلفية الاساسية للقائمة غيره بما يعجبك أو استبدله بـ transparent إن أردت عدم وجود خلفية
هذا #fff  هو لون الخط
أما الرقم 15هو حجم الخط
هذا #ccc هو لون الخلفية عند تمرير الماوس
وهذا #000 هو لون الخط عند تمرير الماوس
هذا #000 هو لون خلفية القائمة المنسدلة
 وهذا #bbb هو لون الفاصل بين كل سطر

كرر السطر الأحمر في حالة الرغبة في إضافة عنصر جديد
الجزء الأزرق كاملأ هو إضافة قائمة منسدلة بداخلها قائمة منسدلة أخرى 
الجزء الأخضر هو القائمة المنسدلة الفرعية يمكنك ازالتها أو تكرارها ان أردت زيادة
قليل من التركيز في الأكواد ستنجح في تنسيقها كما تريد
وطبعا تغير إسم كل رابط كما تريد وبالنسبة لرمز الـ # إستبدله بالرابط المراد فتحه عند الضغط على العنصر 
وبالتوفيق 




 لتخصيص السلايدر قم بتعديل هذه الاكواد :
___________________________________________


<div class='nivoSlider' id='slider'>
    
<a href='#'><img class='slideimg' src='http://2.bp.blogspot.com/-NMGFgvrzb4s/UGO8v00Xc8I/AAAAAAAAGr8/5pkLhlYy7iE/s1600/slide-1.jpg' title='00'/></a>
    
<a href='#'><img class='slideimg' src='http://4.bp.blogspot.com/-1oNH_HHbvMI/UGO81HGn8KI/AAAAAAAAGsE/h0FCbhE0qjs/s1600/slide-2.jpg' title='00'/></a>
    
<a href='#'><img class='slideimg' src='http://1.bp.blogspot.com/-e7JuCoDno7I/UGO84HjiQyI/AAAAAAAAGsM/Aw5E8SiEqAw/s1600/slide-3.jpg' title='00'/></a>
    
<a href='#'><img class='slideimg' src='http://1.bp.blogspot.com/-5Sddh4UUOFA/UGO9RQ_7dVI/AAAAAAAAGsU/2mV0zF7k3Aw/s1600/slide-4.jpg' title='00'/></a>
    
</div><!-- nivo-Slider -->

_____________________________________________



عـدل مايلي :


 ** ر    رابط الصورة 
   
 000  عنوان الموضوع 

  ***  رابط الموضوع   


ارجو عدم حذف حقوق التعريب

.... منقول بتصرف ....
_____________________________________________

...اضافة...

لمن اراد القالب الاصلي

live demo
 and
download  





مكتبة قوالب بلوجر


الخميس، 11 سبتمبر، 2014

تحميل قالب بلوجر ToyZine المعرب - قالب احترافي لمدونات الأطفال





تحميل قالب / استايل بلوجر ToyZine المعرب - قالب احترافي لمدونات الأطفال






لتعديل أو حذف السلايدر :



ابحث في تحرير HTML (بعد تعليم توسيع قوالب عناصر واجهة المستخدم) عن الكود التالي وغير ما يناسبك :


كود:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='slider-wrapper'>
<div id='slider'>
<a href='#'>
<img alt='' src='https://lh5.googleusercontent.com/-mZX3i2z6B3k/TvOik6wuj7I/AAAAAAAAAkA/Nkm6rFzsisA/h1600/slider-1.jpg' title='#slide-caption-one'/>
</a>
<a href='#'>
<img alt='' src='https://lh3.googleusercontent.com/-e318cylwl7I/TvOimvddPUI/AAAAAAAAAkI/BmCv6d78PWQ/h1600/slider-2.jpg' title='#slide-caption-two'/>
</a>
<a href='#'>
<img alt='' src='https://lh6.googleusercontent.com/-JAPhBy2mmxo/TvOioyqX4DI/AAAAAAAAAkQ/ESsOi14i7MM/h1600/slider-3.jpg' title='#slide-caption-three'/>
</a>
</div>
<div class='nivo-html-caption' id='slide-caption-one'>
<h1><a href='#' rel='bookmark' title='عنوان الموضوع الأول'>عنوان الموضوع الأول</a></h1>
<p>وصف الموضوع الأول .. هذا القالب من تعريب عثمان بن الطالب صاحب <a href='http://www.bloggerexp.com'>معهد خبراء بلوجر</a> - لا تنسوا زيارتنا</p>
</div>
<div class='nivo-html-caption' id='slide-caption-two'>
<h1><a href='#' rel='bookmark' title='عنوان الموضوع الثاني'>عنوان الموضوع الثاني</a></h1>
<p>وصف الموضوع الثاني .. هذا القالب من تعريب عثمان بن الطالب صاحب <a href='http://www.bloggerexp.com'>معهد خبراء بلوجر</a> - لا تنسوا زيارتنا</p>
</div>
<div class='nivo-html-caption' id='slide-caption-three'>
<h1><a href='#' rel='bookmark' title='عنوان الموضوع الثالث'>عنوان الموضوع الثالث</a></h1>
<p>وصف الموضوع الثالث .. هذا القالب من تعريب عثمان بن الطالب صاحب <a href='http://www.bloggerexp.com'>معهد خبراء بلوجر</a> - لا تنسوا زيارتنا</p>
</div>
</div>
</b:if>




غير كل ما عُلِمَ ب:

الأزرق إلى رابط الموضوع

الأحمر إلى رابط الصورة
الأخضر إلى عنوان الموضوع
البنفسجي إلى وصف أو ملخص للموضوع





باسوورد فك الضغط : www.bloggerexp.com






انتهى

***************************************

معاينة من

مدونة عالم الاطفال

تم تغيير السلايدر فيها


http://worldkids2014.blogspot.com

اليكم رابط الصورة ومكانها في القالب لمن اراد ان يكتب عليها مايريد


الكود المتواجدة فيه الصورة :


*******
/* MAIN LAYOUT
 * ================== */
body {
font:$(body.font);
color:$(body.text.color);
background:#0C294F url(https://lh5.googleusercontent.com/-i9admFvjzxQ/TvOiqYt01pI/AAAAAAAAAkY/bIlLIdkPPCI/h1600/body.jpg) repeat top right;
background-attachment:fixed;
padding:15px 0;
}
#wrapper {
width : 960px;
background:#fff url(http://i1258.photobucket.com/albums/ii536/bloggerexp/ToyZine/header.jpg) no-repeat top center;
border:4px solid #ff9900;
margin:0 auto;
padding:0;
text-align:right;
border-radius:8px
}
هكذا ستجدها ببساطة وسهولة

*******


في حفظ الله



EduMag Blogger Template...قالب مدونة تعليمية...في منتهى الروعة...


EduMag Blogger Template

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






من اراد النسخة الاصلية من هنا :


Education Blogger Template


خصائص القالب 

اسم القالب :


نوع القالب :

قالب مدونة البلوجر

وصف :

قالب بلوجر خاص بالبنات بثلاثة أعمدة و ألوان جميلة و به أربعة أعمدة في الأسفل

انتهى



استودعكم الله
ابو مروان


الأحد، 10 أغسطس، 2014

قالب مي دي الجميل والانيق بألوان رائعة


السلام عليكم ورحمة الله تعالى وبركاته



تحميل قالب مي دي معرب لمدونة بلوجر

اهلا و سهلا اعزائي الكرام

اليوم اقدم لكم قالب مي دي معرب لمدونة بلوجر

القالب جميل و أنيق بألوان رائعة و ايضا خفيف التصفح  

القالب خاص لمدونة بلوجر من تطوير و تعريب زووم العربية




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

* قالب خفيف و أنيق
* ألوان القالب : الأبيض و الأسود و أيضا البنفسجي
 * هيدر جميل مع خاصية البحت و أيقونة الخلاصة RSS
 * يحتوي على عمود في اليسار و عمودين في الفوتر
 * متوافق مع المتصفحات (,Opera, IE9, Mozilla, Chrome)
 *قالب خالي من الاخطاء
* أيضا يمكنك تطوير القالب و اظافة أشياء الى أكثر تحسن






 تحياتي و شكرا

المصدر : زووم العربية


السبت، 9 أغسطس، 2014

قالب زووم العربية الاحترافي الشفاف بلا منافس Zoom Template


السلام عليكم رحمة الله نعالى وبركاته 
والصلاة والسلام على مولانى رسول الله وعلى آله وصحبه و الى من تبعه الى يوم الدين


قالب زووم العربية الاحترافي الشفاف بلا منافس Zoom Template مجانا



قالب زووم العربية الاحترافي المطور بلا منافس، قالب رائع جدا لعام 2014 . القالب يصلح للعديد من الفئات

قالب للمدونات الراقية في منتهى الجمال . القالب بالوان روعة جدابة من تصميم زووم العربية,

لقد قمنا بتصميم القالب لمدونتنا الرسمية زووم العربية على كل حال فهو جميل 
و يمكن لأي شخص ان يركبه على مدونة بلوجر دون اي مشاكل , فقط قم بتغيير ما يلزم تغييره

قالب زووم العربية الاحترافي الشفاف بلا منافس Zoom Template مجانا

اللون الأساسي للقالب هو الاسود والاخضر والازرق، وبالتالي فإن اللون يعتبر جيدا ومشرقا.
هذا القالب يحتوي على عمودين للشريط الجانبي مع 1 عمود لعرض الصور المصغرة للمواضيع 
مع 3 أعمدة في الفوتر, وتمت أيضا اضافة عمود أعلى, وتم تطوير القالب لكي يناسبك.

المميزات
- قائمة عليا مع اضافة ايقونات التواصل الأجتماعي , 
- قائمة رئيسية بألوان جدابة مع اضافة أيقونات الاقسام ومربع البحث ,
- خلفيه جميلة , ترقيم الصفحات , تعليقات الفيس بوك ,
- اضافة المواضيع دات صلة داخل التدوينات.
- اضافة كود ميتاج SEO لصداقة محركات البحث 
أيضا يمكنك تطوير القالب و اظافة أشياء الى أكثر تحسن

أسم القالب : زووم العربية
تاريخ الإصدار : 2014
المؤلف : زووم العربية
تصميم وتطوير : زووم العربية

ملاحظة : دائما أخد نسخة احتياطية للقالب الخاص بك قبل استخدام أي قالب 

معانية القالب


 عند تركيب القالب على مدونتك قم بالتعديلات الخاصة بك

- تعديل روابط المواقع التواصل الاجتماعي :

http://feeds.feedburner.com/
https://plus.google.com/
http://facebook.com/
http://twitter.com/

- تعديل روابط القائمة العليا
- تعديل روابط القائمة الرئيسية مع تغيير الايقونات
- تعديل على كود الميتا تاج في القالب
 استبدال الروابط الموجودة بالقالب بروابط مدونتك

لأي استفسار أو مساعدة في تحرير و تطوير القالب اترك تعليقا
الى هنا انتهينا اعزائي الكرام لا تنسوا ترك ردودكم الفعلية و اقتراحاتكم