• اطلاعیه ها

    • Morteza

      باهم بسازیم: اطلس ووکامرس و وردپرس   14/07/96

      تاپیک ایجاد شده برای بحث در جهت ایجاد یک منبع، ویکی، صفحات توضیحی و یا بخش آموزشی جامع برای وردپرس و متعلقات مختلف آن است. لطفا جهت مشارکت در این بحث، ارائه پیشنهاد و یا انتقاد به تاپیک فوق مراجعه کنید. باهم بسازیم: اطلس ووکامرس و وردپرس
m.Mosibat

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

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

با سلام

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

0

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


لینک به پست

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

3

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


لینک به پست

کدهای استایل


#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/

4

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


لینک به پست

ارسال شده در (ویرایش شده)

کدهای استایل


#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
0

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


لینک به پست

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

http://jsfiddle.net/U8yZA/

1

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


لینک به پست

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

http://jsfiddle.net/U8yZA/

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

0

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


لینک به پست


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

3

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


لینک به پست

سلام

باید چیکار کنم که این پنجره ، تماما وسط چین باشه ؟

هرکاری کردم نشد

0

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


لینک به پست

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

0

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


لینک به پست

به طور پیشفرض پوزیشن فیکس هست !

میخوام از طرف چپ و بالا وسط چین بشه

0

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


لینک به پست

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

0

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


لینک به پست

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


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

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

0

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


لینک به پست

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

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

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

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


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

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

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


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