تخصيص اضافة التسميات في البلوجر (لون فلات عشوائي لكل زر) عبر css

اليوم أتيتكم بتخصيص جميل على اضافة التسميات في البلوجر حيث أن هذه الاضافة تدخل امكانية جديدة في منصة البلوجر وهي التحكم الكامل في اضافة التسميات, التخصيص عبارة عن تلوين الأزرار أو أزار الأقسام بألوان فلات عشوائية يعني لكل زر لون و يتم هذا عبر كود css بسيط,

لذالك أول شيئ ستدخل الى: لوحة تحكم مدونتك -> قالب -> HTML تحرير

قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL + F).

</b:skin>

ثم تقوم بوضع الكود التالي فوقه

/* Flat UI Labels Cloud By Www.dzprofessionale.Com ---------------- */

@import "http://fonts.googleapis.com/earlyaccess/droidarabickufi.css";

.sidebar .label-size {

position:relative;

text-transform: uppercase;

text-decoration:none;

font-size:13px;

font-family:Droid Arabic Kufi;

color:#fff!important;

}

.sidebar .label-size a {

color:#fff!important;

padding:8px 10px;

margin:0 6px 6px 0;

float:right;

display:block;

-moz-transition: all 0.4s ;

-o-transition: all 0.4s;

-webkit-transition: all 0.4s ;

-ms-transition: all 0.4s ;

transition: all 0.4s ;

}

.sidebar .label-size-1 a {background:#1abc9c;border-bottom:3px solid #127F69;}

.sidebar .label-size-1 a:hover {background:#16a085;}

.sidebar .label-size-2 a {background:#3498db;border-bottom:3px solid #226693;}

.sidebar .label-size-2 a:hover {background:#2980b9;}

.sidebar .label-size-3 a {background:#2ecc71;border-bottom:3px solid #1F8C4C;}

.sidebar .label-size-3 a:hover {background:#27ae60}

.sidebar .label-size-4 a {background:#9b59b6;border-bottom:3px solid #74398E;}

.sidebar .label-size-4 a:hover {background:#8e44ad}

.sidebar .label-size-5 a {background:#e74c3c;border-bottom:3px solid #922C20;}

.sidebar .label-size-5 a:hover {background:#c0392b}

/* Flat UI Labels Cloud By Www.dzprofessionale.Com ---------------- */

بعد ذالك و الخطوة الأخير قم بالذهاب الى الى قسم " تخطيط " و قم بالضغط على تعديل في أداة التسميات و قم بالتغيير كما بالصورة

تعليقات

المشاركات الشائعة من هذه المدونة

كيف تستفيد من أداة Inspect Element في جوجل كروم

Inspect Element هي أداة توجد في متصفح جوجل كروم وهي أداة وضعت خصيصا لمطوري الويب أو web devloper فيها العديد من المميزات لمساعدة مطور الويب في عمله و لهدا سأريك في هدا الدرس أهم الاستعمالات لأداة Inspect Element كيف تستفيد من أداة Inspect Element في جوجل كروم نافذة Elements من هده القائمة يمكنك مشاهدة جميع عناصر الصفحة و أكواد ال css الخاصة بكل عنصر ,ويمكنك التعديل عليها حسب ذوقك ادا كنت تتقن ال HTML و CSS نافذة Sources هده النافذة تمكنك من مشاهدة مصادر موقعك التي تتمثل في السكريبتات و كل ما يتصل به موقعك نافذة Resources هده النافذة تقوم باضهار موارد موقعك و أقصد بموارد هي الصور و السكريبتات و ال Stylesheets فعبر فتح ملف Frames يمكنك أن تشاهد الصور والسكريبتات و ال Stylesheets الخاصة بأي موقع أو مدونة نافذة console وهي وحدة تحكم المدونة أو الموقع يمكنك القاء أوامر للموقع أعطيك مثال على ذالك تلك الخدع التي تراها في الفيسبوك عن طريقة اختراق أي حساب أو فتح كامرا أي شخص ... فتلك الخدع تع...

قراءة المزيد

اضافة صفحة الأرشيف في مدونتك

السلام عليكم ورحمة الله تعالى وبراكته اضافة صفحة الأرشيف في مدونتك تلبيتا لطلب بعض الأخوان على أن أقدم لهم طريقة لوضع صفحة أرشيف في بلوجر و مثال على ذالك صفحة الأرشيف الخاصة بموقع محترف الجزائر ,و صفحة الأرشيف شيئ ايجابي أيضا من حيث السيو , فتلك الصفحة تضم كل مواضيع مدونتك بروابطها و هذا ما يسمى بالباك لينك الداخلي و بالتالي ستحتل مراتب متقدمة في مدة وجيزة , لذالك فأول شيئ عليك القيام به هو انشاء صفحة ثابتة جديدة ثم بعد الدخول اليها تقوم بالتوجه الى تبويب HTML و تقوم بنسخ ولصق هذا الكود في الفراغ , مع تغيير رابط موقع DZPRO برابط موقعك , ثم تقوم بالحفظ و يتم انشاء صفحة أرشيف خاصة بمدونتك <script src="https://dzpro-code-free.googlecode.com/svn/trunk/archive (1).js" type="text/javascript"> </script> <script src="http://www. dzprofessionale.com /feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"> </script>

قراءة المزيد

اعلانك في مدونة محترف الجزائر مجانا لمدة شهر

السلام عليكم تم غلق المسابقة كما من المعتاد تقريبا كل عام مدونت محترف الجزائر تضع مسابقات عديدة لهدا اليومك نقد لكم مسابقة للاعلان عن موقعك ,حسابك على أي شبكة اجتماعية ,قناتك ..... مجانا و لمدة شهر كامل على أمل أن نساعدك في النهوض بموقعك و الحصول على عدد مقبول من الزوار لموقعك لمادا عليك أن تعلن لدينا ترتيب في أليكسا : 602,700 عدد الزوار في اليوم : من 1500 الى 2000 مدونة dzpro لها شهرة مقبولة في العالم العربي كما سيتم وضع اعلانك في الهيدر (بجانب اللوغو) شروط المشاركة 1- عليك الاعجاب بصفحتنا على الفيسبوك كما ترى فليس هناك العديد من الشروط و يمكنك تأديتها بسهولة و أخيرا للتواصل و ليتم تسجيلك في قائمة المشتركين قم بكتابة في تعليق : اميلك (اجباري) اسمك (غير اجباري) حسابك على الفيسبوك ,سيتم اضافتك من قبل الأدمين (اجباري) ملاحظة : ادا لم تطبق الشروط سيتم استبعادك ادا ستستمر المسابقة لمدة أسبوع بدءا من اليوم أي من يوم 22 / 02 /2014 الى 1 / 03 /2014 ادا لم يبقى لي الا أن أتمنا لك التوفيق...

قراءة المزيد

DZPRO

بحث هذه المدونة الإلكترونية