إضافة التبادل الإعلاني بشكل إحترافي

اضافة مميزة وجميلة للتبادل الإعلاني

طريقة التركيب

اذهب للتخطيط - اضافة اداة- HTML/Javascript

اضف الكود التالي مع تغيير مايلزم

<style> .LinkList h2::before {content: "\f005" !important;} .LinkList ul { list-style: outside none none; margin: 0; padding: 0;} .LinkList li a { font-family: Droid Arabic Kufi,Electrolize,ge_ss_threeregular;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: 274px;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: #3498db;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>

<div class="widget-content"><ul><div class="widget LinkList" style="list-style: none;" id="LinkList1"> <li><a href="#" style="background:#3498db;color:#fff;" target="_blank"> ضع رابط مدونتك هنا</a></li> <li><a href="#" style="background:#3498db;color:#fff;" target="_blank"> ضع رابط مدونتك هنا</a></li> <li><a href="#" style="background:#3498db;color:#fff;" target="_blank"> ضع رابط مدونتك هنا</a></li> <li><a href="#" style="background:#3498db;color:#fff;" target="_blank"> ضع رابط مدونتك هنا</a></li> <li><a href="#" style="background:#3498db;color:#fff;" target="_blank"> ضع رابط مدونتك هنا</a></li> <li><a href="#" style="background:#3498db;color:#fff;" target="_blank"> ضع رابط مدونتك هنا</a></li> <li></li></div></ul><div class="clear"></div></div>

اي استفسار او تعديل بالكود اترك تعليق اسفل