Milad123

اضافه کردن دکمه بستن تبلیغ به این کد

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

سلام

به این کد چجوری میشه قابلیت بستن تبلیغ رو اضافه کرد؟


<div id="fixeddiv" style="position: fixed; z-index: 500; left: 1px; bottom: 300px;">
<a target="_blank" href="#" title="بنر">
<img src="/wp-content/uploads/2015/05/Banner2.gif" width="120" height="220"></a>
</div>

اگه روی همین کد راهنمایی کنید خیلی عالی میشه :)

0

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


لینک به پست

سلام

با استفاده از قابلیت hide در جی کوئری می تونید براحتی اینکار رو انجام بدید.

http://www.w3schools.com/jquery/jquery_hide_show.asp

2

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


لینک به پست

سلام،

همونظور که دوستمون گفتن با جی کوئری میشه. مثلا اینجوری میتونید اضافه کنید(البته بسته یه سلیقه خودتون استایلش رو میتونین هرجوری طراحی کنین):


<div id="fixeddiv" style="position: fixed; z-index: 500; left: 1px; bottom: 300px;">
<div style="position:absolute;border:1px solid red;border-radius:50%;height:30px;margin-top:30px;left:90px"><a onclick="$('#fixeddiv').hide()"><img src="close.png" /></a></div>
<a href="#" target="_blank" title="بنر"><img src="/wp-content/uploads/2015/05/Banner2.gif" style="height:220px; width:120px" /></a></div>

پیش نمایش

البته برای کار کردن تابع hide() ، باید در صفحه مورد نظر jquery رو فراخوانی کرده باشید، مثلا به اینصورت داخل <head>:


<head>
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
</head>

1

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


لینک به پست

سلام،

همونظور که دوستمون گفتن با جی کوئری میشه. مثلا اینجوری میتونید اضافه کنید(البته بسته یه سلیقه خودتون استایلش رو میتونین هرجوری طراحی کنین):


<div id="fixeddiv" style="position: fixed; z-index: 500; left: 1px; bottom: 300px;">
<div style="position:absolute;border:1px solid red;border-radius:50%;height:30px;margin-top:30px;left:90px"><a onclick="$('#fixeddiv').hide()"><img src="close.png" /></a></div>
<a href="#" target="_blank" title="بنر"><img src="/wp-content/uploads/2015/05/Banner2.gif" style="height:220px; width:120px" /></a></div>

پیش نمایش

البته برای کار کردن تابع hide() ، باید در صفحه مورد نظر jquery رو فراخوانی کرده باشید، مثلا به اینصورت داخل <head>:


<head>
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
</head>

ممنون من این کد رو قرار دادم اما کار نمیکنه متاسفانه

ببینید دلیل اینکه میگم حتما همین کد باشه، اینه که میخوام هر بنری رو که میخوام بذارم، بتونم محل نمایش و سایز رو مختص همون بنر مشخص کنم

اما کدهایی که تا الان پیدا کردم، همش جوری بوده که یه کد استایل طولانی داشته و بعد با یک div اون فراخوانی میشده دیگه نمیشد برای هر بنر موقعیت و سایزشو مشخص کرد

اما این کدی که دارم، میشه برای هر بنر مشخص کرد که کجای صفحه نمایش داده بشه و سایزش چقدر باشه...

حالا من همچین کدی رو همراه با دکمه ی بستن میخوام.

0

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


لینک به پست

شاید جی کوئری رو درست فرخوانی نکردین. چون می بینید که در پیش نمایش هم درست کار میکنه. البته می تونید از یه کد ساده هم استفاده کنید توی div خودتون، مثلا اینو بذارید داخلش:


<a onclick="$('#fixeddiv').hide()"><img src="close.png" style="position:absolute;width:30px;" /></a>

من از این کد در صفحات خودم استفاده کردم...

1

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


لینک به پست

شاید جی کوئری رو درست فرخوانی نکردین. چون می بینید که در پیش نمایش هم درست کار میکنه. البته می تونید از یه کد ساده هم استفاده کنید توی div خودتون، مثلا اینو بذارید داخلش:


<a onclick="$('#fixeddiv').hide()"><img src="close.png" style="position:absolute;width:30px;" /></a>

من از این کد در صفحات خودم استفاده کردم...

