اضافة تسميات او اقسام المدونة بتقنية css3 بالوان مختلفة
اضافة تسميات او اقسام المدونة بتقنية css3 بالوان مختلفة
السلام عليكم ورحمة الله وبركاته
في هذه التدوينة سنتعرف على طريقة تركيب أقسام المدونة او التسميات بأشكال متنوعة
هذه الاضافة التي تساعد زوار مدونتك على التنقل بين اقسام بشكل رائع وجذاب
طريقة الاضافة
1- من لوحة تحكم اضغط على النخطيط - اضافة اداة - ثم التسميات
ثم قائمة بسحابة
2 - من لوحة تحكم اضغط القالب - ثم تحرير html
اضغط على ctrl + F
وابحث عن
]]></b:skin>
ضف فوقها
/*-----Custom Labels widget by star-fr.blogspot.com----*/
#Label1 a{outline: 1px rgba(255,255,255,0.4) dashed;
border: 1px rgba(0,0,0,0.3) dashed;
padding: 4px 10px 4px 20px;
text-decoration: none;
color:#000000;
white-space: nowrap;
font-family: Arial;
font-size: 12px;
font-weight: bold;
position: relative !important;
background: #8dc63f;
float: left;
padding: 5px 3px;
margin: 0 5px 5px 0;
border-radius:4px 4px; -moz-border-radius:4px 4px 4px 4px; -khtml-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px;
}
#Label1 a:hover{color: rgba(0,0,0,0.5);}
.label-size{line-height:1.5;align:left;}
#Label1 a{outline: 1px rgba(255,255,255,0.4) dashed;
border: 1px rgba(0,0,0,0.3) dashed;
padding: 4px 10px 4px 20px;
text-decoration: none;
color:#000000;
white-space: nowrap;
font-family: Arial;
font-size: 12px;
font-weight: bold;
position: relative !important;
background: #8dc63f;
float: left;
padding: 5px 3px;
margin: 0 5px 5px 0;
border-radius:4px 4px; -moz-border-radius:4px 4px 4px 4px; -khtml-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px;
}
#Label1 a:hover{color: rgba(0,0,0,0.5);}
.label-size{line-height:1.5;align:left;}
لتغيير لون الاضافة
#8dc63f
قم بحفظ القالب مبروك عليك






0 التعليقات :