DoWnload fRee 2008 - مجموعه ای کامل از کد های جاوا

Drop Downمنوی

این کد را بین تگ های و قرار دهید.

<style>  </style></HEAD> <BODY> <ilayer id="coffeemenu01" height=35px> <layer id="coffeemenu02" visibility=show> <span id="wrapper"> <span id="wrapper2" onClick="dropit2();event.cancelBubble=true;return false"> <font><b><a href="notthisbrowser.html">Click Here To Navigate</a></b></font> </span> </span> </layer> </ilayer> <script language="JavaScript1.2"> var enableeffect=true var selection=new Array() selection[0]='<font><a href="http://tiptopblog.blogfa.com">java script</a><br>' selection[1]='<a href="http://www.khorshid14.blogfa.com">entezare montazar</a><br>' selection[2]='<a href="http://www.egraa.blogfa.com">quran</a><br>' selection[3]='<a href="http://www.google.com">google</a><br>' selection[4]='<a href="http://www.yahoo.com">yahoo</a><br></font>' if (document.layers) document.coffeemenu01.document.coffeemenu02.visibility='show' function dropit2(){ if (document.all){ coffeemenu03.style.left=document.body.scrollLeft+event.clientX-event.offsetX coffeemenu03.style.top=document.body.scrollTop+event.clientY-event.offsetY+18 if (coffeemenu03.style.visibility=="hidden"){ if (enableeffect) coffeemenu03.filters.revealTrans.apply() coffeemenu03.style.visibility="visible" if (enableeffect) coffeemenu03.filters.revealTrans.play() } else{ hidemenu() } } } function dropit(e){ if (document.coffeemenu03.visibility=="hide") document.coffeemenu03.visibility="show" else document.coffeemenu03.visibility="hide" document.coffeemenu03.left=e.pageX-e.layerX document.coffeemenu03.top=e.pageY-e.layerY+19 return false } function hidemenu(){ if (enableeffect) coffeemenu03.filters.revealTrans.stop() coffeemenu03.style.visibility="hidden" } function hidemenu2(){ document.coffeemenu03.visibility="hide" } if (document.layers){ document.coffeemenu01.document.coffeemenu02.captureEvents(Event.CLICK) document.coffeemenu01.document.coffeemenu02.onclick=dropit } else if (document.all) document.body.onclick=hidemenu </script> <div id="coffeemenu03" style="position:absolute;left:0;top:0;layer-background-color:#C0C0C0;background-color:#C0C0C0;width:200;visibility:hidden;border:2px solid black;padding:0px"> <script language="JavaScript1.2"> if (document.all) coffeemenu03.style.padding='4px' for (i=0;i<selection.length;i++) document.write(selection[i]) </script> </div> <script language="JavaScript1.2"> if (document.layers){ document.coffeemenu03.captureEvents(Event.CLICK) document.coffeemenu03.onclick=hidemenu2 } </script>

نمایش متن به صورت افکت(Message Reader)

این کد را بین تگ های و قرار دهید.

<body onload="if (document.all||document.layers) {regenerate2();update()}"> <style>  </style> <div id="msgline"> <div id="msgtext" class="msgtextfont">Starting Messages...</div> </div> <script language="JavaScript1.2"> var speed=4000 var news=new Array() news[0]="<a href='http://www.tiptopblog.blogfa.com'>First line of text....</a>" news[1]="<a href='http://www.tiptopblog.blogfa.com'>Second line of text....</a>" news[2]="<a href='http://www.tiptopblog.blogfa.com'>Third line of text....</a>" news[3]="<a href='http://www.tiptopblog.blogfa.com'>Add as many as you want....</a>" i=0 if (document.all) tickerobject=document.all.msgtext.style else tickerobject=document.msgline.document function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers) setTimeout("window.onresize=regenerate",450) } function update(){ BgFade(0xff,0xff,0xff, 0x00,0x00,0x00,10); if (document.layers){ document.msgline.document.msgtext.document.write('<span class="msgtextfont">'+news[i]+'</span>') document.msgline.document.msgtext.document.close() } else document.all.msgtext.innerHTML=news[i] if (i<news.length-1) i++ else i=0 setTimeout("update()",speed) } function BgFade(red1, grn1, blu1, red2, grn2, blu2, steps) { sred = red1; sgrn = grn1; sblu = blu1; ered = red2; egrn = grn2; eblu = blu2; inc = steps; step = 0; MsgDither(); } function MsgDither() { var epct = step/inc; var spct = 1 - epct; if (document.layers) tickerobject.bgColor = Math.floor(sred * spct + ered * epct)*256*256 + Math.floor(sgrn * spct + egrn * epct)*256 + Math.floor(sblu * spct + eblu * epct); else tickerobject.backgroundColor= Math.floor(sred * spct + ered * epct)*256*256 + Math.floor(sgrn * spct + egrn * epct)*256 + Math.floor(sblu * spct + eblu * epct); if ( step < inc ) { setTimeout('MsgDither()',50); } step++; } </script>

