تعديل الوان و احجام سحابة التسميات في البلوجر
السلام عليكم ورحمة الله تعالى و بركاته
كل من يملك مدونة على بلوجر يعلم بانه يستطيع اظافة التسميات على شكل سحابة اوسمة لكن لم يكن يستطيع التحكم في احجامها و الوانها
و لكن اليوم في هدا الدرس سنتعلم كيف نتحكم في هده التسميات احجامها الوانها
الان توسيع قوالب عناصر واجهة المستخدم
السلام عليكم ورحمة الله تعالى و بركاته
كل من يملك مدونة على بلوجر يعلم بانه يستطيع اظافة التسميات على شكل سحابة اوسمة لكن لم يكن يستطيع التحكم في احجامها و الوانها
و لكن اليوم في هدا الدرس سنتعلم كيف نتحكم في هده التسميات احجامها الوانها
الان توسيع قوالب عناصر واجهة المستخدم
ابحث عن
]]></b:skin>
ثم اظف بعده هدا الكود
]]></b:skin>
ثم اظف بعده هدا الكود
.cloud-label-widget-content {
text-align: center;
}
.cloud-label-widget-content a {
font-family: Arial, sans-serif;
font-weight: bold;
white-space: nowrap;
}
.cloud-label-widget-content span {
padding: 0 5px 0 5px;
}
.label-size-1 a { font-size:14px; color:#3DA62F; }
.label-size-2 a { font-size:16px; color:#9D4BAD; }
.label-size-3 a { font-size:18px; color:#588EFF; }
.label-size-4 a { font-size:22px; color:#7E56DD; }
.label-size-5 a { font-size:24px; color:#1695FB; }
و الان ابحث عن هدا الكود
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
و عوضه بهدا
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' expr:title='data:label.count + " تدوينة"'><data:label.name/></a>
الان شرح تغيير الالوان
.label-size-2 a { font-size:16px; color:#9D4BAD; }
.label-size-3 a { font-size:18px; color:#588EFF; }
.label-size-4 a { font-size:22px; color:#7E56DD; }
.label-size-5 a { font-size:24px; color:#1695FB; }
text-align: center;
}
.cloud-label-widget-content a {
font-family: Arial, sans-serif;
font-weight: bold;
white-space: nowrap;
}
.cloud-label-widget-content span {
padding: 0 5px 0 5px;
}
.label-size-1 a { font-size:14px; color:#3DA62F; }
.label-size-2 a { font-size:16px; color:#9D4BAD; }
.label-size-3 a { font-size:18px; color:#588EFF; }
.label-size-4 a { font-size:22px; color:#7E56DD; }
.label-size-5 a { font-size:24px; color:#1695FB; }
و الان ابحث عن هدا الكود
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
و عوضه بهدا
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' expr:title='data:label.count + " تدوينة"'><data:label.name/></a>
الان شرح تغيير الالوان
.label-size-1 a { font-size:14px; color:#3DA62F; }
.label-size-2 a { font-size:16px; color:#9D4BAD; }
.label-size-3 a { font-size:18px; color:#588EFF; }
.label-size-4 a { font-size:22px; color:#7E56DD; }
.label-size-5 a { font-size:24px; color:#1695FB; }
اللون الازرق : يمثل حجم الخط
بعد كل سطر مباشرة تاتي لون الكلمة
المصدر :مدونة ثعلوب:http://tha3loub.blogspot.com/2011/04/blog-post_10.html
بعد كل سطر مباشرة تاتي لون الكلمة
المصدر :مدونة ثعلوب:http://tha3loub.blogspot.com/2011/04/blog-post_10.html