امروز خدمت شما قرار است که یک استایل و کد html کادر تبلیغاتی ارائه بدیم که بتونید ازش داخل قالب هاتون استفاده کنید و لینک های تبلیغاتی رو داخلش قرار بدید.در این این کادر تبلیغاتی ۳ کلاس تعریف شده اند.اول عنوان تبلیغات شما ، دوم فضایی برای درج توضیحات مربوط به تبلیغ و آخر هم نمایش لینک صفحه مورد نظر.امیدوارم این اسکریپت تبلیغاتی به کارتون بیاد. در انتها هم این اسکریپت رو برای دانلود قرار دادیم.

استایل و اسکریپت کادر تبلیغات

استایل یا شیوه نامه کادر تبلیغات

باید شیوه نامه زیر را به فایل style.css خودتون اضافه کنید.

#singleads {
text-align:right;
direction:rtl;
border: 2px solid #3087C3;
font: 11px Tahoma;
margin: 2px auto 18px;
border-radius: 5px 5px 5px 5px;
padding-bottom: 10px;
width: 500px;}
.advhint {background: url("http://doctorwp.com/wp-content/uploads/2013/04/adscorner.gif") no-repeat scroll left center transparent;
float: left;height: 17px;width: 90px;}
.singleadv {line-height: 21px;margin: 0 10px;}
h3.singleadv a{font-size:11px;color: #3087C3;font-weight:bold;margin-right:10px;text-decoration:none;}
h3.singleadv a:hover{color:#03AABA;}
.singleadvlink a{color: #009900;margin-right:10px;text-decoration:none;}
.singleadvlink a:hover{ border-bottom: 1px dashed;text-decoration:none;}

یک فایل gif مربوط به عکس گوشه کادر با نام adscorner.gif هستش که من روی هاست خودم آپلود کردم ، شما اگر دوست داشتید ببریدش رو هاست خودتون.

کد html کادر تبلیغات

بعد از اضافه کردن شیوه نامه حالا هر کجای قالب که دوست داشتید کدهای html زیر رو قرار بدید.


<div id="singleads">
<div class="advhint"><a href="http://doctorwp.com"></a></div>
<h3 class="singleadv"><a href="http://doctorwp.com">دکتر وردپرس داتـ آیــ آر
</a></h3>
<div class="singleadv">آموزش ، اسکریپت ، طراحی سایت ، وردپرس
</div>
<div class="singleadvlink"><a href="http://doctorwp.com">www.doctorwp.com</a>
</div>
<div style="margin: 10px 0 0;"></div>
<h3 class="singleadv"><a href="http://doctorwp.com">طراحی سایت دکتر وردپرس</a></h3>
<div class="singleadv">طراحی وب سایت و قالب های وردپرس و ... </div>
<div class="singleadvlink"><a href="http://doctorwp.com">www.doctorwp.com</a></div>
<div style="margin: 10px 0 0;"></div>
<h3 class="singleadv"><a href="http://doctorwp.com">اسپم ذهنی !</a></h3>
<div class="singleadv"> دست نوشته های یک دانشجوی پزشکی</div>
<div class="singleadvlink"><a href="http://blog.doctorwp.com">http://blog.doctorwp.com</a></div>
</div>

من چندتا لینک و عنوان برای مثال از سایت خودمون قرار دادم ، شما برای خودتون رو قرار بدید !

دانلود اسکریپت کادر تبلیغات

لینک دانلود مستقیم

رمز فایل زیپ : www.picor.ir ( آدرس قدیم سایت بودش ! )

امتیاز شما از 1 تا 5
1 ستاره میدم به نوشته2 ستاره میدم به نوشته3 ستاره میدم به نوشته4 ستاره میدم به نوشته5 ستاره میدم به نوشته 1 رای
Loading...