کد تابلو اعلانات برای وبلاگ

تـابلــو اعـلانــات

سلام:) اینجا تابلوی اعلانات مهمه منه و یا شایدم یه تابلو با موضوع (درباره من) و یا هر چیز دیگه ای میتونه باشه

قالب وبلاگ نگارین مخصوص سرویس بیان

قالب وبلاگ نگارین مخصوص سرویس بیان

دوسـتان محبـوبم

از این تابلو اعلانات میشه استفاده‎های زیادی کرد، میشه بعنوان [درباره من] ازش استفاده کرد و یا هر چیز دیگه‎ای، بستگی به سلیقه مدیر وبلاگ داره که چه استفاده‎ای از این بکنه . این تابلو اعلانات جاوااسکریپت نیست و هر کاربری توی وبلاگ‎های بیان (هر نوع وبلاگی) میتونه از این تابلو استفاده کنه. .
فونت این تابلو بستگی به فونت قالبتون تعویض میشه، اگر فونت قالب شما مثلاً [b yekan] باشه، فونت این هم به یکان تغییر میکنه.
میتونید در قسمت تابلو اعلانات لینک‎های بیشتری قرار بدید .
عرض قالب با محلی که قرارش میدید ست میشه و نیازی به تغییرات در کد نیست .

دریافت کد در ادامه مطلب

<style>
.pelake7_elanat{width:97%;padding:0.5%;margin:1%;height:190px;background:#fff;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;}
.pelake7_a{width:50%;float:right;height:100%;}
.pelake7_b{width:50%;float:right;height:100%;}
.pelake7_title{background:#0077aa;padding:0px 10px;border-radius:50px;color:#fff;margin-bottom:5px;float:right;}
.pelake7_tab{clear:both;padding:5px;border-right:2px #0077aa solid;margin:1px 0px;}
.pelake7_tab:hover{clear:both;padding:5px;border-right:2px #f88 solid;margin:1px 0px;}
.pelake7_elanat .pelake7_betters{margin-top:55px;}
.pelake7_betters img{opacity:1; border:2px solid #CACACA; border-radius:150%; width:65px; height:65px; margin-left:5px; margin-bottom:5px ;}
.pelake7_elanat img,.pelake7_tab{transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.pelake7_elanat .pelake7_betters img:hover{transform: rotate(40deg);-moz-transform: rotate(40deg);-webkit-transform: rotate(40deg);-ms-transform: rotate(40deg);-o-transform: rotate(40deg);}
/* تعویض عکس زمینه */
.pelake7_elanat{background:#fff url(http://bayanbox.ir/view/7249283534497526234/tablo.png) no-repeat center;}
</style>
<div class="pelake7_elanat">
<div class="pelake7_a"><div class="pelake7_title">تـابلــو اعـلانــات</div>
<div class="pelake7_tab">سلام:) اینجا تابلوی اعلانات مهمِ منه و یا شایدم یه تابلو با موضوع (درباره من) و یا هر چیز دیگه ای میتونه باشه </div>
<div class="pelake7_tab"><a href="http://pelake7.blog.ir/post/%D8%A8%D8%A7%DA%A9%D8%B3-%D8%AF%D8%B1%D8%A8%D8%A7%D8%B1%D9%87-%D9%85%D9%86">باکس (درباره من) بصورت کشویی</a></div>
<div class="pelake7_tab"><a href="http://pelake7.blog.ir/post/%D9%85%D9%86%D9%88%DB%8C-%D9%85%D8%AA%D8%AD%D8%B1%DA%A9">منوی متحرک</a></div>
</div>
<div class="pelake7_b"><div class="pelake7_title">دوسـتان محبـوبم</div>
<div class="pelake7_betters">
<a href="http://www.pelake7.blog.ir" target="_blank"><img src="http://bayanbox.ir/view/3482922485913574611/5545.png" alt="..."> </a>
<a href="http://www.pelake7.blog.ir" target="_blank"><img src="http://bayanbox.ir/view/7599278618498945420/150-150.jpeg" alt="..."> </a>
<a href="http://www.pelake7.blog.ir" target="_blank"><img src="http://bayanbox.ir/view/1038741987881962190/1413905062885082.jpg" alt="..."> </a>
<a href="http://www.pelake7.blog.ir" target="_blank"><img src="http://bayanbox.ir/view/6118126613391415246/Image.jpg" alt="..."> </a>
 </div>
</div></div>

دسته: {کدنویس}