مرحبا اخواني الكرام أقدم لكم اضافة رائعة وجميلة واحترافية لأقسام المدونة
الخطوة 1 : تحرير كود القالباذهب إلى بلوجر
القالب
تحرير
الخطوة 2 : التثبيت
ابحث عن <b:skin>
قم بلصق الكوت الأتي فوق <b:skin>
<link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"></link>
والأن، ابحث عن ]]></b:skin>وقم بنسخ الكود التالي ولصقه فوق ]]></b:skin>
/*--------------- Cloud Labels ---------------*/
.widget-content.list-label-widget-content ul li a {
float: left;
background-color: #00aa9f;
padding: 6px 10px;
margin: 1px;
color: #fff!important;
font-size: 82%;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.widget-content.list-label-widget-content span {
display: none!important;
}
.widget-content.list-label-widget-content ul li a:hover {
text-decoration: none;
background-color: #008d84;
color: transparent!important;
text-shadow: 0 0 3px #fff!important;
}
.widget-content.list-label-widget-content ul:hover {
color: transparent!important;
}
.widget-content.list-label-widget-content ul li span {
float: right;
overflow: hidden;
margin: 7px 0 0 0;
display: inline;
color: #6f7584;
}
.widget-content.list-label-widget-content ul li a:before {
font-family: 'FontAwesome';
font-weight: normal;
font-style: normal;
text-decoration: none;
content: "\f02b";
float: left;
margin: 0 6px 0 0;
display: block!Important;
opacity: 0.5;
}
.widget-content.list-label-widget-content {
padding: 10px 20px;
}
ثم اذهب الى التخطيط
قم بإضافة أداة
اختر التسميات
الخطوة 3 : الحفض
قم بالضغط على حفض
غيير #00aa9f لتغيير الخلفية
غيير #008d84 لون الخلفية عندا المرور عليها بالموس
ليست هناك تعليقات:
إرسال تعليق