قالب Zylyz من القوالب البسيطة جداً والخفيفة وله طابع لوني هادئ ويمتاز بالاناقة وهو يناسب المدونات النسائية كثيراً وهو نوع من التغيير من النمط العام للقوالب التي نعرضها خصوصا أن كثير من الأخوات أصبحوا حاليا منافسون اقوياء جداً في عالم بلوجر بل وتفوقوا على الشباب بقوة , لذلك يجب أيضاً ن نقدم نوع من القوالب يتناسب مع مدوناتهم طبعا ليس جميع الفتيات يدونون في المجالات النسائية او التصميم فهذا القالب يناسب مدونات التصميم أيضا فبعضهن يدون في مجالات التقنية و بلوجر (( وبيحاربونا في اكل عيشنا )) ^_^ لكن عموما هو قالب يتناسب مع من طلبوه من الأخوات لمحتوى مدوناتهم
مميزات القالب
الخفة والسرعة وصديق لمحركات البحث
متوافق مع المتصفحات العالمية
يحتوي على أربع أدوات في الفوتر
تم اضافة أكواد الميتا تاج في بداية القالب قم بتغيير ما يلزم
يحتوي على قائمة منسدلة وهي من التطويرات
فقط ندخل الى صفحة التخطيط ونحرر الآداة Css menu ونضيف بها هذا الكود<style type="text/css">وللتعرف أكثر على التعامل مع القائمة قم بزيارة الوضوع التالي من هنــا
#cnmudrdown{
width:100%;
height:40px;
display:block;
padding:5px 0;
margin:0 0 22px 0;
}
#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 {
color:#7A0085;
transition:all .7s ease 0s;
}
#drop {
position:absolute;
display:none;
list-style:none;
z-index:60;
}
#drop li {
float:none;
}
#drop li a {
background:#B781BD;
border-bottom:1px solid #452847;
padding:5px 10px;
width:150px;
}
#drop li a:hover {
background:#fff;
}
#sub:hover #drop {
display:block;
}
#drop2:hover #cnmudmenu3 {
display:block;
}
#cnmudmenu3 {
position:absolute;
display:none;
margin-right:170px;
margin-top:-29px;
width:170px;
border:1px solid #452847;
border-bottom:0;
}
#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>
يحتوي القالب على اضافة معلومات عن الكاتب بشكل يتناسب معه
يمكن البحث عن كلمة الكاتب وتغيير ما يلزم ومهم زيارة هذا الوضوع لشرح الإضافة من هنــايحتوي القالب على سلايدر جذاب ويتم تخصيصه بتعديل هذه الاكواد
<div class='nivoSlider' id='slider'>
<a href='#'><img class='slideimg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-KSv_33E33r5nRcE592rJqOoamN4W6FOmuCQYfn704qrg1bKDVU9cAhYeeGdWkBWSp3lVi-WMuR2PPOe4waxg_xSqaIcSzJ5GW2O8ZPXNWz3KxzRW_ejyMuNhSG3UmzX5KWo3manWcLc/s1600/slide-1.jpg' title=''/></a>
<a href='#'><img class='slideimg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXbh1zh03bhQqKIfzl1PdmT3Y30KtfEJ01GXYsZbbiVzVhDPR2DNJZCmp7l2BVkG3-QoOK0VwuEiuPeYW2rO7D0M2Yu2SPSbFqfnHM5Ak_ysZi33V4s9BgWLezZbx1zGKDUGbCvHTN27w/s1600/slide-2.jpg' title=''/></a>
<a href='#'><img class='slideimg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYzcgnW_Z7C4JGJvPxTpinyf-IUAje2uVWtJOWF56ZWH4TBfpKarbqUAsKK2rrka3wMtBxt21nmORwkpWvlAICJ9FkGaNAvJQ6OAf_pC58Rtk5n8U5hUveB7uo6k27G_H_p8sDfZmRtQc/s1600/slide-3.jpg' title=''/></a>
<a href='#'><img class='slideimg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3Z22a7rF3grwAB5lHxdO_F_5s7toXFqEZO6vddsn26ApK5FuDPgVJO8FVyfRUJsHGAamIdNUMxI5LuSO_1IobwT0h6-XvyEatgL6Q_i1PzsTzPVOewjg5TRsN1TxSRqfsfI5hE7v8l6g/s1600/slide-4.jpg' title=''/></a>
</div><!-- nivo-Slider -->
الروابط هي روابط كل صورة قم بتغييرها بالصورة المناسبة ورمز # هذا هو رمز الرابط الذي تؤدي اليه الصورة عند الضغط عليها استبدله بما يناسبك
طبعا ننوه على عدم حذف حقوق التعريب وعدم مخالفة شروط الإستخدام
وبالتوفيق في إستخدام القالب
No comments:
Post a Comment