شرح لكيفية تغير تسميات المدونة بشكل جديد ومتحرك

شرح لكيفية تغير تسميات المدونة بشكل جديد

اقدم لكم زوار الموقع شرح شرح لكيفية تغير تسميات المدونة بشكل جديد ومتحرك 

هذة الاضافة سوف تغير شكل التسميات التقليدي الي شكل جديد ومتحركة وبحيث يلفت انتباه الزوار اكتر ويعطي شكل جميل للموقع او المدونة كما في الصورة

والان مع الشرح
اولا نذهب الي لوحة تحكم المدونة / القالب / تحرير html
 وبعد ذالك نبحث عن </b:skin>
 ونضع فوقها هذا الكود ونضغط علي حفظ النموذج

___________________________________________

.label-size{ 

margin:0 2px 6px 0; 

padding: 3px; 

text-transform: uppercase; 

border: solid 1px #C6C6C6; 

border-radius: 3px; 

float:left; 

text-decoration:none; 

font-size:10px; 

color:#666; 

}

.label-size:hover { 

border:1px solid #6BB5FF; 

text-decoration: none;

-moz-transition: all 0.5s ease-out;  

-o-transition: all 0.5s ease-out;  

-webkit-transition: all 0.5s ease-out;  

-ms-transition: all 0.5s ease-out;  

transition: all 0.5s ease-out; 

-moz-transform: rotate(7deg);  

-o-transform: rotate(7deg);  

-webkit-transform: rotate(7deg);  

-ms-transform: rotate(7deg);  

transform: rotate(7deg);  

filter: progid:DXImageTransform.Microsoft.Matrix( 

                    M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand'); 

zoom: 1;  

}

.label-size a  { 

text-transform: uppercase; 

float:left; 

text-decoration: none; 

}

.label-size a:hover  { 

text-decoration: none; 

}

___________________________________________

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