m.Mosibat

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

12 پست در این موضوع قرار دارد

با سلام

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

به اشتراک گذاری این پست


لینک به پست

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

به اشتراک گذاری این پست


لینک به پست

کدهای استایل


#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

به اشتراک گذاری این پست


لینک به پست


<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 قبلی

به اشتراک گذاری این پست


لینک به پست

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

به اشتراک گذاری این پست


لینک به پست

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


<?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');
?>

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

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری