طريق جديد لأحتراف التدوين

الجمعة، 18 أكتوبر، 2013

1 تعليق

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

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

لتقوم بتخصص شكل هذة الأداة تحتاج إلي تخصيص كود 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 وحيث يمكنك زيادة القيمة لكل زاوية من الزوايا الأربعة


Author image
عن الكاتب

محمد السيد وألقب ب (ميدو) مصري الوطن والجنسية، أبلغ من العمري 20 عاماً، بدأت في مجال التدوين في عام 2011، تدرجت في هذا المجال حتي يومنا هذا وقد بلغت من العلم قليله.

هناك تعليق واحد:


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