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

raheel · 10-04-2019, 09:44 PM

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

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

المصدر: منتديات رحيل لكل العرب - من قسم: قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress

10-04-2019, 09:44 PM	#1
raheel تاريخ التسجيل: Feb 2019 العمر: 38 المشاركات: 1,149 التقييم: 10	raheel تاريخ التسجيل: Feb 2019 العمر: 38 المشاركات: 1,149 التقييم: 10 طريقة تخصيص شكل أداة التسميات في بلوجر طريقة تخصيص شكل أداة التسميات في بلوجر من المزايا التي تتمع بها بلوجر هي توفير اداة خاصة بالتسميات يمكنك أضافتها في أي مكان مخصص لوضع الأدوات في قالبك، وتمكنك بلوجر من تخصصيها مثلا ظهور التسميات التي تريدها فقط واظهار عدد المواضيع التي تحملها التسمية وهكذا ولكن كيف تستطيع تخصيص شكل الظهور الخاص بها؟. لتقوم بتخصص شكل هذة الأداة تحتاج إلي تخصيص كود 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 وحيث يمكنك زيادة القيمة لكل زاوية من الزوايا الأربعة المصدر: منتديات رحيل لكل العرب - من قسم: قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress
	اقتباس

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
تعلم معنا طريقة عمل وصف البحث لمدونات بلوجر	raheel	قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress	1	27-07-2019 11:16 PM
مقدمة محور آيات الأحكام	سالجان	قسم القرآن الكريم	1	20-07-2019 03:59 AM
طريقة إضافة صفحة محمية بكلمة سر في بلوجر	raheel	قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress	0	11-04-2019 03:13 PM
طريقة اظهار التسميات تحت العنوان بمحرك البحث	raheel	قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress	0	08-04-2019 08:05 PM
طريقة نقل موقع من بلوجر الى ووردبريس دون حدوث خسارة	raheel	قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress	0	14-03-2019 03:48 PM

اسم العضو		حفظ البيانات؟
كلمة المرور

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)