ممنون، این بصورت یه ضربدر وسط بنره حتی اگر هم کار کنه به نظرم شکل جالبی نداره!

کدی شبیه کد تبلیغات بلاگفا ندارید؟

0

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


لینک به پست

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

من این کد رو پیدا کردم :


<div style="width:120px; height:auto; position:fixed; top:0px; right:0px;" id="mainADS">
<div style="background:#966; width:auto; height:20px; padding-bottom:5px; cursor:pointer; text-align:right;" onclick="closeads()">
<img src="http://lrnquick.com/wp-content/uploads/close32.png" style="width:20px; height:20px; margin-right:0px; float:left">
بستن تبلیغات
</div>
<img style="width:120px; height:240px;" src="http://lrnquick.com/wp-content/uploads/120-240-02.gif">
<script type="text/javascript">
function closeads(){
document.getElementById("mainADS").style.display='none';
}
</script>

فقط الان یه مشکل هست :

اونم اینکه وقتی از کد توی صفحه بیش از یکبار استفاده میکنیم، با کلیک روی دکمه بستن تبلیغات تمام تبلیغات باهم بسته میشه نه یکی یکی!

مثلا من توی صفحه اصلی سایت یه بنر سمت راست دارم و یه بنر سمت چپ

برای هر دو، با استفاده از همین کد دکمه ی بستن تبلیغات میذارم.

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

چطوری میشه این تفکیک رو ایجاد کرد؟

آیا میشه با شماره بندی "mainADS" برای هر بنر این مشکل رو رفع کرد؟

یه مورد دیگه هم اینکه چطور میشه جایگاه دقیق بنر رو مشخص کرد؟

ویرایش شده در توسط Milad123
0

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


لینک به پست

مشکل بطور کامل رفع شد.

کد هم میذارم که اگه کسی مثل من خواست استفاده کنه و دعامون کنه :D


<div style="width:175px; height:auto; position:fixed; bottom:0px; right:0px;" id="mainADS1">
<div style="background:#966; width:auto; height:20px; padding-bottom:5px; cursor:pointer; text-align:right;" onclick="closeads1()">
<img src="http://lrnquick.com/wp-content/uploads/close32.png" style="width:20px; height:20px; margin-right:0px; float:left">
بستن تبلیغات
</div>
<a target="_blank" href="#" title="دیواری">
<img style="width:175px; height:220px;" src="/wp-content/uploads/2015/05/divari.gif"></a>
<script type="text/javascript">
function closeads1(){
document.getElementById("mainADS1").style.display='none';
}
</script>
</div>

توی قسمت های جاوا اسکریپتم که عدد 1 استفاده شده، برای تکرار کد داخل یه صفحه، کافیه اون عدد رو برای هر کد تغییر بدید.

ممنون از همگی ;)

2

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


لینک به پست

مشکل بطور کامل رفع شد.

کد هم میذارم که اگه کسی مثل من خواست استفاده کنه و دعامون کنه :D


<div style="width:175px; height:auto; position:fixed; bottom:0px; right:0px;" id="mainADS1">
<div style="background:#966; width:auto; height:20px; padding-bottom:5px; cursor:pointer; text-align:right;" onclick="closeads1()">
<img src="http://lrnquick.com/wp-content/uploads/close32.png" style="width:20px; height:20px; margin-right:0px; float:left">
بستن تبلیغات
</div>
<a target="_blank" href="#" title="دیواری">
<img style="width:175px; height:220px;" src="/wp-content/uploads/2015/05/divari.gif"></a>
<script type="text/javascript">
function closeads1(){
document.getElementById("mainADS1").style.display='none';
}
</script>
</div>

توی قسمت های جاوا اسکریپتم که عدد 1 استفاده شده، برای تکرار کد داخل یه صفحه، کافیه اون عدد رو برای هر کد تغییر بدید.

ممنون از همگی ;)

تو این کد اگه بخوام وقتی کاربر روی دکمه بستن کلیک کرد دوباره تبلیغ واسش باز نشه باید چیکار کنم؟

0

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


لینک به پست

منم این مشکل رو دارم ببینید سمت چپ سایت یه بنر شناور هست که میخوام دکمه کلوس رو بهش اضافه کنم

دانلود کتاب

0

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


لینک به پست

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

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

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

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


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

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

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


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