من المزايا التي تتمع بها بلوجر هي توفير اداة خاصة بالتسميات يمكنك أضافتها في أي مكان مخصص لوضع الأدوات في قالبك، وتمكنك بلوجر من تخصصيها مثلا ظهور التسميات التي تريدها فقط واظهار عدد المواضيع التي تحملها التسمية وهكذا ولكن كيف تستطيع تخصيص شكل الظهور الخاص بها؟.
لتقوم بتخصص شكل هذة الأداة تحتاج إلي تخصيص كود
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 وحيث يمكنك زيادة القيمة لكل زاوية من الزوايا الأربعة
عن الكاتب
محمد السيد وألقب ب (ميدو) مصري الوطن والجنسية، أبلغ من العمري 20 عاماً، بدأت في مجال التدوين في عام 2011، تدرجت في هذا المجال حتي يومنا هذا وقد بلغت من العلم قليله.
شكرا
ردحذف