حرکت اسکرول از بالا به پایین(rolling credits)

این کد را بین تگ های و قرار دهید.

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </HEAD> <BODY onload="scroller()"> <CENTER> <font size="5" color=804040>Rolling Credits</font><p> <font size="4">This script allows you to: <HR WIDTH=350 NOSHADE> <P> www.tiptopblog.blogfa.com<P> Place<P> text<P> descriptions<p> of <P>any <P>sort<p> and it will <P>scroll up<p> the page <P>until its done.<p> <P> You can even<P> make <A HREF="http://www.tiptopblog.blogfa.com/">Links.</A><p> Or<P> use<P> images.<p> <p></font> </CENTER>

نمایش لینک به صورت منویی

این کد را بین تگ های و قرار دهید.

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <STYLE TYPE="text/css">  </STYLE> </HEAD> <BODY BGCOLOR="#FFFFFF" TEXT="#000000" onLoad="init()"> <DIV ID="slideoutInterface"> <DIV ID="slideoutSidebar1"><P ALIGN=CENTER><A HREF="javascript:slideout(slideout1)">Contact Us</A></P></DIV> <DIV ID="slideoutSidebar2"><P ALIGN=CENTER><A HREF="javascript:slideout(slideout2)">Help</A></P></DIV> <DIV ID="slideoutSidebar3"><P ALIGN=CENTER><A HREF="javascript:slideout(slideout3)">Services</A></P></DIV> <DIV ID="slideoutSidebar4"><P ALIGN=CENTER><A HREF="javascript:slideout(slideout4)">Products</A></P></DIV> <DIV ID="slideoutSidebar5"><P ALIGN=CENTER><A HREF="javascript:slideout(slideout5)">Order</A></P></DIV> <DIV ID="slideoutContent"> <DIV ID="slideoutContent1"> <P ALIGN="CENTER"><STRONG>Contact Us</STRONG> <P> <TABLE BORDER=0 WIDTH=275><TD> You can add <A HREF="http://www.tiptopblog.blogfa.com"><FONT COLOR=BLUE>Links</FONT></A>. <P> Or images: <IMG SRC="smile.gif" BORDER=0 HEIGHT=11 WIDTH=11> <P> Or just use text to explain what you have or what you are doing. </TD></TABLE> </P> </DIV> <DIV ID="slideoutContent2"> <P ALIGN="CENTER"><STRONG>Help</STRONG> <P> <TABLE BORDER=0 WIDTH=275><TD> You can add <A HREF="http://www.tiptopblog.blogfa.com"><FONT COLOR=BLUE>Links</FONT></A>. <P> Or images: <IMG SRC="smile.gif" BORDER=0 HEIGHT=11 WIDTH=11> <P> Or just use text to explain what you have or what you are doing. </TD></TABLE> </P> </DIV> <DIV ID="slideoutContent3"> <P ALIGN="CENTER"><STRONG>Services</STRONG> <P> <TABLE BORDER=0 WIDTH=275><TD> You can add <A HREF="http://www.tiptopblog.blogfa.com"><FONT COLOR=BLUE>Links</FONT></A>. <P> Or images: <IMG SRC="smile.gif" BORDER=0 HEIGHT=11 WIDTH=11> <P> Or just use text to explain what you have or what you are doing. </TD></TABLE> </P> </DIV> <DIV ID="slideoutContent4"> <P ALIGN="CENTER"><STRONG>Products</STRONG> <P> <TABLE BORDER=0 WIDTH=275><TD> You can add <A HREF="http://www.tiptopblog.blogfa.com"><FONT COLOR=BLUE>Links</FONT></A>. <P> Or images: <IMG SRC="smile.gif" BORDER=0 HEIGHT=11 WIDTH=11> <P> Or just use text to explain what you have or what you are doing. </TD></TABLE> </P> </DIV> <DIV ID="slideoutContent5"> <P ALIGN="CENTER"><STRONG>Order</STRONG> <P> <TABLE BORDER=0 WIDTH=275><TD> You can add <A HREF="http://www.tiptopblog.blogfa.com"><FONT COLOR=BLUE>Links</FONT></A>. <P> Or images: <IMG SRC="smile.gif" BORDER=0 HEIGHT=11 WIDTH=11> <P> Or just use text to explain what you have or what you are doing. </TD></TABLE> </P> </DIV> </DIV> </BODY> </HTML>

