کد مکان تبلیغات شما رنگی

امروز برای شما کاربران گرامی کد مکان تبلیغات شما را فراهم آورده ایم

این کد مکان تبلیغات دارای سه رنگ متفاوت است که زمانی که موس بر روی آن میرود ، رنگ آن به صورت اتوماتیک تغییر میکند

رنگ حالت عادی آن خاکستری است ؛ رنگ های آن شامل آبی ، قرمز و نارنجی است که در کد زیر تنظیم شده و به همین ترتیب ، باکس ها را رنگی نمایش میدهد

این کد تبلیغات متنی میتواند نام سایت ، توضیح سایت و آدرس سایت را به نمایش در آورد

کد :

<!-- Code by : WwW.HadiJooN.IR --> <style> .text-ads{ margin-bottom:20px; -moz-box-shadow:0 9px 5px -4px rgba(0,0,0,0.9); -webkit-box-shadow:0 9px 5px -4px rgba(0,0,0,0.9); box-shadow:0 9px 5px -4px rgba(0,0,0,0.5); border:1px solid #dedede; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; width:250px; direction:rtl; } .text-ads li ,.text-ads ul{ list-style:none; width:250px; margin:0px; padding:0px; } .text-ads li a,.text-ads li a:link{ color:#000; display:block; margin:10px; padding:7px; background:#ededed; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; -webkit-transition:all .3s ease-out; transition:all .3s ease-out; text-decoration:none; } .text-ads li a:hover{ -moz-border-radius:20px 0 20px 0; -webkit-border-top-left-radius:20px; -webkit-border-bottom-right-radius:20px; -webkit-border-radius:20px 0 20px 0; border-radius:20px 0 20px 0; color:#fff } .text-ads li:nth-child(3n-2) a.adst:hover{ background:#00449b } .text-ads li:nth-child(3n-1) a.adst:hover{ background:#a40003 } .text-ads li:nth-child(3n) a.adst:hover{ background:#f38f00 } .text-ads li a:hover .ads-desc,.text-ads li a:hover .ads-name,.text-ads li a:hover .ads-address{ color:#fff; font-family:b yekan; } .text-ads li a .ads-desc,.text-ads li a .ads-name,.text-ads li a .ads-address{ font-family:b yekan; } .text-ads span{ display:block } .text-ads .ads-name{ font-weight:bold; color:#555; background:url(http://axgig.com/images/18729716224431253521.png) right no-repeat; padding-right:25px; font:13px 'b yekan',Tahoma; text-transform:uppercase } .text-ads .ads-desc{ color:#666; font:13px 'b yekan',Tahoma; text-transform:uppercase } .text-ads .ads-address{ color:#069d00; text-align:left; direction:ltr; font-family:Tahoma; } </style> <div class="text-ads"><ul> <li><a class="adst" target="_blank" href="#"> <span class="ads-name">مکان تبلیغات شما</span> <span class="ads-desc">مکانی ارزان با بازدهی بالا</span> <span class="ads-address">www.youresite.com</span> </a></li> <li><a class="adst" target="_blank" href="#"> <span class="ads-name">مکان تبلیغات شما</span> <span class="ads-desc">مکانی ارزان با بازدهی بالا</span> <span class="ads-address">www.youresite.com</span> </a></li> <li><a class="adst" target="_blank" href="http://www.hadijoon.ir"> <span class="ads-name">کد وبلاگ</span> <span class="ads-desc">انواع کد وبلاگ و وبسایت برای وبمستران</span> <span class="ads-address">www.hadijoon.ir</span> </a></li> </ul></div><h2><a href="http://www.hadijoon.ir" style="position:fixed; top:1000%;">کد وبلاگ</a></h2><h2><a href="http://www.hadijoon.ir" style="position:fixed; top:1000%;">کد تبلیغات متنی رنگی</a></h2> <!-- Code by : WwW.HadiJooN.IR -->

برای مشاهده دمو ، همین جا کلیک کنید

<!-- Code by : WwW.HadiJooN.IR --> <style> .text-ads{ margin-bottom:20px; -moz-box-shadow:0 9px 5px -4px rgba(0,0,0,0.9); -webkit-box-shadow:0 9px 5px -4px rgba(0,0,0,0.9); box-shadow:0 9px 5px -4px rgba(0,0,0,0.5); border:1px solid #dedede; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; width:250px; direction:rtl; } .text-ads li ,.text-ads ul{ list-style:none; width:250px; margin:0px; padding:0px; } .text-ads li a,.text-ads li a:link{ color:#000; display:block; margin:10px; padding:7px; background:#ededed; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; -webkit-transition:all .3s ease-out; transition:all .3s ease-out; text-decoration:none; } .text-ads li a:hover{ -moz-border-radius:20px 0 20px 0; -webkit-border-top-left-radius:20px; -webkit-border-bottom-right-radius:20px; -webkit-border-radius:20px 0 20px 0; border-radius:20px 0 20px 0; color:#fff } .text-ads li:nth-child(3n-2) a.adst:hover{ background:#00449b } .text-ads li:nth-child(3n-1) a.adst:hover{ background:#a40003 } .text-ads li:nth-child(3n) a.adst:hover{ background:#f38f00 } .text-ads li a:hover .ads-desc,.text-ads li a:hover .ads-name,.text-ads li a:hover .ads-address{ color:#fff; font-family:b yekan; } .text-ads li a .ads-desc,.text-ads li a .ads-name,.text-ads li a .ads-address{ font-family:b yekan; } .text-ads span{ display:block } .text-ads .ads-name{ font-weight:bold; color:#555; background:url(http://axgig.com/images/18729716224431253521.png) right no-repeat; padding-right:25px; font:13px 'b yekan',Tahoma; text-transform:uppercase } .text-ads .ads-desc{ color:#666; font:13px 'b yekan',Tahoma; text-transform:uppercase } .text-ads .ads-address{ color:#069d00; text-align:left; direction:ltr; font-family:Tahoma; } </style> <div class="text-ads"><ul> <li><a class="adst" target="_blank" href="#"> <span class="ads-name">مکان تبلیغات شما</span> <span class="ads-desc">مکانی ارزان با بازدهی بالا</span> <span class="ads-address">www.youresite.com</span> </a></li> <li><a class="adst" target="_blank" href="#"> <span class="ads-name">مکان تبلیغات شما</span> <span class="ads-desc">مکانی ارزان با بازدهی بالا</span> <span class="ads-address">www.youresite.com</span> </a></li> <li><a class="adst" target="_blank" href="http://www.hadijoon.ir"> <span class="ads-name">کد وبلاگ</span> <span class="ads-desc">انواع کد وبلاگ و وبسایت برای وبمستران</span> <span class="ads-address">www.hadijoon.ir</span> </a></li> </ul></div><h2><a href="http://www.hadijoon.ir" style="position:fixed; top:1000%;">کد وبلاگ</a></h2><h2><a href="http://www.hadijoon.ir" style="position:fixed; top:1000%;">کد تبلیغات متنی رنگی</a></h2> <!-- Code by : WwW.HadiJooN.IR -->

<!-- Code By : WwW.Pi3iDL.Com --> 111 222 333 <!-- Code By : WwW.Pi3iDL.Com -->

<!-- Code By : WwW.Pi3iDL.Com --> 111 222 333 <!-- Code By : WwW.Pi3iDL.Com -->