با سلام خدمت شما دوستان عزیز

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

این کد را می توانید از ادامه مطلب دریافت کنید .

در ابتدا کد زیر را در جایی که می خواهید این کد به نمایش در آید Paste کنید (برای مثال در پارسی کیوت در بلاک ها)

<div class="text-ads">
<ul>
<li> <a target="_blank" href="http://www.mdesigner.ir" rel="nofollow" class="firouzeh"> 
<span class="name">تبلیغات شما در این مکان!</span> <span class="link"> درج آگهی متنی در این محلکلیک کنید! </span> </a></li>
<li> <a target="_blank" href="http://www.mdesigner.ir" rel="nofollow" class="blue"> 
<span class="name">تبلیغات شما در این مکان!</span> <span class="link"> درج آگهی متنی در این محلکلیک کنید! </span> </a></li>
<li> <a target="_blank" href="http://www.mdesigner.ir" rel="nofollow" class="purple"> 
<span class="name">تبلیغات شما در این مکان!</span> <span class="link"> درج آگهی متنی در این محلکلیک کنید! </span> </a></li>
<li> <a target="_blank" href="http://www.mdesigner.ir" rel="nofollow" class="green"> 
<span class="name">تبلیغات شما در این مکان!</span> <span class="link"> درج آگهی متنی در این محلکلیک کنید! </span> </a></li>
<li> <a target="_blank" href="http://www.mdesigner.ir" rel="nofollow" class="green"> 
<span class="name">ام دیزاینر</span> <span class="link"> مرجع آموزش گرافیک و ارائه قالب های متنوع </span> </a></li>
<li> <a target="_blank" href="http://www.mdesigner.ir" rel="nofollow" class="red" style="text-decoration: blink"> 
<span class="name">تبلیغات شما در این مکان!</span> <span class="link"> درج آگهی متنی در این محلکلیک کنید! </span> </a></li>
</ul></div>

حال کد زیر را در style قالب خود بریزید (فایل css) :

.text-ads {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DEDEDE;
    border-radius: 10px 10px 10px 10px;
    direction: rtl;
    font-family: Tahoma;
    font-size: 8pt;
    line-height: 130%;
    margin-bottom: 10px;
    padding: 0 0 3px;
    text-align: center;
    width: 98%;
}
.text-ads li a, .text-ads li a:link {
    background: none repeat scroll 0 0 #F3F2F2;
    color: #000000;
    display: block;
    margin: 0 0 5px;
    padding: 7px;
    transition: all 0.4s ease 0s;
}
.text-ads li a:hover {
    border-radius: 0 15px 0 15px;
    color: #FFFFFF;
}
.text-ads li a.blue:hover {
    background: none repeat scroll 0 0 #003982;
}
.text-ads li a.red:hover {
    background: none repeat scroll 0 0 #FF0066;
}
.text-ads li a.purple:hover {
    background: none repeat scroll 0 0 #945FBF;
}
.text-ads li a.green:hover {
    background: none repeat scroll 0 0 #6E9000;
}
.text-ads li a.firouzeh:hover {
    background: none repeat scroll 0 0 #00BED3;
}
.text-ads li a:hover .link, .text-ads li a:hover .name {
    color: #FFFFFF;
}
.text-ads span {
    display: block;
}
.text-ads .name {
    color: #555555;
    font-weight: bold;
}
.text-ads .link {
    color: #666666;
}

امیدوارم این کد به کارتون بیاد و به نحو احسن ازش استفاده کنید .