Lorem ipsum dolor sit amet, consectetur adipiscing elit. Test link

كيف تقوم بتخصيص شكل أداة التسميات في بلوجر

من المزايا التي تتمع بها بلوجر هي توفير اداة خاصة بالتسميات يمكنك أضافتها في أي مكان مخصص لوضع الأدوات في قالبك، وتمكنك بلوجر من تخصصيها مثلا ظهور التسميات التي تريدها فقط واظهار عدد المواضيع التي تحملها التسمية وهكذا ولكن كيف تستطيع تخصيص شكل الظهور الخاص بها؟.

لتقوم بتخصص شكل هذة الأداة تحتاج إلي تخصيص كود css لهذة القيمة Label li لذا قم بالبحث عن هذا الوسم ]]></b:skin> وقم بأضافة الكود التالي فوق منه مباشرة

.Label li {
background: #EE8A1D !important;
border-radius: 3px 3px 3px 3px !important;
float: right !important;
font-size: 17px !important;
list-style: none outside none !important;
margin: 2px !important;
padding: 10px 10px !important;
transition: all 0.3s ease 0s !important;
}
.Label li:hover {
background: #111 !important;
}


كيف تقوم بتخصيص هذا الكود


لتقوم بتخصيص هذا الكود تحتاج لفهم كل جزء منه والعمل الذي يقوم به.


اللون: يمكنك تغير كود اللون EE8A1D باللون الذي تريده فهو يعطي خلفية باللون الأصفر للتسمية اما كود اللون الأخر 111 يعطي اللون الأسود للتسمية عندما يمر بها الماوس


الخط: يتطلب الخط تغير القيمة17px التي تتبع font-size بحجم الخط الذي تريده


اتجاه التسميات: وهذة القيمة التي توجها float اما يمينا او يساراً كما تريد وهي باللغة العربية تحتاج right كما هي موجودة


الأبعاد: ويمكنك من خلاص هذة القيمة padding التحكم في بعد او قرب الكلمة من جوانب الخلفية


الماسافات بين التسمية والاخري: وهي مسؤل عنها margin


زاويا الجوانب الأربعة: ويتحكم فيها border-radius وحيث يمكنك زيادة القيمة لكل زاوية من الزوايا الأربعة

إرسال تعليق