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

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

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

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

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

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

ضع هذا الكود

#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);
}

لو رأيت مثلا ان الإضافة لم تضهر كما في الصورة على شكل عمودين قم بتصغير هذه القيمة width:146px بما يناسب قالبك

هذا كل شيئ اتمنى ان تعجبكم الإضافة موفقين إن شاء الله

ودمتم في رعاية الله وحفظه