تبادل اعلاني جديد من تجيكو للمعلوميات


أدخل كلمات بحثك



تغير شكل التسميات الى شكل ملون و أكثر إحترافية
قالب المدونة الحالي للبيع ب 5$ والدفع عن طريق الباى بال فقط. للشراء برجاء التواصل عبر صفحتنا في الفيسبوك ×

تابع المدونة

ترتيبنا عالميا

اخترنا لكم

اعلن هنا

تغير شكل التسميات الى شكل ملون و أكثر إحترافية

بسم الله الرحمن الرحيم اليوم في هذا الموضوع الرائع أقدمٌ لكم شرح بسيط ورائع لتغير شكل سحابة التسميات لمدونات بلوجر إلى شكل رائع بألوان رائعة بتقنية css3 و تضيف لمسة من الجمال والرونق لمدونتك .

  1. إذهب إلى لوحة التحكم
  2. إفتح القالب
  3. تحرير HTML
  4. إبحث بإستعمال CTRL+F عن ]]></b:skin>
  5. ضع الكود التالي قبله مباشرة :

    .cloud-label-widget-content {
 text-align: right;
 }
 .label-size {
 background: #5498C9;
 display: block;
 float: right;
 margin:0 0 3px 3px;
 color: #fff;
 font-size: 11px;
 text-transform: uppercase;
 }
 .label-size:nth-child(1) {
 background: #F53477;
 }
 .label-size:nth-child(2) {
 background: #89C237;
 }
 .label-size:nth-child(3) {
 background: #44CCF2;
 }
 .label-size:nth-child(4) {
 background: #01ACE2;
 }
 .label-size:nth-child(5) {
 background: #94368E;
 }
 .label-size:nth-child(6) {
 background: #A51A5D;
 }
 .label-size:nth-child(7) {
 background: #555;
 }
 .label-size:nth-child(8) {
 background: #f2a261;
 }
 .label-size:nth-child(9) {
 background: #00ff80;
 }
 .label-size:nth-child(10) {
 background: #b8870b;
 }
 .label-size:nth-child(11) {
 background: #99cc33;
 }
 .label-size:nth-child(12) {
 background: #ffff00;
 }
 .label-size:nth-child(13) {
 background: #40dece;
 }
 .label-size:nth-child(14) {
 background: #ff6347;
 }
 .label-size:nth-child(15) {
 background: #f0e68d;
 }
 .label-size:nth-child(16) {
 background: #7fffd2;
 }
 .label-size:nth-child(17) {
 background: #7a68ed;
 }
 .label-size:nth-child(18) {
 background: #ff1491;
 }
 .label-size:nth-child(19) {
 background: #698c23;
 }
 .label-size:nth-child(20) {
 background: #00ff00;
 }
 .label-size a, .label-size span {
 display: inline-block;
 color: #fff !important;
 padding: 4px 10px;
 font-weight: bold;
 }
 .label-size:hover {
 background: #222;
    }
 .label-count {
 white-space: nowrap;
 padding-left: 3px;
 margin-right: -3px;
 background: #333;
 color: #fff ;
 }
 .label-size:hover .label-count, .label-size:focus+.label-count {
 background-color: #ff6bb5;
 }
مركز تحميل الصور
تغير شكل التسميات الى شكل ملون و أكثر إحترافية تغير شكل التسميات الى شكل ملون و أكثر إحترافية Reviewed by Geeko AYoub l تجيكو للمعلوميات on 12:51:00 م Rating: 5
اظهار التعليقات
اخفاء التعليقات

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لاضافة كود حوله اولا بمحول الاكواد
4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة
محول الأكوادمحول الأكواد الإبتساماتالإبتسامات

البث المباشر مع أيوب الحدادي للإجابة على كل تساؤلاتكم كل ثلاثاء و خميس فقط على مدونة تجيكو للمعلومياتقريبا....
11:30 بتوقيت غرينيتش
   


إنضم إلينا


Join on this site

للحصول على كل جديد المدونة