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

این کد زیبا زمانی که شما با مرورگر اپرا ( Opera ) وارد سایت شوید نشون داده میشه و به کاربر اروری داده میشه مبنی بر این که مرورگر شما اپرا می باشد و وب ما با مرورگر شما سازگار نیست و به او مرورگر فایرفاکس را پیشنهاد می دهد.

البته می توانید محتوای این ارور را تغییر دهید. که با این وجود باید کد را ویرایش کنید.

برای دیدن دمو اینجا کلیک کرده و حتما با مرورگر اپرا وارد شوید.

<style> #browser{background:url(http://www.mozilla.org/media/img/sandstone/buttons/firefox-large.png) no-repeat center right,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAA7SURBVHjaYvj79+9nJgYGht8g4hcW4iec+IHKQiO+4+J+x6UDzdCfuFwAdtofMMHw//9/BhCLcgIgwABLqihZmwBuOAAAAABJRU5ErkJggg==) repeat-x top,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAA4SURBVHjaYvj//z8DEwMQUE78+/ePBcRCEKwggg0LwQ4nOFBZaAQnFhY2LgcWoxB2YHMBK0CAAQBnyQdNK/uLDwAAAABJRU5ErkJggg==) repeat-x bottom bisque;border:1px #999 solid;border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-khtml-border-radius:5px;-webkit-box-shadow: 1px 1px 3px gray, -1px -1px gray;-moz-box-shadow: 1px 1px 3px gray,-1px -1px gray;box-shadow: 1px 1px 3px gray, -1px -1px gray;font:13px tahoma;text-align:center;direction:rtl;display:none;padding:10px;text-shadow:0px 0px 1px;-moz-text-shadow:0px 0px 1px;-o-text-shadow:0px 0px 1px;-ms-text-shadow:0px 0px 1px;-khtml-text-shadow:0px 0px 1px;-webkit-text-shadow:0px 0px 1px;width:850px;} #browser a{text-decoration:none;color:#222;border-radius:500px;-moz-border-radius:500px;-ms-border-radius:500px;-webkit-border-radius:500px;-o-border-radius:500px;-khtml-border-radius:500px;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-khtml-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;padding:5px;margin:5px;} #browser a:hover{background:#555;color:#fff;} </style> <center><div id="browser"> <b>مرورگر شما اپرا می باشد.</b> <br> مرورگر شما ممکن است با این وب سازگار نباشد پس بهتر است از مرورگر فایرفاکس برای بهترین نمایش این وب استفاده کنید. <br><br> <a href="http://www.mozilla.org/en-US/firefox/new/"><bdo dir="ltr">Mozilla FireFox new version (English)</bdo></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="http://www.mozilla.org/fa/firefox/new/"><bdo dir="rtl">ورژن آخر مرورگر فایرفاکس (فارسی)</bdo></a> </div></center> <script type="text/javascript"> var moisrexbrowser=navigator.userAgent.indexOf("Opera") > -1; if(moisrexbrowser) {document.getElementById("browser").style.display='block';} </script> <a href="http://moisrex.rozblog.com" style="display:none">کد مخصوص مرورگر اپرا</a>