أداة التسميات بشكل جميل منقسمة إلى عمودين

إخواني الكرام كيف الحال

في هذا الموضوع ساطرح لكم إضافة لتغيير شكل اداة التسميات بل وأيضا تقسيم اداة التسميات إلى عمودين

بحيث لا تاخد مساحة كبيرة من القالب وتضهر بشكل أفضل ;)

صورة من الإضافة

أداة التسميات بشكل جميل منقسمة إلى عمودين

شكل بسيط ومميز وأحسن من الشكل العادي لتركيب هذا الشكل قم بتحرير القالب وقبل وسم

ضع هذا الكود

#Label1 li {
border:0;
padding: 0;
}
#Label1 li a {
float: right;
background:#fafafa;
padding:4px 0 4px 0;
font-size:bold 14px;
text-align:center;
margin:0 0 3px 0;
display: inline-block;
border: 1px solid #d7d7d7;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
color:#000;
width:146px;margin-left:3px;margin-right:3px;

transition:all 0.7s ease 0s;
}
#Label1 li a:hover { background:#DEEFFE;border: 1px solid #75BBF7;}
.label-size{
background: #DAD8D9;
background: -moz-linear-gradient(top, #F0F0F0 , #DAD8D9 );
background: -webkit-linear-gradient(top, #F0F0F0 ,#DAD8D9 );
margin:0 4px 7px 0;
padding: 2px 7px 2px 7px;
text-transform: uppercase;
border: solid 1px #2D8C40;
float:right;
text-decoration:none;
font-size:14px;
font-weight:bold;
box-shadow: 0 1px 2px #999;
border-radius:20px;
text-align:center;
}
.label-size:hover {
background: #D1E0E5;
background: -moz-linear-gradient(top,#EEF3F6,#D1E0E5);
background: -webkit-linear-gradient(top,#EEF3F6,#D1E0E5);
}