رفتن به مطلب

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


Mohamad™

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

سلام وقت بخیر

کد بنر شناور 468.60 چسبیده به  پایین مرورگر

قابل نمایش تو دسکتاپ و موبایل

با قابلیت بستن تبلیغ

میخواستم کمک و راهنمایی بفرمایین

اینچنین

9ca08214-6978-4042-8e31-7ae16b0fcc3f.png

لینک به ارسال
در 12 ساعت قبل، Mohamad™ گفته است :

سلام وقت بخیر

کد بنر شناور 468.60 چسبیده به  پایین مرورگر

قابل نمایش تو دسکتاپ و موبایل

با قابلیت بستن تبلیغ

میخواستم کمک و راهنمایی بفرمایین

اینچنین

9ca08214-6978-4042-8e31-7ae16b0fcc3f.png

سلام حتما

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

<div style="left: 2px; bottom: 25px; position: fixed; z-index: 1000;">
  Your Code Here
  <div>

داخل اینجا جای your code here کد مورد نظرتون رو قرار بدین کد تصویر یا هرچیز دیگه داخل div هم میتونید مشخص کنید کجا قرار داده بشه lef از چپ bottom برای از پایین وب سایت داخل این مورد کد مورد نظر پایین سمت چپ قرار داده میشه که میتونید ویرایشش کنید موفق باشید

لینک به ارسال
در 3 ساعت قبل، arian098 گفته است :

سلام حتما

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


<div style="left: 2px; bottom: 25px; position: fixed; z-index: 1000;">
  Your Code Here
  <div>

داخل اینجا جای your code here کد مورد نظرتون رو قرار بدین کد تصویر یا هرچیز دیگه داخل div هم میتونید مشخص کنید کجا قرار داده بشه lef از چپ bottom برای از پایین وب سایت داخل این مورد کد مورد نظر پایین سمت چپ قرار داده میشه که میتونید ویرایشش کنید موفق باشید

 

 

ممنون از راهنمایی شما

خوب خودتون تغییرات رو انجام میدید میخواهم دقیقا بنر وسط نمایش داده بشه هم تو دسکتاپ و هم موبایل و تبلت

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

 

اگر زحمتش رو بکشید و اوکی کنید ممنون میشم

لینک به ارسال
  • 2 هفته بعد...

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

لینک به ارسال

سلام.

<html>
<head>
<style>
.banner_wrapp{
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	width: 100%;
	text-align:center;
}

.banner_wrapp img{
	width: auto;
	max-width: 100%
}

.banner_wrapp .banner_link{
	display: inline-block;
}

.banner_wrapp .close_me{
	border-radius: 50%;
	position: absolute;
	top: -25px;
	font-size: 20px;
	color: #7b7979;
	cursor: pointer;
	display: block;
	font-family: Arial;
	padding: 2px 7px;
}

.banner_wrapp .close_me:hover{
	background-color: #b9b9b9;
	color: #fff;
	
}
</style>
</head>
<body>
<div class="banner_wrapp">

<a class="banner_link" href="#">
<span class="close_me">X</span>
<img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png">
</a>
</div>

</body>
</html>

 

لینک به ارسال
در در 4/25/2019 at 19:29، فرحان گفته است :

سلام.


<html>
<head>
<style>
.banner_wrapp{
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	width: 100%;
	text-align:center;
}

.banner_wrapp img{
	width: auto;
	max-width: 100%
}

.banner_wrapp .banner_link{
	display: inline-block;
}

.banner_wrapp .close_me{
	border-radius: 50%;
	position: absolute;
	top: -25px;
	font-size: 20px;
	color: #7b7979;
	cursor: pointer;
	display: block;
	font-family: Arial;
	padding: 2px 7px;
}

.banner_wrapp .close_me:hover{
	background-color: #b9b9b9;
	color: #fff;
	
}
</style>
</head>
<body>
<div class="banner_wrapp">

<a class="banner_link" href="#">
<span class="close_me">X</span>
<img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png">
</a>
</div>

</body>
</html>

 

دستت درد نکنه اقا فرحان ممنون فقط اینو مجدد تست کردم چون برای بنده کد دیگه ای که گفتم بستن نداره اینو تو بلاگم تست کردم

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

مورد دوم هم وقتی ضربدر رو میزنی میره سایتی که لینک کردم

لینک به ارسال

ببخشید:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <script
            src="https://code.jquery.com/jquery-3.4.0.min.js"
            integrity="sha256-BJeo0qm959uMBGb65z40ejJYGSgR7REI4+CW1fNKwOg="
            crossorigin="anonymous"></script>

    <style>
        .banner_wrapp{
            position: fixed;
            bottom:0;
            left:0;
            right:0;
            width: 100%;
            text-align:center;
        }

        .banner_wrapp img{
            width: auto;
            max-width: 100%
        }

        .banner_wrapp .banner_link{
            display: inline-block;
        }

        .banner_wrapp .close_me{
            border-radius: 50%;
            position: absolute;
            top: -25px;
            font-size: 20px;
            color: #7b7979;
            cursor: pointer;
            display: block;
            font-family: Arial;
            padding: 2px 7px;
        }

        .banner_wrapp .close_me:hover{
            background-color: #b9b9b9;
            color: #fff;

        }
    </style>
</head>
<body>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<div class="banner_wrapp">

    <a class="banner_link" href="#">
        <span class="close_me">X</span>
        <img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png">
    </a>
</div>
<script type="text/javascript">
    jQuery(document).ready(function ($) {
        $(".banner_wrapp .close_me").on("click", function (e) {
            e.preventDefault();
            $(this).parent().parent().remove();
        })
    })
</script>
</body>
</html>

 

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

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

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

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

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

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

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

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

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

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