اضافة تبادل اعلاني css3 احترافي – اضافات بلوجر
السلام عليكم ورحمة الله وبركاته
اقدم لكم اليوم اضافة كود التبادل الاعلاني احترافي مع تأثيرات css3 2014
الشرح :
اذهب الي صفحة التخطيط واضافة اداة HTML واضف بها الكود التالي :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 | <style> .FoulsCode-Ads ul{ list-style-type:none; margin: 0px auto; padding: 10px 0px 10px 0px; width:270px; overflow:hidden; } .FoulsCode-Ads ul li{ list-style-type:none; margin: 0px 5px 10px 5px; float:left; display:inline; background:orange; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; } .FoulsCode-Ads ul li:hover { -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -o-border-radius:15%; -webkit-border-radius:15%; -moz-border-radius:15%; border-radius:15%; } .FoulsCode-Ads ul li:active { -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -o-border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; } .FoulsCode-Ads ul li a img{ -webkit-box-shadow:0 0 8px rgba(0,0,0,0.5); -moz-box-shadow:0 0 8px rgba(0,0,0,0.5); box-shadow:0 0 8px rgba(0,0,0,0.5); padding:3px; } </style> <div class="FoulsCode-Ads"> <ul> <li style="background:#e42b2b !important;"> <a href="رابط المعلن الاول" rel="nofollow"> <img height="120" src="رابط البنر للمعلن الاول%20title=" width="118" /> </a></li> <li style="background:#FFE500 !important;"> <a href="رابط المعلن الثاني" rel="nofollow"> <img height="120" src="hرابط البنر للمعلن الثاني%20title=" width="118" /> </a></li> <li style="background:#a800ff !important;"> <a href="رابط المعلن الثالث" rel="nofollow"> <img height="120" src="رابط البنر للمعلن الثالث%20title=" width="118" /> </a></li> <li style="background:#41d05f !important;"> <a href=" رابط المعلن الرابع " rel="nofollow"> <img height="125" src="رابط البنر للمعلن الرابع%20title=" width="118" /> </a></li> </ul> </div> |
اضف تفاصيل المعلن واحفظ العمل
0 تعليقات على " اقدم لكم اليوم اضافة كود التبادل الاعلاني احترافي مع تأثيرات css3 2014 "