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


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



تغير شكل التسميات الى شكل ملون و أكثر إحترافية
قالب المدونة الحالي للبيع ب 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 Unknown on 12:51:00 م Rating: 5
اظهار التعليقات
البث المباشر مع أيوب الحدادي للإجابة على كل تساؤلاتكم كل ثلاثاء و خميس فقط على مدونة تجيكو للمعلومياتقريبا....
11:30 بتوقيت غرينيتش
   


إنضم إلينا


Join on this site

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