eliasissaoui Admin
عدد المساهمات : 16999 تاريخ التسجيل : 04/07/2013 الموقع : https://www.youtube.com/watch?v=QriWAmC6_40
| موضوع: أداة التسميات بشكل جميل منقسمة إلى عمودين الأحد مارس 02, 2014 2:01 am | |
| إخواني الكرام كيف الحال في هذا الموضوع ساطرح لكم إضافة لتغيير شكل اداة التسميات بل وأيضا تقسيم اداة التسميات إلى عمودين بحيث لا تاخد مساحة كبيرة من القالب وتضهر بشكل أفضل صورة من الإضافة شكل بسيط ومميز وأحسن من الشكل العادي لتركيب هذا الشكل قم بتحرير القالب وقبل وسم ضع هذا الكود - اقتباس :
#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 بما يناسب قالبك هذا كل شيئ اتمنى ان تعجبكم الإضافة موفقين إن شاء الله ودمتم في رعاية الله وحفظه
|
| |
|