EnglishFrenchGermanSpainItalianDutchRussianPortugueseArabic

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

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

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

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

#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 بما يناسب قالبك
هذا كل شيئ اتمنى ان تعجبكم الإضافة موفقين إن شاء الله
ودمتم في رعاية الله وحفظه

ليست هناك تعليقات:

إرسال تعليق

التالي السابق الرئيسية