مای بی بی MyBB , پلاگین , قالب

ساخت تبلیغات متنی جدید

درود

من یک عدد تبلیغات متنی که خوشم میومد رو همینجوری ساختم کد استایلشم ساختم با بلوکش منتهی موندم کدوم قسمت استایل بدم توی golbal.css یا awesomeflat  عکس نتیجه کد رو هم  همراه با کد های استایلش قرار میدم اگر اشتباهی بود راهنمایی کنید
کد پی‌اچ‌پی:
.text-ads{
background:#16A085;border-radius:5px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;box-shadow:0px 5px rgba(0,0,0,0.03) inset;margin-top:20px;margin-bottom:20px
}

.
text-ads-title{
float:right;background:#16A085;margin:-5px;height:86px;border-radius:0px 5px 5px 0px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font:18px Mj_TV,Tahoma;color:white;text-shadow:1px 1px black;padding:30px 9px 5px 11px;box-shadow:0px 5px rgba(0,0,0,0.09) inset;position:relative
}

.
text-ads-title:after{
content:"";position:absolute;width:0px;height:0px;border-style:solid;border-width:9px 10px 9px 0;border-color:transparent #6d4804 transparent transparent;left:-10px;top:34px
}

.
text-ad{
float:right;margin-right:4%;width:17%
}

.
text-ad:hover,text-ads:hover{
text-shadow:0 1px 0 #B4A4A4;transition:0.15s;-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-ms-transform:scale(1.06);-o-transform:scale(1.06);transform:scale(1.06)
}

.
text-ad .site-title{
font:13px Mj_TV,Tahoma;margin-top:4px
}

.
text-ad .site-slogan{
text-align:justify;font-family:Mj_TV,Tahoma
}

.
text-ad .site-url{
text-align:left;color:green;margin-top:7px

کد:
<div class="text-ads">

<div class="text-ads-title">تبلیغات متنی</div>
<a href="/">
<div class="text-ad first-ad">
<div class="site-title">پورتال علمی و تفریحی دلقک</div>
<div class="site-slogan">کامل ترین آرشیو اخبار علمی و مطالب بروز</div>
<div class="site-url">DalghaK.NeT</div>
</div>
</a>
<a href="http://dalghak.net/forum/">
<div class="text-ad">
<div class="site-title">تالار گفتمان دلقک</div>
<div class="site-slogan">متفاوترین انجمن سرگرمی و تفریحی فارسی زبانان</div>
<div class="site-url">DalghaK.NeT/forum</div>
</div>
</a>
<a href="http://dalghak.net/">
<div class="text-ad">
<div class="site-title">تبلیغات</div>
<div class="site-slogan">تبلیغات شما در این مکان ماهانه فقط 5000 تومان</div>
<div class="site-url">DalghaK.NeT</div>
</div>
</a>
<a href="#">
<div class="text-ad last-ad">
<div class="site-title">تبلیغات</div>
<div class="site-slogan">تبلیغات شما در این مکان ماهانه فقط 5000 تومان</div>
<div class="site-url">DalghaK.NeT</div>
</div>
</a>
<div class="clear"></div>
</div>


نتیجه این کد ها همین شد
تصویر: http://uupload.ir/files/kngo_14.png