مر
|

طريقة تغيير شكل التسميات (أقسام المدونة) لعدة أشكال رائعة وجذابة

الشكل الأول

لتركيب الشكل الأول علي مدونتك ادخل علي لوحة تحكم مدونتك واختار التخطيط
ثم بعد ذلك اختار اضافة اداة
ثم اختار التسميات كما موضح في الصور



ثم غير الاعدادات مثل ما هو موجود في الصور




بعد ذلك اختار المظهر  كما واضح في الصور


وبعد الضغط علي المظهر اضغط علي تحرير html

وقم بلبحث بلضغط على 



وابحث علي الكود التالي 

 ]]></b:skin>



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


.label-size{ 
margin:0; 
padding:0; 
position:relative; 
.label-size a{ 
float:right
height:24px; 
line-height:24px; 
position: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:right
position: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:""; 
position: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;}



محول الاكوادإخفاء الابتساماتإخفاء ركن الاسئلنة

:)
:(
=(
^_^
:D
=D
=)D
|o|
@@,
;)
:-bd
:-d
:p
:ng
:lv
شكرا لتعليقك