این باکس توسط گروه بیست اسکریپت تهیه شده و در این باکس از jquery و css استفاده شده که زیبایی خاصی به اون میده . به ادامه مطلب برید و سورس باکس تبلیغات رو به رایگان دانلود کنید.
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 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 |
<script src="http://code.jquery.com/jquery.min.js"></script> <script type='text/javascript'> $(document).ready(function(){ // author :www.20script.ir // aka3_ir@yahoo.com $(".close_toolsdl").click(function(){ $(".top_ads_toolsdl").slideToggle(300); $(".arrow_down_toolsdl").delay(300).slideToggle(300); }); $(".arrow_down_toolsdl").click(function(){ $(".arrow_down_toolsdl").slideToggle(300); $(".top_ads_toolsdl").delay(300).slideToggle(300); }); }); </script> <style> .top_ads_toolsdl { width:898px; float:right; margin:0 220px 0 0; background:url(images/top_ads.png) repeat; height:100px; border:1px solid #d0d0d0; transition-property:border, border-radius; transition-duration:1s; -moz-transition-property:border, -moz-border-radius; -moz-transition-duration:1s; -webkit-transition-property:border, -webkit-border-radius; -webkit-transition-duration:1s; -o-transition-property:border, -o-border-radius; -o-transition-duration:1s; -ms-transition-property:border, -ms-border-radius; -ms-transition-duration:1s; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .arrow_down_toolsdl { width:24px; float:right; height:24px; background:url(http://www.20script.ir/wp-content/uploads//ads-arrow.png) no-repeat center #fff; padding:3px; position:absolute; right:230px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -o-border-radius-bottomright: 5px; -o-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border:1px solid #d0d0d0; display:none; cursor:pointer } .top_ads_toolsdl:hover { border:1px dashed #7c7a7a; -webkit-border-radius: 5px; -moz-border-radius:10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .top_ads_toolsdl img { float:left; margin:15px 0 0 15px; transition-property:border, border-radius; transition-duration:1s; -moz-transition-property:border, -moz-border-radius; -moz-transition-duration:1s; -webkit-transition-property:border, -webkit-border-radius; -webkit-transition-duration:1s; -o-transition-property:border, -o-border-radius; -o-transition-duration:1s; -ms-transition-property:border, -ms-border-radius; -ms-transition-duration:1s; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; border:5px solid #d4d4d4; } .top_ads_toolsdl object { float:left; margin:15px 0 0 15px; } .top_ads_toolsdl img:hover { border:5px solid #888; } .top_ads_toolsdl p { float:right; font-family: BYekan, tahoma, Helvetica, sans-serif; font-size:13px; color:#afafaf; text-shadow:1px 1px #fff; margin:30px 25px 0 0 } .top_ads_toolsdl a.order { float:right; font-family: BYekan, tahoma, Helvetica, sans-serif; font-size:12px; color:#afafaf; text-shadow:1px 1px #fff; margin:15px 120px 0 0 } .close_toolsdl { width:35px; height:35px; background:url(http://www.20script.ir/wp-content/uploads//ads-close.jpg) no-repeat; float:right; margin:30px 15px 0 0; cursor: pointer; } </style> <div class="top_ads_toolsdl"> <a href="http://www.20script.ir/" target="_blank"><img src="http://up.20script.ir/up/1393081118631.gif"></a> <div class="close_toolsdl"> </div> <p>تبلیغات هزینه نیست ، بلکه سرمایه گذاری است</p> <a href="http://www.20script.ir/" class="order">جهت سفارش تبلیغات کلیک کنید ...</a> </div> <div class="arrow_down_toolsdl"></div> |
- مشکلی دارید؟ جواب خود را در پست فروم بگیرید
- منبع : بیست اسکریپت لطفا رعایت کنید
دوره حرفه ای آموزش سئو سایت مارکیو | رتبه اول گوگل یک رویا نیست!
