تنسيق شكل سحابة التسميات فى مدونتك

[محروم.كوم]

اليوم وفى موضوع جديد أقدم لكم شرع تنسيق شكل التسميات فى مدونات بلوجر بشكل احترافى للغاية ، لأن أداة التسميات فى بلوجر ومعظم القوالب تكون تقليدية بعض الشيء فلذلك قررت عرض هذا الموضوع ولكى لا أطيل عليكم هيا بنا للمعاينة وشرح تنسيق التسميات




صورة توضيحية




شرح تنسيق شكل سحابة التسميات

اذهب للوحة التحكم >> القالب >> تحرير HTML
ابحث عن ]]>

ضع قبله مباشرة كود الـ CSS التالى


.label-size{
margin:0;
padding:0;
relative;
}
.label-size a{
float:left;
height:24px;
line-height:24px;
relative;
font-size:12px;
margin-bottom: 9px;
margin-left:20px;
padding:0 10px 0 12px;
background:#0089e0;
color:#fff;
text-decoration:none;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-right-radius:4px;
border-top-right-radius:4px;
}
.label-size a:before{
content:"";
float:left;
absolute;
top:0;
left:-12px;

width:0;
height:0;
border-color:transparent #0089e0 transparent transparent;
border-style:solid;
border-width:12px 12px 12px 0;
}
.label-size a:after{
content:"";
absolute;
top:10px;
left:0;
float:left;
width:4px;
height:4px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background:#fff;
-moz-box-shadow:-1px -1px 2px #004977;
-webkit-box-shadow:-1px -1px 2px #004977;
box-shadow:-1px -1px 2px #004977;
}
.label-size a:hover{background:#555;}
.label-size a:hover:before{border-color:transparent #555
transparent transparent;}


√ أتمنى كلمة شكر على المجهود المبذول فلا تكن أبخل الناس بها


اتمنى ان تزور مدونتي

مقهى النت | للشروحات __DEFINE_LIKE_SHARE__