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

کد نمایش پیام بالای سایت با دکمه بستن با این تیکه کد یک پیام ب صورت شناور در بالای سایت برای کاربرانتان ب نمایش بگذارید و با دکمه بستن به کاربران خود این امکان را بدید که اگه تبلیغ مزاحم کارشون بود و یا خوششون نیومد بتونن تبلیغ و یا همون پیامو از بالای صفحه حذف کنن.این کد با جاوا اسکریپت ساخته شدهو استایل موجود در کد رو میتوانید به صورت دلخواه ویرایش کنید تا نمایش پیغام یا تبلیغ به صورت زیبا در سایت نمایان شود.

استایل جدید اضافه شد.

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

دیگه کار کردن رو استایل کدها با خودتونه هر کی ی سلیقه ای داره من نمیدونم چجوری بسازمش و یا  از چه رنگی استفاده کنم تو کد.

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

دمو کد

<div style="position:absolute;top:-200%;"><h1><a href="https://www.codebazan.ir/">&#1705;&#1583;&#1576;&#1575;&#1586;&#1575;&#1606;</a></h1></div><style type="text/css">
#topbar{
direction:rtl;
position:absolute;
border: 1px solid black;
border-radius:50px;
padding: 10px;
background-color: lightyellow;
width: 90%;
visibility: hidden; 
z-index: 100;
} 
</style>

<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}

function staticbar(){
	barheight=document.getElementById("topbar").offsetHeight
	var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
	var d = document;
	function ml(id){
		var el=d.getElementById(id);
		if (!persistclose || persistclose && get_cookie("remainclosed")=="")
		el.style.visibility="visible"
		if(d.layers)el.style=el;
		el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
		el.x = startX;
		if (verticalpos=="fromtop")
		el.y = startY;
		else{
		el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
		el.y -= startY;
		}
		return el;
	}
	window.stayTopLeft=function(){
		if (verticalpos=="fromtop"){
		var pY = ns ? pageYOffset : iecompattest().scrollTop;
		ftlObj.y += (pY + startY - ftlObj.y)/8;
		}
		else{
		var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
		ftlObj.y += (pY - startY - ftlObj.y)/8;
		}
		ftlObj.sP(ftlObj.x, ftlObj.y);
		setTimeout("stayTopLeft()", 10);
	}
	ftlObj = ml("topbar"); 
	stayTopLeft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script> 
<div id="topbar">

مشکلات انتقاد و پیشنهادات شما از طریق ای دی تلگرام  
codebazan1@
<a style="float:left;" href="" onClick="closebar(); return false">بستن</a>

</div>

 

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

ابزار پیش نمایش کدبازان

.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *