الطريقة الصحيحة لتنسيق قائمة التسميات

الطريقة الصحيحة لتنسيق قائمة التسميات : تعتبر آداة التسميات من أفضل الاضافات التي تقدمها منصة بلوجر لمستخدميها كما تعتبر أكثر اضافة تداولا في المدونات العربية والأجنبية لذلك يجب أن يتم تنسيقها بشكل جيد وأحترافي كما في زر المعاينة التالي.

طريقة تنسيق قائمة التسميات

لتنسيق قائمة التسميات تحتاج الي تنسيق كود css لهذه القيمة Label li 

نبحث عن هذا الوسم وتضع فوقه الكود التالي

]]></b:skin>

/*التسميات*/
.label-size {opacity: 1;}
.label-size a::before,.label-size span::before {
content: "\f02b";
float: right;
font: 14px/24px fontawesome;
margin-left: 5px;
}
.label-size a {background-color: #3cafe0 !important;}
.label-size a:hover,.label-size span {background-color: #334353 !important;}
.Label li {
border: 0 none !important;
margin: 0 !important;
padding: 0 !important;
}
.Label li a,.Label li span {
background-color: #0081E4;
border-bottom: 1px solid #000;
border-radius: 2px;
color: #fff !important;
display: block;
font-size: 13px;
font-weight: bold;
height: 32px;
line-height: 32px;
margin-bottom: 5px;
padding: 0 8px;
}
.Label li a::before,.Label li span::before {
content: "\f02b";
float: right;
font: 14px/30px fontawesome;
margin-left: 5px;
}
.Label li a:hover,.Label li span {background-color:#000 !important;}

في أمان الله 

شارك المقالة عبر:

إقرأ أيضا