کد جعبه تبلیغات آبی متنی سری 1

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

بهتره عکس  را ببینید تا بهتر متوجه بشید.

برای قرارگرفتن صحیح کد طبق آموزش پیش برید.

نکته: طول جعبه ها در قالب به صورت اتوماتیک تنظیم می شوند!

راهنما استفاده :
برای استفاده از این کد در سایتتون ابتدا کد زیر را به بخش head قالب خود اضافه کنید. به عبارت دیگر این کد را با بعد از تگ به قالبتون اضافه کنید یا قبل از تگ به قالبتون اضافه کنید:

<style> /*----Start Coding By Ghalebgraph(User:Warrior)----*/ a { text-decoration: none; color: inherit; } .gg-box { background: #FFF; border: 1px solid #09F; border-style:dashed; border-top-left-radius: 15px; border-bottom-right-radius: 15px; width: 100%; height: 60px; margin: 8px; margin-left: 0px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .gg-box:hover { background: #09F; border: 1px solid #03F; border-style:dashed; border-top-left-radius: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; } .gg-box1 { background: #09F; border: 1px solid #03F; border-style:dashed; border-top-left-radius: 15px; border-bottom-right-radius: 15px; width: 100%; height: 60px; margin: 8px; margin-left: 0px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .gg-box1:hover { background: #FFF; border: 1px solid #09F; border-style:dashed; border-top-left-radius: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; } .text { font: 18px 'B Yekan'; color: #333; text-align: center; } .p { font: 13px 'B Yekan'; color: #333; text-align: center; padding-top: 7px; } .p a { text-decoration: none; } /*----End Coding By Ghalebgraph(User:Warrior)----*/ </style>

و بعد این کد رو هر کجا که دوست دارید تبلیغات نمایش داده بشه قرار بدید.

<!--Start By Ghalebgraph(User:Warrior)--> <a href="http://ghalebgraph.ir" title="ثالب گراف" target="_blank"> <div class="gg-box1"> <div class="text">قالب گراف</div> <div class="p">مرجع کامل گرافیک و کدنویسی</div> </div></a> <a href="لینک تبلیغ شماره 2" title="توضیح" target="_blank"> <div class="gg-box"> <div class="text">محل تبلیغات شما</div> <div class="p">ماهیانه فقط 5000 تومان</div> </div></a> <a href="لینک تبلیغ شماره 3" title="توضیح" target="_blank"> <div class="gg-box1"> <div class="text">محل تبلیغات شما</div> <div class="p">ماهیانه فقط 5000 تومان</div> </div></a> <a href="لینک تبلیغ شماره 4" title="توضیح" target="_blank"> <div class="gg-box"> <div class="text">محل تبلیغات شما</div> <div class="p">ماهیانه فقط 5000 تومان</div> </div></a> <!--End By Ghalebgraph(User:Warrior)-->