کد پیام ورود و خروج با استایل زیبا ۲
کد پیام ورود و خروج با استایل زیبا ۲ این کد با کمک جاوا ساخته شده و با سی اس اس استایل ان زیبا سازی شده
در پست قبلی پیام ورود و خروج دکمه بستن وجود نداشت و خودکار محو میشد,
عملکرد این کد به این صورته که بعد از ورود کاربر پیام برای او نمایش داده شده
و با زدن دکمه بستن پیام مخفی شده و سایت برای کاربر نمایان میشود.
برای کم شدن طول این کد استایل و جاوا اسکریپت موجود در کد را اپلود و ادرس را جایگزین کد کنید.
<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>