کد پیام ورود و خروج با استایل زیبا ۲

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

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

عملکرد این کد به این صورته که بعد از ورود کاربر پیام برای او نمایش داده شده

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

برای کم شدن طول این کد استایل و جاوا اسکریپت موجود در کد را اپلود و ادرس را جایگزین کد کنید.

کد پیام ورود و خروج

پیشنمایش کد

<body>
<div style="position: absolute; left: 1px; top: 1px; width: 122px; border: 1px solid rgb(192, 192, 192); z-index: 10000; display: none; background-color: white;" dir="ltr" id="239176272">
  <table style="font-family: Tahoma; font-size: 8pt;border-bottom:1px solid #C0C0C0;width:120px" cellpadding="0">
    <tbody>
  </tbody></table> 
</div>
<div class="content">
<script type="text/JavaScript">

$(document).ready(function(){
	
   $(".item .title").click(function(){
     $(this).next('.bg').slideToggle(400);
   });
});
</script> 
<script>
var comment_up = 0;
function Get_comment_New_k() {
    var a;
    if (window.ActiveXObject) {
        a = new ActiveXObject("Microsoft.XMLHTTP")
    } else {
        if (window.XMLHttpRequest) {
            a = new XMLHttpRequest()
        }
    }
    a.onreadystatechange = function () {
        if (a.readyState == 4 && a.status == 200) {
            html_chat = a.responseText;
			var count_com=html_chat.split(","); 
			if(comment_up==count_com[0]){
			}else{
				if(comment_up==0 && count_com[0] > 0 || comment_up>count_com[0]){
					
				}else
				{
					document.getElementById('codebazan_no_up').style.display="block";
					document.getElementById('codebazan_no_up').innerHTML="<a href='javascript:close_win(\"codebazan_no_up\")'><img align='absbottom' src='/images/close.png' border='0'></a> <span style='color:#5A5B5B'>codebazan</span>";
				}
			}
			comment_up = count_com[0];
        }
    };
    a.open("GET", "?action=comment_new_f", true);
    a.send()
}
</script>
<style>
@font-face {
 font-family: 'byekan';
 src: url('/temp/fonts/BYekan.eot?#') format('eot'), /* IE6?8 */ url('/temp/fonts/BYekan.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/temp/fonts/BYekan.ttf') format('truetype'); /* Saf3?5, Chrome4+, FF3.5, Opera 10+ */
} 
.title{
	cursor:pointer;
	font-weight:bold;
}
#tbi img{
	margin-bottom:6px;
} 


#div_news{
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -300px;
    width: 600px;
    height: 400px;
	z-index:9999999px;
	display:block;
	border:0px solid #F00;
	background:#F3F3F3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#div_pp{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index:9999px;
	display:block;
	opacity:0.4;
	background:#333;
}
.title_news{
	font: normal 18px 'BYekan', B Yekan;
	text-align:right;
	padding:5px;
	background:#13EFE4;
	color:#FFF;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.box_close {
	position: absolute;
	top: -15px;
	left: -15px;
	width: 25px;
	height: 24px;
	cursor: pointer;
	z-index: 8040;
	background:url();
	cursor:pointer;
}
.content_news{
	padding:8px;
	text-align:right;
	overflow:auto; 
	font:9pt tahoma;
	height:300px;
	color:#4E4D4D;
}

.header_news{
	text-align:left;
	padding:5px;
	color:#696969;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top:1px solid #CCC;
}
.btn_close {
  cursor: pointer;
  display: inline-block;
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  padding: 8px 14px 8px;
  color: #000;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
@font-face {
	font-family: 'icomoon';
	src:url('/temp/news_v3/fonts/icomoon.eot?-3me9tc');
	src:url('/temp/news_v3/fonts/icomoon.eot?#iefix-3me9tc') format('embedded-opentype'),
		url('/temp/news_v3/fonts/icomoon.woff?-3me9tc') format('woff'),
		url('/temp/news_v3/fonts/icomoon.ttf?-3me9tc') format('truetype'),
		url('/temp/news_v3/fonts/icomoon.svg?-3me9tc#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-books:before {
	content: "\e613";
	font-size:25px;
	margin: 0px 8px;
	float: right;
}
</style>

<script type="text/JavaScript">
function close_news(){
	document.getElementById('div_pp').style.display = 'none';
	document.getElementById('div_news').style.display = 'none';
}
</script>
<div id="div_pp"></div>
<div id="div_news">
<!----بخش تنظیم متن نمایشی---->
<div class="title_news"><div class=""></div> نمایش پیام شما</div>
<div class="content_news">
<p>با سلام</p>
<p style="text-align: right;" dir="rtl">با تشکر</p>

</div>

<div class="header_news"><a onclick="close_news();" class="btn_close">بستن</a></div>

</div>
<!----  پایان بخش تنظیم متن نمایشی---->
<style>
.quick-loading
{
    font-family: 'BYekan', 'B Yekan', 'Yekan',tahoma;
    font-size:12.5px;
    background-color: #FDE06C;
    color: #000000;
    direction: rtl;
    font-weight: 700;
    position: fixed;
	top:0px;
	right:5px;
    width: auto !important;
	padding:6px;
    z-index: 5000;
	display:none;
	cursor:pointer;
}
</style>
<div class="quick-loading" id="error_a" onclick="document.getElementById('error_a').style.display = 'none';"></div>
</div>
</div>
<style>
.ads h4{font-size: 12px;font-weight:normal;color:#00F;background:url('/theme/rarrow.gif') right 2px no-repeat;padding:0px 16px 0px 16px;margin:0px;line-height:1.5em;font-weight:bold}
UL#adss{font-size: 8pt;padding:0px;margin:0px;}
UL#adss LI {MARGIN-TOP: 0px; DISPLAY: inline-block; MARGIN-BOTTOM: 0px; WIDTH: 143px; LIST-STYLE-TYPE: none;margin:0px 10px 4px 0px;text-align:justify}
UL#adss LI A:link {DISPLAY: inline-block; BACKGROUND:transparent; TEXT-DECORATION: none;border:1px solid #d7edf4;padding-right:2px;WIDTH: 143px;}
UL#adss LI A:visited {DISPLAY: inline-block; BACKGROUND:transparent; TEXT-DECORATION: none;border:1px solid #d7edf4;padding-right:2px;WIDTH: 143px;}
UL#adss LI A:hover{border:1px solid #d6eef8;background:#d7edf4;color:#33555f;}
</style>
<div style="clear:both"></div>
<div style="clear: both"></div>
</div>
</div>
</div>
<div id="codebazan_no_up" style="position:absolute;right:10;top:10px;background:url();display:none;border:1px solid #B5B5B5;text-align:right;padding:7px;direction:rtl;"></div>
<div style="display:none"> 
</div>
</body>

 

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

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

*

code