معهد خبراء بلوجر

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)
-   إضافات وأدوات بلوجر (https://www.bloggerexp.com/forumdisplay.php?f=10)
-   -   إضافات بلوجر إحترافية:تغيير شكل التسميات بشكل إحترافي ورائع 2016 (https://www.bloggerexp.com/showthread.php?t=18532)

hamza web 01-23-2016 08:15 PM

إضافات بلوجر إحترافية:تغيير شكل التسميات بشكل إحترافي ورائع 2016
 
http://2.bp.blogspot.com/-jLZqi0Nqqh...9%81%D9%8A.png
أهلا وسهلا بكم إخواتي الكرام في مدونتنا وكما طلبتم اليوم حضرنا لكم إضافة جد متميزة وهي تغيير شكل التسميات إلى شكل جد جميل ذو رونق رائع بتقنية css3
طريقة التركيب كالأتي
قم بتحرير القالب
إبحث عن ]]></b:skin> وأضف فوقه هذا الكود
المصدر : تغيير شكل التسميات إلى شكل جد جميل ذو رونق رائع بتقنية 2016 CSS3
.cloud-label-widget-content {
text-align: right;
}
.label-size {
background: #5498C9;
display: block;
float: right;
margin:0 0 3px 3px;
color: #fff;
font-size: 11px;
text-transform: uppercase;
}
.label-size:nth-child(1) {
background: #F53477;
}
.label-size:nth-child(2) {
background: #89C237;
}
.

label-size:nth-child(3) {
background: #44CCF2;
}
.label-size:nth-child(4) {
background: #01ACE2;
}
.label-size:nth-child(5) {
background: #94368E;
}
.label-size:nth-child(6) {
background: #A51A5D;
}
.label-size:nth-child(7) {
background: #555;
}
.label-size:nth-child(8) {
background: #f2a261;
}
.label-size:nth-child(9) {
background: #00ff80;
}
.label-size:nth-child(10) {
background: #b8870b;
}
.label-size:nth-child(11) {
background: #99cc33;
}
.label-size:nth-child(12) {
background: #ffff00;
}
.label-size:nth-child(13) {
background: #40dece;
}
.label-size:nth-child(14) {
background: #ff6347;
}
.label-size:nth-child(15) {
background: #f0e68d;
}
.label-size:nth-child(16) {
background: #7fffd2;
}
.label-size:nth-child(17) {
background: #7a68ed;
}
.label-size:nth-child(18) {
background: #ff1491;
}
.label-size:nth-child(19) {
background: #698c23;
}
.label-size:nth-child(20) {
background: #00ff00;
}
.label-size a, .label-size span {
display: inline-block;
color: #fff !important;
padding: 4px 10px;
font-weight: bold;
}
.label-size:hover {
background: #222;
}
.label-count {
white-space: nowrap;
padding-left: 3px;
margin-right: -3px;
background: #333;
color: #fff ;
}
.label-size:hover .label-count, .label-size:focus+.label-count {
background-color: #ff6bb5;
}


الساعة الآن 03:51 PM

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012