02-20-2014, 02:22 PM
#1
مدون نشيط
تاريخ التسجيل: Feb 2014
المشاركات: 124
اضافة قائمة رباعية احترافية - اضافات بلوجر
السلام عليكم ورحمة الله وبركاته
اليوم معنا اضافة قائمة احترافية بشكل جميل جدا وتضع بها الاقسام او مواضيع هامة
الشرح :
اذهب الي صفحة التخطيط ثم اضافة اداة جديدة HTML وضع بها الكود التالي :
كود PHP:
< style > . category { width : 182px ; float : left ; border - top : 8px solid #CCC; display : block margin : 0px ; padding : 6px 10px 15px 10px ; background : #FFF; font - size : 1.2em ; font - family : georgia , times new roman , verdana ; font - weight : bold ; cursor : pointer ; text - shadow : 0 0 2px #CCC; letter - spacing : inherit ; } . category p { margin : 0px ; font - family : Tahoma , 'Trebuchet MS' , 'Lucida Grande' , Verdana , Arial , Sans - Serif ; font - size : 11px ; font - weight : normal ; color : #444; letter - spacing : .03em ; } #middle { margin : 0 auto ; background : #FAFAFA; width : 1010px ; border - left : 1px solid #F8F8F8; border - right : 1px solid #F8F8F8; } #cat-4 {border-top: 8px solid #FF95F9;} #cat-4:hover {background: #FF95F9;} #cat-5 {border-top: 8px solid #9CFFB1;} #cat-5:hover {background: #9CFFB1;} #cat-6 {border-top: 8px solid #FF6767;} #cat-6:hover {background: #FF6767;} #cat-8 {border-top: 8px solid #9CDBFF;} #cat-8:hover {background: #9CDBFF;} #cat-9 {border-top: 8px solid #FFD29C;} #cat-9:hover {background: #FFD29C;} . category span . cat_title , #front-popular h3, #front-list .cat_title, #gallery h3 { text - transform : lowercase ; margin : 0 ;} </ style > < div class= 'clearfloat' id = 'middle' > < div class= 'category' id = 'cat-4' onclick = 'window.location.href='http://blog-add/';' > < span class= 'cat_title' > اسم - الموضوع </ span >< p > وصف - الموضوع </ p ></ div > < div class= 'category' id = 'cat-5' onclick = 'window.location.href='http://blog-add/';' > < span class= 'cat_title' > اسم - الموضوع </ span >< p > وصف - الموضوع </ p ></ div > < div class= 'category' id = 'cat-6' onclick = 'window.location.href='http://blog-add/';' > < span class= 'cat_title' > اسم - الموضوع </ span >< p > وصف - الموضوع </ p ></ div > < div class= 'category' id = 'cat-8' onclick = 'window.location.href='http://blog-add';' > < span class= 'cat_title' > اسم - الموضوع </ span >< p > وصف - الموضوع </ p ></ div > < div class= 'category' id = 'cat-9' onclick = 'window.location.href='http://blog-add/';' > < span class= 'cat_title' > اسم - الموضوع </ span >< p > وصف - الموضوع </ p ></ div ></ div >
عدل blog-add برابط موقعك هكذا www.name.com وضع اسم الموضوع والوصف واحفظ العمل
__________________
من مواضيع Blog-Add