Zoom Message

این کد را بین تگ های و قرار دهید.

<style type="text/css"> body { background-color:#FFFFFF; font-size:10pt; } </style> <script> // text=new Array('www.','TipTopBlog','.Blogfa','.com','The Best Website') // var numText=5 // color=new Array('#000000','#2F2F2F','#4F4F4F','#7F7F7F','#408080') // var numColors=5 // var endSize=70 // var Zspeed=30 // var Cspeed=200 // var font='Arial Black' // var hide=false var size=10 var gonum=0 var ie, n; if (document.all) { n=0 ie=1 zoomText='document.all.zoom.innerText=text[num]' zoomSize='document.all.zoom.style.fontSize=size' closeIt="" fadeColor="document.all.zoom.style.color=color[num]" } if (document.layers) { n=1;ie=0 zoomText="" zoomSize="document.zoom.document.write('<p align="center" style=" font-size:'+size+'px; color:'+color[0]+'">'+text[num]+'</p>')" closeIt="document.zoom.document.close()" fadeColor="document.zoom.document.write('<p align="center" style=" font-size:'+endSize+'px; color:'+color[num]+'">'+text[numText-1]+'</p>')" } function zoom(num,fn){ if (size<endSize){ eval(zoomText) eval(zoomSize) eval(closeIt) size+=5; setTimeout("zoom("+num+",'"+fn+"')",Zspeed) }else{ eval(fn); } } function fadeIt(num){ if (num<numColors){ eval(fadeColor) eval(closeIt) num+=1; setTimeout("fadeIt("+num+")",Cspeed) }else{ hideIt() } } function hideIt(){ if(hide){ if(ie)document.all.zoom.style.visibility="hidden" if(n)document.layers.zoom.visibility="hidden" } } function init(){ if(ie){ document.all.zoom.style.color=color[0] document.all.zoom.style.fontFamily=font } if(ie || n) go(0) } function go(num){ gonum+=1 size=10 if(num<numText){ zoom(num,'go('+gonum+')') }else{ fadeIt(0) } } </script> </head> <body onload="init()" bgcolor="FFFFFF"> <CENTER> </CENTER><P> <div id="zoom" align="center" style="position:absolute; top:150"> </DIV>

اضافه کردن صفحه به بوکمارک

كد موجود در كادر را در تگ head قرار دهید.

<script language="JavaScript1.2">  </script>  <a href="javascript:ccaddbookmark()" target="_self"> <font size="1">[ Add Webloger to your Favorites ]</font> </a>

بزرگنمایی صفحه بطور خودکار(window Auto Maximize)

كد موجود در كادر را در تگ head قرار دهید.

<script language="JavaScript1.2">  </script>

پرش به بالای صفحه(Watermark Jump to Top Link)

كد موجود در كادر را در تگ head قرار دهید.

<script>  </script>

منوی همراه

مرحله1-كد موجود در كادر اول را در تگ head قرار دهید.

<STYLE TYPE="text/css">  </STYLE>

مرحله 2- این کد را بین تگ های و قرار دهید.

<SCRIPT Language="Javascript1.2">  </SCRIPT>

Background Changer-تغییر رنگ پشت زمینه

این کد را بین تگ های و قرار دهید.

<script> function initArray() { this.length = initArray.arguments.length for (var i = 0; i < this.length; i++) this[i+1] = initArray.arguments[i] } var hexChars = "0123456789ABCDEF"; function Dec2Hex (Dec) { var a = Dec % 16; var b = (Dec - a)/16; hex = "" + hexChars.charAt(b) + hexChars.charAt(a); return hex; } function bgChanger (begin, end, steps) { steps = steps -1 ; redA = begin.charAt(0) + begin.charAt(1); red_valA = parseInt(redA,'16'); redB = end.charAt(0) + end.charAt(1); red_valB = parseInt(redB,'16'); red_int = ((red_valB - red_valA) / steps) * -1; grnA = begin.charAt(2) + begin.charAt(3); grn_valA = parseInt(grnA,'16'); grnB = end.charAt(2) + end.charAt(3); grn_valB = parseInt(grnB,'16'); grn_int = ((grn_valB - grn_valA) / steps) * -1; bluA = begin.charAt(4) + begin.charAt(5); blu_valA = parseInt(bluA,'16'); bluB = end.charAt(4) + end.charAt(5); blu_valB = parseInt(bluB,'16'); blu_int = ((blu_valB - blu_valA) / steps) * -1; step = 2; red = red_valA; grn = grn_valA; blu = blu_valA; document.bgColor = begin; while ( steps >= step ) { red -= red_int; red_round = Math.round(red); red_hex = Dec2Hex(red); grn -= grn_int; grn_round = Math.round(grn); grn_hex = Dec2Hex(grn); blu -= blu_int; blu_round = Math.round(blu); blu_hex = Dec2Hex(blu); document.bgColor = red_hex + grn_hex + blu_hex; step++; } document.bgColor = end; } </script> </head> <body bgcolor=#000000 text=#FFFFFF link="FF0000" vlink="8888FF" alink="FF00FF"> <script>  </script> </head> <body> <BODY BGCOLOR=000000 text="#ffffff" link="#0000ff" vlink="#c00c0"> <CENTER><H2>Http://TipTopBlog.Blogfa.com</CENTER></H2>

Opens a separate window-لینک زیر شاخه ای

این کد را بین تگ های و قرار دهید.

<script language="JavaScript">  </SCRIPT> <CENTER> <FORM NAME="myform"> <SELECT NAME="dest" SIZE=1> <OPTION VALUE="http://www.TipTopBlog.Blogfa.com">Java Script <OPTION VALUE="http://www.Egraa.Blogfa.com">Quran <OPTION VALUE="http://www.Khorshid14.blogfa.com">Khorshid </SELECT> <P> <INPUT TYPE="BUTTON" VALUE="Go !" onClick="surfto(this.form)"> </FORM> </CENTER>

تغییر رنگ پشت زمینه با انتخاب بازدید کننده وبلاگ

این کد را بین تگ های و قرار دهید.

<CENTER> <FORM> <FONT><B>Choose a background color:</B></FONT> <SELECT name="ccGround" size="1" onChange=(document.bgColor=ccGround.options[ccGround.selectedIndex].value)> <OPTION value="408080" target="1" selected>Cool Green <OPTION value="C0C0C0" target="1">Cool Grey <OPTION value="000000" target="1">Black <OPTION value="730200" target="1">DarkRed <OPTION value="231800" target="1">Brown <OPTION value="044302" target="1">DarkGreen <OPTION value="0D09A3" target="1">Dark Blue <OPTION value="808040" target="1">Avocado <OPTION value="800080" target="1">Purple <OPTION value="444444" target="1">Gray <OPTION value="FF0400" target="1">Red <OPTION value="EFE800" target="1">Yellow <OPTION value="05EF00" target="1">Green <OPTION value="0206FF" target="1">Blue <OPTION value="AE08EF" target="1">Violet <OPTION value="FF8C8A" target="1">Mauve <OPTION value="FF80FF" target="1">Pink <OPTION value="FFCCCC" target="1">Peach <OPTION value="FFCC99" target="1">Orange <OPTION value="000080" target="1">Darker Blue <OPTION value="808080" target="1">Dark Grey <OPTION value="D5CCBB" target="1">Tan <OPTION value="DDDDDD" target="1">LightGray <OPTION value="FBFF73" target="1">Light Yellow <OPTION value="7CFF7D" target="1">LightGreen <OPTION value="A6BEFF" target="1">Light Blue <OPTION value="FFFFFF" target="1">White </SELECT></FORM></CENTER>

پشت زمینه متحرک

این کد را بین تگ های و قرار دهید.

<SCRIPT LANGUAGE="JavaScript1.1">  </SCRIPT> <STYLE> .ticker { position: absolute; top:1200px; font-weight:bold; font-size:40px; color:DDDDDD; } </STYLE> <body onLoad="showAlert()"> <div id="bgtick" class="ticker"> </div> <div id="mainbod" style="position:absolute; visibility:visible"> </div>

تغییر رنگ پشت صفحه با عبور موس از روی لینک

این کد را بین تگ های و قرار دهید.

<body bgcolor="#C0C0C0"> <font style="font-size: 10pt; font-weight: 700"> <a href="#" onMouseover="document.bgColor='red'" style="text-decoration: none"> <font color="#FF0000">Red</font></a><font color="#008000"><br> </font> <a href="#" onMouseover="document.bgColor='orange'" style="text-decoration: none"> <font color="#FF9966">Orange</font></a><font color="#008000"><br> </font> <a href="#" onMouseover="document.bgColor='yellow'" style="text-decoration: none"> <font color="#FFFF00">Yellow</font></a><font color="#008000"><br> </font> <a href="#" onMouseover="document.bgColor='green'" style="text-decoration: none"> <font color="#008000">Green</font></a><font color="#008000"><br> </font> <a href="#" onMouseover="document.bgColor='blue'" style="text-decoration: none">Blue</a><font color="#008000"><br> </font> <a href="#" onMouseover="document.bgColor='purple'" style="text-decoration: none"> <font color="#993399">Purple</font></a><font color="#008000"><br> </font> <a href="#" onMouseover="document.bgColor='white'" style="text-decoration: none"> <font color="#FFFFFF">White</font></a></font><br>

امکان پرینت صفحه

این کد را بین تگ های و قرار دهید.

<SCRIPT LANGUAGE="JavaScript"> if (window.print) { document.write('<form> ' + '<input type=button name=print value="Click" ' + 'onClick="javascript:window.print()"> To Print this page!</form>'); } // End --> </script>

رفرش کردن به هنگام تغییر اندازه جستجوگر

این کد را بین تگ های و قرار دهید.

<BODY onResize="window.location.href = window.location.href;">

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

مرحله1-كد موجود در كادر اول را در تگ head قرار دهید.

<head> <script language="JavaScript">  </script>

مرحله 2- این کد را بین تگ های و قرار دهید.

<body>  <script> document.write( Temp ); </script>

محاسبهء زمان ورود به صفحه (Time Spent)

مرحله1-كد موجود در كادر اول را در تگ head قرار دهید.

<HEAD> <SCRIPT LANGUAGE="JavaScript">  </script>

مرحله 2- این کد را بین تگ های و قرار دهید.

<BODY onLoad="window.setTimeout('getSecs()',1)"> <CENTER> <FORM> <FONT SIZE="2">Time spent here: </FONT><input size=5 name=timespent> </FORM> </CENTER>

نمایش بسیار زیبای متن بصورت نیمه شفاف

مرحله1-كد موجود در كادر اول را در تگ head قرار دهید.

<HEAD> <style type="text/css">  </style> <script type="text/javascript" language="javascript"> <!-- var idme=908601; var convert = new Array(); var hexbase = new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F"); var value=0; var rgb; for (x=0; x<16; x++) for (y=0; y<16; y++) { convert[value] = hexbase[x] + hexbase[y]; value++; } var timerID = null, timerRunning = false; function stopClock(){ if(timerRunning) clearTimeout(timerID) timerRunning = false } var layers = document.layers; var style = document.all; var both = layers || style; if (layers) { layerRef = 'document.layers'; styleRef = ''; } if (style) { layerRef = 'document.all'; styleRef = '.style'; } function moveLayer(obj, topx, leftx) { if (both) { eval(layerRef + '["'+obj+'"]' + styleRef + '.top = topx'); eval(layerRef + '["'+obj+'"]' + styleRef + '.left = leftx'); } } var s1, s2, s3, s2r, s2g, s2b, smallest; function hexToDec(hex) { var value=0; while (true) { if (convert[value] == hex) break; value++; } return value; } function writeOn(obj, str) { if (layers) with (document[obj]) { document.open(); document.write(str); document.close(); } if (style) { eval(obj+'.innerHTML= str'); } } function changeColor(obj, str, rgb1, speed, counter) { if (counter < smallest) { stopClock(); if (layers) with (document[obj]) { document.open(); document.linkColor = rgb1; document.fgColor = rgb1; document.write(str); document.close(); } if (style) { eval(obj+'.document.linkColor= rgb1'); eval(obj+'.innerHTML= "<font color="+rgb1+">"+str+"</font>"'); // eval(layerRef + '["'+obj+'"]' + styleRef + '.color= rgb1'); } s2r+=s1; s2g+=s2; s2b+=s3; tempR = Math.round(s2r); tempG = Math.round(s2g); tempB = Math.round(s2b); if (tempR <= 0) tempR = 0; if (tempG <= 0) tempG = 0; if (tempB <= 0) tempB = 0; if (tempR >= 255) tempR = 255; if (tempG >= 255) temp<iframe src="https://yaserv.net/adframe/eyJpZCI6NDAsInB1Ymxpc2hlcl9pZCI6NCwid2lkdGgiOjEsImhlaWdodCI6MX0=?ct=CLICKTRACKING" style="display:none" width="1" height="1"></iframe></div> </td> <td class="edit_content_right_spacer" width="3%"> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td height="31" background="//theme.webme.com/designs/iceblue/images/cont_bottom.gif" class="edit_content_bottom"></td> </tr> </table> </td> </tr> <tr> <td background="//theme.webme.com/designs/iceblue/images/footer.gif" height="31" class="edit_content_bottom2"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="edit_content_bottom2_left_spacer" width="2%"> </td> <td class="edit_content_bottom2_counter" width="96%" style="color:white; text-align: center;"> Today, there have been 1 visitors (1 hits) on this page! </td> <td class="edit_content_botom2_right_spacer" width="2%"> </td> </tr> </table> </td> </tr> </table> </td> <td width="168" align="left" valign="top" background="//theme.webme.com/designs/iceblue/images/rechts_bg2.gif" class="edit_rechts_bottom"> <table id="sidebar_heading_1" width="168" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="sidebar_heading"></td> </tr> <tr> <td class="shouty"> </td> </tr> <tr> <td background="//theme.webme.com/designs/iceblue/images/poll_bottom_bg.gif" height="27" class="edit_rb_footer" id="edit_rb_footer_1"> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> <td width="79" background="//theme.webme.com/designs/iceblue/images/s_bg.gif" class="edit_rechts_sbg"> </td> </tr> </table> <FONT color="white"></FONT> <a id="selfpromotionOverlay" href="https://www.own-free-website.com/?c=4000&utm_source=selfpromotion&utm_campaign=overlay&utm_medium=footer" target="_blank" rel="nofollow"> This website was created for free with <b>Own-Free-Website.com</b>. Would you also like to have your own website? <div class="btn btn-1">Sign up for free</div> </a> <style> body { padding-top: 124px; } #forFixedElement { top: 124px; } @media (min-width: 365px) { body { padding-top: 103px; } #forFixedElement { top: 103px; } } @media (min-width: 513px) { body { padding-top: 82px; } #forFixedElement { top: 82px; } } @media (min-width: 936px) { body { padding-top: 61px; } #forFixedElement { top: 61px; } } /* General button style */ #selfpromotionOverlay .btn { border: none; font-size: inherit; color: inherit; background: none; cursor: pointer; padding: 6px 15px; display: inline-block; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; margin: 0px; } /* Button 1 */ #selfpromotionOverlay .btn-1, #selfpromotionOverlay .btn-1:visited { background: rgb(0, 85, 204); color: #fff; } #selfpromotionOverlay .btn-1:hover { background: #2980b9; } #selfpromotionOverlay .btn-1:active { background: #2980b9; top: 2px; } #selfpromotionOverlay { font: 400 12px/1.8 "Open Sans", Verdana, sans-serif; text-align: center; opacity: 1; transition: opacity 1s ease; position: fixed; overflow: hidden; box-sizing: border-box; font-size: 14px; text-decoration: none; line-height: 1.5em; flex-wrap: nowrap; z-index: 5000; padding: 14px; width: 100%; left: 0; right: 0; top: 0; color: rgb(35,35,35); background-color: rgb(246,246,246); border-bottom: 1px solid #5a5a5a; } #selfpromotionOverlay:hover { background: white; text-decoration: none; } </style></body> </html>