اضافة كود التبادل الاعلاني V2 من تصميم جزائري ويب
غالبية المدونات تعتمد على التبادل الإعلاني او الإعلانات المدفوعة لذلك من الضروري وجود كود مضبوط
ليجعل من تلك الخدمة امر سهل خصوصا ان كان يتم تعديل على الروابط كثيراً
فيجب ان يكون الكود سهل في التعديل ولهذا الكود التالي سيكون مثالي جداً
ليجعل من تلك الخدمة امر سهل خصوصا ان كان يتم تعديل على الروابط كثيراً
فيجب ان يكون الكود سهل في التعديل ولهذا الكود التالي سيكون مثالي جداً
- داخل القالب تحرير
html - فوق هذا الوسم
<head/> نضع الكود التالي:
<style> .LinkList h2::before {content: "\f005" !important;} .LinkList ul { list-style: outside none none; margin: 0; padding: 0;} .LinkList li a { border-left: 3px solid #DCDCDC; background-color: #E7E7E7; box-shadow: 0 1px 0 4px #fff; color: #2D3E50; display: block; float: right; height: 40px; line-height: 40px; margin-bottom: 5px; text-align: center; width: 316px;text-decoration: none;} .LinkList li a:before { content: '\f127'; font-family: FontAwesome; font-style: normal; font-weight: normal; right: 0;float: right;color: #FFF; background: #456B8E; padding-left: 7px; padding-right: 7px;transition: all 0.3s linear; } .LinkList li a:hover { background-color: #F74047;color:#fff;} .LinkList li a:after { content: ''; margin-top: 10px; border: 10px solid transparent; border-right-color: #456B8E; float: right;} .LinkList li a:hover:before{padding-left: 17px; padding-right: 17px;transition: all 0.3s linear;content: '\f105';font-family: FontAwesome;} </style>
- داخل التخطيط على ادات جديدة
HTML/JavaScript نضع الكود التالي:
<ul><div class='widget LinkList' style='list-style: none;' id='LinkList1'> <li><a href="http://www.elmwso3a.com/" target="_blank"> موسوعة المعلوميات</a></li> <li><a href="http://www.i3lm.com/" target="_blank">موسوعة المعلومات</a></li> <li><a href="http://qaisi1web.blogspot.com/" target="_blank"> القيسي ويب | الافضل لكم </a></li> <li><a href="http://www.th3littleprofessor.com/" target="_blank">البروفيسور الصغير</a></li> <li><a href="http://www.almohtarifdz.com/" target="_blank">المحترف الجزائري للمعلوميات</a></li> <li><a href="http://profmasterissam.blogspot.com/" target="_blank">اورتيلكس للمعلوميات</a></li> <li><a href="#" style="background:#F74047;color:#fff;" target="_blank"> ضع رابط مدونتك هنا</a></li> <li><a href="#" style="background:#F74047;color:#fff;" target="_blank"> ضع رابط مدونتك هنا</a></li> </div></ul><div class="clear"></div>
