أفضل وأجمل كود للتبادل الإعلاني لتركيبه لأصحاب المواقع والمدونات

مدير الموقع يوليو 21, 2016 أغسطس 22, 2017
للقراءة
كلمة
0 تعليق
نبذة عن المقال: أفضل وأجمل كود للتبادل الإغلاني لتركيبه لأصحاب المواقع والمدونات
-A A +A
Advertising-Exchange-Code
أفضل وأجمل كود للتبادل الإعلاني لتركيبه لأصحاب المواقع والمدونات

مدونات كثيرة تعتمد على التبادل الإعلاني أو الإعلانات المدفوعة، لذلك من الضروري وجود كود متناسق وجميل وجذاب وأيضا خفيف ليجعل من تلك الخدمة امر سهل خصوصا ان كان يتم تعديل البنرات والروابط كثيراً فيجب ان يكون الكود سهل في التعديل ولهذا الكود التالي سيكون مثالي جداً لهذا الامر حيث انه خفيف جداً ولا يحتوي على صور بل هو معتمد تماما على اكواد للـ 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="*" />
استبدل * برابط الصورة



نقلا عن: كن مدون

شارك المقال لتنفع به غيرك

مدير الموقع

الكاتب مدير الموقع

مدون وباحث ومنشئ محتوى مهتم بأعمال التصميم والجرافيك وتطوير المواقع facebook twitter instagram youtube telegram whatsapp email

قد تُعجبك هذه المشاركات

إرسال تعليق

0 تعليقات

3686505706883518796
https://www.forulike.com/