Mohamad™

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

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

سلام وقت بخیر

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

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

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

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

اینچنین

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

0

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


لینک به پست
در 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 برای از پایین وب سایت داخل این مورد کد مورد نظر پایین سمت چپ قرار داده میشه که میتونید ویرایشش کنید موفق باشید

1

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


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

سلام حتما

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


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

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

 

 

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

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

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

 

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

0

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


لینک به پست

کسی نمیتونه راهنمایی کنه

0

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


لینک به پست

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

0

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


لینک به پست

سلام.

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

 

1

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


لینک به پست
در در 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>

 

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

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

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

0

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


لینک به پست

ببخشید:

<!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

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


لینک به پست

@فرحان دستت درد نکنه اوکیه اوکیه

0

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


لینک به پست

شاید افزونه های بنر متحرک و شناور فوتر هم بتونه کمکتون کنه.

0

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


لینک به پست

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

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

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

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


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

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

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


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