إضافة كود التبادل الإعلاني بتقنية CSS

إضافة كود التبادل الإعلاني بتقنية CSS بشكل انيق جدا وعصري إلى مدونات بلوجر مع تأثيرات رائعه على الصور بخلفيات ملونه

طريقة إضافة هذه الأداة الطريقة جد سهلة

اذهب الى لوحة التحكم الرئيسية ثم اختر تخطيط ثم اختر اضافة الاداة

الصق الكود فى المربع

<style type="text/css"> .cnmu125ads { display: block; list-style: outside none none; margin: 5px auto !important; padding: 0; width: 286px; } .cnmu125ads li {float: right;} .cnmu125ads a { background-color: #333; border: 4px solid #fff; box-shadow: 0 0 0 1px #444; color: #fff; display: block; height: 125px; line-height: 125px; margin: 5px; text-align: center; text-decoration: none; width: 125px; } .cnmu125ads a:hover{background-color: #446faa; color:#fff; border-color:#fc5400;} </style> <ul class="cnmu125ads"> <li><a href="#">مساحة إعلانية</a></li> <li><a href="#">مساحة إعلانية</a></li> <li><a href="#">مساحة إعلانية</a></li> <li><a href="#">مساحة إعلانية</a></li> </ul>

 التنسيقات

 الكود #333 هو لون خلفية المساحة الإعلانية
الكود #fff هو لون الإطار
الكود #444 هو لون الخط الخارجي للإطار
الكود #fff هو لون خط الكتابة
الكود #446faa هو لو خلفية المساحة الإعلانية عند تمرير الماوس
الكود #fff  هو لون الخط عند تمرير الماوس
الكود #fc5400  هو لون الإطار عند تمرير الماوس
تعديل حجم الكود هناك مجموعة ارقام مميزه بخلفية بيضاء الثلاثة 125 عدلهم بالزيادة او النقصان كما تريد
الرقم 286 ان زدت الرقم 125 مثلا 5 درجات تزيد الرقم 286 الضعف يعني 10 كذلك لو انقصته تنقص بالضعف

إعدادات الكود

كل سطر من السطور المعلمة بالأخضر يساوي مساحة إعلانية جديدة
رمز # باللون الأحمر يستبدل بالرابط الذي تريد
في حالة أردت أن تفتح الروابط في صفحة جديدة إستخدم اضف هذا التعديل على الكود
<li><a href="#" target="_blank">مساحة إعلانية</a></li>
أيضا يمكنك ان تستبدل كلمة مساحة إعلانية بما تريد أو استبدلها بالكود التالي لتصبح صورة وإجعلها بمقاس 125x125<img src="*" />
استبدل * برابط الصورة

بقلم المهندس كمال خضر

مبرمج متخصص

• 
• 
• 
• 
• شارك مع اصدقاءك