بسم الله الرحمن الرحيم
مرحبا بكل زوارنا الكرام اليوم قررت أن أنزل شكل تسميات إحترافى مثل شكل مدونة شعلة ويب | الأفضل لك
شكل أحترافى وحصرى بكود بصيت وسهل التركيب
خطوات تركيب الأضافة كالتالى...
توجه إلى لوحة التحكم ثم قالب من القائمة الجانية
ثم أبحث على
ثم ضع الكود التالى فوقها مباشرة
مبروك عليك الأضافة
نحن نقدم لك مجهودات كبيرة لا تبخل علينا بالتعليق وتضغط على زر متابعة تجده بالسايد بار
وأنتهت تدوينتنا وإلى اللقاء أنتظرنا فى تدوينا أخرى أنشاء الله
مرحبا بكل زوارنا الكرام اليوم قررت أن أنزل شكل تسميات إحترافى مثل شكل مدونة شعلة ويب | الأفضل لك
شكل أحترافى وحصرى بكود بصيت وسهل التركيب
خطوات تركيب الأضافة كالتالى...
توجه إلى لوحة التحكم ثم قالب من القائمة الجانية
ثم أبحث على
]]></b:skin>
ثم ضع الكود التالى فوقها مباشرة
/* CSS التسميات */
IMPORT url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
.widget-content.cloud-label-widget-content {display:inline-block;width:100%;}
.widget-content.cloud-label-widget-content {display:inline-block;}
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {font-size:100%;opacity:1}
.cloud-label-widget-content{text-align:right;padding:10px;}
.label-count {white-space:nowrap;display:inline-block;}
#sidebar-wrapper .label-size{position:relative;display:block;float:right;margin:0 4px 4px 0;font-size:13px;transition:all 0.3s;}
#sidebar-wrapper .label-size a{background:#fff;display:inline-block;color:#444;padding:5px 8px;font-weight:400;border:1px solid #ccc;transition:all .3s}
#sidebar-wrapper .label-count{backface-visibility:hidden;opacity:0;visibility:hidden;font-size:85%;display:inline-block;position:absolute;top:-5px;left:-10px;background:#4fafe9;color:#fff;white-space:nowrap;padding:0;width:25px;height:22px;line-height:22px;border-radius:4px;text-align:center;z-index:1;transition:all .3s}
#sidebar-wrapper .label-size:hover .label-count{opacity:1;visibility:visible;left:-15px}
#sidebar-wrapper .label-size a:hover{color:#444;border-color:#4fafe9}
.list-label-widget-content ul li span {
float: right;
width: 3em;
height: 3em;
text-align: center;
line-height: 35px;
margin: -34.5px -2px 0px 4px;
border-radius: 100%;
color: #FFF;
font-weight: bold;
background: #ea0c31;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 0 1px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,.0.1),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 0 1px rgba(0,0,0,.1);
box-shadow: 0 1px 1px rgba(0,0,0,0.1),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 0 1px rgba(0,0,0,.1);
border: 0.3em solid #FFF;
font-family: time;
}
.list-label-widget-content li a {
text-decoration: none;
color: #272B35;
-webkit-transition: all 0.3s ease-in-out;
transition: all 1s;
display: block;
margin: 0 40px 0 0;
padding: 6px 0.4px;
}
.list-label-widget-content li a:hover {
color: #FFFFFF;
transition: all 1s;
}
.list-label-widget-content ul li:hover {
background: #ea0c31;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 0 1px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,.0.1),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 0 1px rgba(0,0,0,.1);
box-shadow: 0 1px 1px rgba(0,0,0,0.1),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 0 1px rgba(0,0,0,.1);
transition: all 1s;
}
.list-label-widget-content ul li {
border: solid 1px #E0E0E0;
background: #F0F0F0;
color: #444;
text-decoration: none;
border-radius: 0.3em 1.3em 1.3em 0.3em;
transition: all 1.0s ease-out 0s;
font-family: droid arabic kufi;
list-style: none;
font-size: 12px;
margin: 5px 3px;
transition: all 1s;
}
/* CSS نهاية التسميات */
مبروك عليك الأضافة
نحن نقدم لك مجهودات كبيرة لا تبخل علينا بالتعليق وتضغط على زر متابعة تجده بالسايد بار
وأنتهت تدوينتنا وإلى اللقاء أنتظرنا فى تدوينا أخرى أنشاء الله
جميل جدا
ردحذفمرورك الأجمل
ردحذفروعة
ردحذف