رفتن به مطلب

کد بنر شناور با قابلیت بسته شدن توسط کاربر


پست های پیشنهاد شده

با سلام

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

لینک به ارسال

کدهای استایل


#fixedbanner {
display:block;
width:176px;
height:290px;
overflow:hidden;
position:fixed;
left:0px;
top:0px;
padding:0;
border:1px #aaa solid;
background:#336699
}
#header-fixedbanner {
display:block;
line-height:16px;
height:18px;
background:#000;
}
#close-fixedbanner {
display:inline-block;
float:right;
width:16px;
height:16px;
text-align:center;
overflow:hidden;
border:1px #CC0000 solid;
background:#ccc;
color:#CC0000;
text-shadow:1px 1px 0px rgba(255, 255, 255, .7)
}
#content-fixedbanner {
display:block;
padding:5px;
background:#fff;
position:absolute;
top:23px;
left:10px;
right:10px;
bottom:10px;
}

کدبنر

در footer.php کپی شود


<div id="fixedbanner">
<div id="header-fixedbanner"><a id="close-fixedbanner" href="javascript:document.getElementById('fixedbanner').style.display='none'">×</a>
</div>
<div id="content-fixedbanner">
<h1>متن تبلیغات یا تصویر یا کد فلاش با ابعاد 146 در 247 </h1>
</div>

نمونه :

http://jsfiddle.net/U8yZA/

لینک به ارسال

کدهای استایل


#fixedbanner {
display:block;
width:176px;
height:290px;
overflow:hidden;
position:fixed;
left:0px;
top:0px;
padding:0;
border:1px #aaa solid;
background:#336699
}
#header-fixedbanner {
display:block;
line-height:16px;
height:18px;
background:#000;
}
#close-fixedbanner {
display:inline-block;
float:right;
width:16px;
height:16px;
text-align:center;
overflow:hidden;
border:1px #CC0000 solid;
background:#ccc;
color:#CC0000;
text-shadow:1px 1px 0px rgba(255, 255, 255, .7)
}
#content-fixedbanner {
display:block;
padding:5px;
background:#fff;
position:absolute;
top:23px;
left:10px;
right:10px;
bottom:10px;
}

کدبنر

در footer.php کپی شود


<div id="fixedbanner">
<div id="header-fixedbanner"><a id="close-fixedbanner" href="javascript:document.getElementById('fixedbanner').style.display='none'">×</a>
</div>
<div id="content-fixedbanner">
<h1>متن تبلیغات یا تصویر یا کد فلاش با ابعاد 146 در 247 </h1>
</div>

نمونه :

http://jsfiddle.net/U8yZA/

آقا ظاهراً مشکل داره! تویه یه فایل اچ تی ام ال تست کردم وقتی میخوام کد رو حذف کنم (x) اولاً یه چند تا کد بنر دیگه خارج از آی دی fixedbanner داشتم اونا هم ناپدید شدن و کلمه none ظاهر شد و ظاهراً کد کل محتویات صفحه رو در بر میگیره البته یک </div> کم داشت که اونم اضافه کردم مشکل حل نشد.

دوماً آدرس بار بعد از کلیک کردن روی x به آدرس زیر تغییر میکنه :


javascript:document.getElementById('fixedbanner').style.display=''

مثل تبلیغات بلاگفا؟

بله یه چیزی شبیه به بلاگفا باشه عالیه.

البته نیاز نیست بعد از چند دقیقه کد بنر ناپدید بشه.

ویرایش شده توسط m.Mosibat
لینک به ارسال

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

http://jsfiddle.net/U8yZA/

لینک به ارسال

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

http://jsfiddle.net/U8yZA/

توی نمونه هم بعد از حذف تبلیغ کلمه none میاد.

لینک به ارسال


<div id="fixedbanner">
<div id="header-fixedbanner"><a id="close-fixedbanner" href="#fixedbanner" onclick="document.getElementById('fixedbanner').style.display='none' ">×</a>
</div>
<div id="content-fixedbanne">
<h1>متن تبلیغات یا تصویر یا کد فلاش با ابعاد 146 در 247 </h1>
</div>
</div>

وکد css قبلی

لینک به ارسال
  • 1 سال بعد...

دوستان کسی نظری نداره ؟ (یکم فوری هستش سوالم) ممنون از اساتید


<?php
function Ads(){
?>
<div style="direction:ltr;position:absolute;left:1;top:1px;width:122px;border:1px solid #C0C0C0;z-index:10;background-color:white" id="__id__">
<table style="font-family: Tahoma; font-size: 8pt;border-bottom:1px solid #C0C0C0;width:100%">
<tr>
<td width=20></td>
<td width=80 align="center" >
<a style="color: #000080; text-decoration: none" target="_blank" href="#">تبليغات</a>
</td>
<td width=20 align="right" style="color: #FF0000;font-weight: bold;cursor:hand;" onclick="document.getElementById ('__id__').style.display='none'">
X
</td>
</tr>
</table>
<a href="#" target="_blank">
<img border="0" src="#" width="120" height="240">
</a>
</div>
<?php
}
add_action('wp_head','ads');
?>

کافیه پوزیشنش رو به مقدار دلخواه تغییر بدین تا درجای مورد دلخواهتون قرار بگیره!

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...