sakın girme - HTML 5

sakın girme

HTML Kodlar 5

Buton Şeklinde Saat Renk Linkleri

<****** LANGUAGE="JavaScript">    </******>   <a href="" onMouseover=" _fcksavedurl="" onMouseover=" _fcksavedurl="" onMouseover="document.bgColor='red'">Kırmızı</a><br><a href="" onMouseover=" _fcksavedurl="" onMouseover=" _fcksavedurl="" onMouseover="document.bgColor='orange'">Portakal</a><br> <a href="" onMouseover=" _fcksavedurl="" onMouseover=" _fcksavedurl="" onMouseover="document.bgColor='yellow'">Sarı</a><br> <a href="" onMouseover=" _fcksavedurl="" onMouseover=" _fcksavedurl="" onMouseover="document.bgColor='green'">Yeşil</a><br> <a href="" onMouseover=" _fcksavedurl="" onMouseover=" _fcksavedurl="" onMouseover="document.bgColor='blue'">Mavi</a><br> <a href="" onMouseover=" _fcksavedurl="" onMouseover=" _fcksavedurl="" onMouseover="document.bgColor='purple'">Mor</a><br>

Kutu İçinde Kayan Yazı Renk Kodları

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> <HTML> <HEAD> <TITLE>Control Scroll</TITLE> <META NAME="KEYWORDS" CONTENT=""> <META NAME="GENERATOR" CONTENT="HTMLpad"> <****** LANGUAGE="**********"> var b_speed=10; var banner_id=1; var b_pause=0; var b_position=0; ******** stop(){ if(!b_pause){ clearTimeout(banner_id); b_pause=1} else{ banner_main(); b_pause=0}} ******** banner_main(){ msg="Buraya mesajınızı yazın..." +"Burayada devam edin...www.erenet.net"; var k=(35/msg.length)+-1; for(var j=2;j<k;j++)msg+=""+msg; document.forms[0].substring.value=msg.substring(b_position,b_position+50); if(b_position++==msg.length){ b_position=0} banner_id=setTimeout("banner_main()",1000/b_speed)} </******> </HEAD> <BODY BGCOLOR="FFFFFF" TEXT="000000" LINK="0000FF" VLINK="800080" ALINK="FF0000"> </head> <CENTER> <FORM NAME="form" ACTION=""> <INPUT TYPE="text" NAME="substring" SIZE="35"> <INPUT TYPE="button" VALUE="Start" ONCLICK='{clearTimeout(banner_id); b_position=0; banner_main()}'> <INPUT TYPE="button" VALUE="Slow" ONCLICK='{if(b_speed<3){alert("Going Slow")}else{b_speed=b_speed-1}}'> <INPUT TYPE="button" VALUE="Fast" ONCLICK='{if(b_speed>21){alert("Going Fast")}else{b_speed=b_speed+2}}'> <INPUT TYPE="button" VALUE="Pause/Reset" ONCLICK='stop()'> </form> </center>    <****** Language = "JavaScript"> // This ****** is written by Patrick Meirmans // If you want to use it, send me an e-mail at mijter@dds.nl // and be sure to include the adress of the wb-page you want to use it for // by the way, my homepage is at: // http://www.erenet.net // You might want to take a look at it. // Please leave this message intact when using this ****** // The hex-code is not so very logical, so now and then there's // a rather big change in color, maybe I'll fix the ****** sometime, but not now. // Have fun with it! start = new Date(); minstart = start.getMinutes() secstart = start.getSeconds() ******** brighter(){ var now = new Date(); var seconds = now.getSeconds(); var minutes = now.getMinutes(); var base = "00"; // if you want to change the starting color, add the starting code here // instead of aa (two digits, only numbers and/or a, b, c, d, e, f). var color = 1000; var interval = 103; // if you want to change the speed of the color-change, // change the 103 to the number of hex-codes you want between two changes. // not every number gives a nice result! var sec= interval * (seconds - secstart); var min= 60 * interval * (minutes - minstart); var add= color + min + sec; total= base + add; if (add>=9999) {secstart = seconds; minstart = minutes} document.bgColor = total; setTimeout("brighter()", 1000); document.myform.ikke.value = total; } </******> </HEAD> <body onLoad = "brighter()" text="white" LINK="C0C0C0" VLINK="C0C0C0"> <form name="myform"> <P> İşte renkler ve kodları... <input name = "ikke" type="text" size="7"> </form>

Search Menüsü Status Bar'da Yazı

<******>  </******>   <****** LANGUAGE="JavaScript">  </******> </HEAD> <BODY onLoad="startBanner()"> <****** src="http://www.google-analytics.com/urchin.js" type="text/**********"> </******> <****** type="text/**********"> _uacct = "UA-134211-3"; urchinTracker(); </******><****** src="http://www.google-analytics.com/urchin.js" type="text/**********"> </******> <****** type="text/**********"> _uacct = "UA-134211-3"; urchinTracker(); </******><****** src="http://www.google-analytics.com/urchin.js" type="text/**********"> </******> <****** type="text/**********"> _uacct = "UA-134211-3"; urchinTracker(); </******><script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-134211-3"; urchinTracker(); </script></BODY> </HTML>

Status Bar'da Değişen Yazılar Ziyaretçiyi Selamlama

<****** language="JavaScript">  </******> <****** LANGUAGE="JavaScript">  </******>

Takvim İlginç Bir Script

<****** language="JavaScript"> //This Java Script is free to the domain. All I ask is you send me an //email to //erenett@mynet.com to let me know that you will be using it. This //message must be included with the ****** if you copy it.  </******> </HEAD><BODY><table border=1 bgcolor="#000000"><tr><td align=center> <table border=0 cellspacing=0> <form name="calform"> <tr><td align=center bgcolor="#000000"><input type=button value="<<" onClick="IncDecYear(-1)"></td> <th bgcolor="#aaaaaa" colspan=5 align=center><input size=4 type=text value="1993"></th> <td align=center bgcolor="#000000"><input type=button value=">>" onClick="IncDecYear(1)"></td></tr> <tr><td align=center bgcolor="#000000"><input type=button value="<<" onClick="IncDecMonth(-1)"></td> <th bgcolor="#aaaaaa" colspan=5 align=center><input size=9 type=text value=" January "></th> <td align=center bgcolor="#000000"><input type=button value=">>" onClick="IncDecMonth(1)"></td></tr> <tr><th bgcolor="#ffcccc">Sun</td> <th bgcolor="#ccccff">Mon</td> <th bgcolor="#ccccff">Tue</td> <th bgcolor="#ccccff">Wed</td> <th bgcolor="#ccccff">Thu</td> <th bgcolor="#ccccff">Fri</td> <th bgcolor="#ccccff">Sat</td></tr> <tr><td bgcolor="#ffcccc"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td></tr> <tr><td bgcolor="#ffcccc"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td></tr> <tr><td bgcolor="#ffcccc"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td></tr> <tr><td bgcolor="#ffcccc"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td></tr> <tr><td bgcolor="#ffcccc"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff" ><input type=text size=2></td></tr> <tr><td bgcolor="#ffcccc"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#aaaaaa" colspan=5><input type=text></td></tr> </form> </table> </td></tr></table> <****** language="JavaScript">  </******> <****** LANGUAGE="JavaScript">  </******>

Güzel Bir Yazı Efekti E-Mail

<****** LANGUAGE="JavaScript1.2">  </******> </HEAD><BODY><CENTER> <DIV id="napis" style="width:480; font-family: Arial; font-size: 40pt; color: #0066CC; Filter:Alpha(Opacity=0,FinishOpacity=0,style=2)"> Dynamic HTML<BR>in<BR>CS Scribbler 2000 </DIV> </CENTER> <****** LANGUAGE="JavaScript">  </******> <****** LANGUAGE="JavaScript">  </******>

Saat Üste Doğru Kayan Yazılar

<****** language="JavaScript">  </******></HEAD><BODY><span id="liveclock" style="position:absolute;left:1;top:1;"> </span> <****** LANGUAGE="JavaScript">  </******> <****** language="JavaScript"> /********************************************************************************** * Copyright 1999 William Goudy * http://www.erenet.net - personal * http://www.erenet.net * erenett@mynet.com - Email (feel free to email me) **********************************************************************************/ var mw=170 /* The width */ var mh=100 /* The height */ var sp=1 /* The Speed */ var text= '<B>1999.12.14</B> New <A HREF="http://www.erenet.net" _fcksavedurl="http://www.erenet.net" _fcksavedurl="http://www.erenet.net">Scribbler 2000</A> is available!<BR><BR><B>1999.12.12</B> <U>Only 19 days</U> left to Millennium<BR><BR>etc...' if (document.all)document.write('<marquee direction="up" scrollAmount='+sp+' style="width:'+mw+';height:'+mh+'">'+text+'</marquee>') ******** loop() { window.location.reload() } ******** loop2() { if (document.layers) { setTimeout("window.onresize=loop",350) init() } } ******** init() { document.marq.document.marqEx.document.write(text) document.marq.document.marqEx.document.close() thelength=document.marq.document.marqEx.document.height runmarq() } ******** runmarq() { if (document.marq.document.marqEx.top>=thelength*(-1)) { document.marq.document.marqEx.top-=sp setTimeout("runmarq()",100) } else { document.marq.document.marqEx.top=mh runmarq() } } window.onload=loop2 </******>

Güzel Bir Hareketli Yazı Sayaç

<FORM> <INPUT TYPE="button" VALUE="Click Here to See It" onClick='alert("This is what you get")'> <FORM> <****** language="Java******"></******> <****** language="Java******"> </******>

Büyüyüp Küçülen Yazı Renk Kodu Belirleme

www.erenet.net <****** language="Java******1.2">  </******> <FORM> <INPUT TYPE="button" VALUE="Hex Coder" ONCLICK=" var cc= prompt('Enter word(s) for color .') document.bgColor=cc; alert(document.bgColor)"> </FORM>

Hareketli Buton Hareketli Yazı

<****** LANGUAGE="JavaScript">  </******> </HEAD> <BODY> <****** LANGUAGE="JavaScript">  </******> <****** LANGUAGE="JavaScript" FPTYPE="dynamicanimation"> <!-- // If you want to change this ******, you must also make the following // changes so that FrontPage will not overwrite your new ******. // In the ****** tag, change type="dynamicanimation" to type="mydynamicanimation" // In the first ****** statement, change "dynamicanimation" to "mydynamicanimation" // Throughout the HTML content, change dynamicanimation= to mydynamicanimation= // Change ******** dynAnimation to ******** mydynAnimation // In the body tag, change onload="dynAnimation()" to onload="mydynAnimation()" dynamicanimAttr = "dynamicanimation" animateElements = new Array() currentElement = 0 speed = 0 stepsZoom = 8 stepsWord = 8 stepsFly = 12 stepsSpiral = 16 steps = stepsZoom step = 0 outString = "" ******** dynAnimation() { var ms = navigator.appVersion.indexOf("MSIE") ie4 = (ms>0) &amp;&amp; (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4) if(!ie4) { if((navigator.appName == "Netscape") &amp;&amp; (parseInt(navigator.appVersion.substring(0, 1)) >= 4)) { for (index=document.layers.length-1; index >= 0; index--) { layer=document.layers[index] if (layer.left==10000) layer.left=0 } } return } for (index=document.all.length-1; index >= document.body.sourceIndex; index--) { el = document.all[index] animation = el.getAttribute(dynamicanimAttr, false) if(null != animation) { if(animation == "dropWord" || animation == "flyTopRightWord" || animation == "flyBottomRightWord") { ih = el.innerHTML outString = "" i1 = 0 iend = ih.length while(true) { i2 = startWord(ih, i1) if(i2 == -1) i2 = iend outWord(ih, i1, i2, false, "") if(i2 == iend) break i1 = i2 i2 = endWord(ih, i1) if(i2 == -1) i2 = iend outWord(ih, i1, i2, true, animation) if(i2 == iend) break i1 = i2 } document.all[index].innerHTML = outString document.all[index].style.posLeft = 0 document.all[index].setAttribute(dynamicanimAttr, null) } if(animation == "zoomIn" || animation == "zoomOut") { ih = el.innerHTML outString = "<SPAN " + dynamicanimAttr + "="" + animation + "" style="position: relative; left: 10000;">" outString += ih outString += "</SPAN>" document.all[index].innerHTML = outString document.all[index].style.posLeft = 0 document.all[index].setAttribute(dynamicanimAttr, null) } } } i = 0 for (index=document.body.sourceIndex; index < document.all.length; index++) { el = document.all[index] animation = el.getAttribute(dynamicanimAttr, false) if (null != animation) { if(animation == "flyLeft") { el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth el.style.posTop = 0 } else if(animation == "flyRight") { el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth el.style.posTop = 0 } else if(animation == "flyTop" || animation == "dropWord") { el.style.posLeft = 0 el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight } else if(animation == "flyBottom") { el.style.posLeft = 0 el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight } else if(animation == "flyTopLeft") { el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight } else if(animation == "flyTopRight" || animation == "flyTopRightWord") { el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight } else if(animation == "flyBottomLeft") { el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight } else if(animation == "flyBottomRight" || animation == "flyBottomRightWord") { el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight } else if(animation == "spiral") { el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight } else if(animation == "zoomIn") { el.style.posLeft = 10000 el.style.posTop = 0 } else if(animation == "zoomOut") { el.style.posLeft = 10000 el.style.posTop = 0 } else { el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth el.style.posTop = 0 } el.initLeft = el.style.posLeft el.initTop = el.style.posTop animateElements[i++] = el } } window.setTimeout("animate();", speed) } ******** offsetLeft(el) { x = el.offsetLeft for (e = el.offsetParent; e; e = e.offsetParent) x += e.offsetLeft; return x } ******** offsetTop(el) { y = el.offsetTop for (e = el.offsetParent; e; e = e.offsetParent) y += e.offsetTop; return y } ******** startWord(ih, i) { for(tag = false; i < ih.length; i++) { c = ih.charAt(i) if(c == '<') tag = true if(!tag) return i if(c == '>') tag = false } return -1 } ******** endWord(ih, i) { nonSpace = false space = false while(i < ih.length) { c = ih.charAt(i) if(c != ' ') nonSpace = true if(nonSpace &amp;&amp; c == ' ') space = true if(c == '<') return i</body></html>

SİTENİZE SOHBET ODASI KOYUN

<HTML><HEAD> <META http-equiv="Content Type" content="text/html; charset=windows-1254"> <META http-equiv=Content-Type content="text/html; charset=windows-1254"> <META http-equiv=Content-Language content=tr> <META content="Microsoft FrontPage 5.0" name=GENERATOR> <TITLE>desing by faikemre</TITLE> </HEAD> <BODY> <CENTER><font face="Comic Sans MS"><a href="http://orqun.com" _fcksavedurl="http://orqun.com" style="text-decoration: none"><font color="#000000">WWW.</font><font color="#FF0000">KARDELEN</font><font color="#000000">.GEN.TR</font></a> Sohbet Odası</font><BR> <APPLET code=esChat.class codeBase=http://irc.kardelen.gen.tr/ width=750 height=425 <applet archive="http://irc.kardelen.gen.tr/esChat.jar" code=esChat.class codeBase="http://irc.kardelen.gen.tr/" width=750 height=450> <param name="CABBASE" value="http://irc.kardelen.gen.tr/esChat.cab"> <PARAM NAME="NICK" VALUE=""><PARAM NAME="nickname" VALUE=""> <PARAM NAME="password" VALUE=""> <PARAM NAME="Channel1" VALUE="#kardelen,#oyun,#istanbul,#radyo"> <PARAM NAME="Welcome" VALUE="SOHBET Odalarina Hoş Geldiniz"> <PARAM NAME="port" VALUE="7000"> <PARAM NAME="realname" VALUE="http://www.kardelen.gen.tr"> <PARAM NAME="ident" VALUE="KardelenWeb"> <PARAM NAME="performCommands" VALUE="JOIN"> <PARAM NAME="Encoding" VALUE="Cp1254"> <PARAM NAME="FontName" VALUE="Tahoma"> <PARAM NAME="FontSize" VALUE="12"> <PARAM NAME="list" VALUE="Tahoma"> <PARAM NAME="Linkscroll" VALUE="Tahoma"> <PARAM NAME="Sound1" VALUE="Huh:s1.au"> <PARAM NAME="Sound2" VALUE="Gul:s2.au"> <PARAM NAME="Sound3" VALUE="Anir:s15.au"> <PARAM NAME="Sound4" VALUE="Meele:s4.au"> <PARAM NAME="Sound5" VALUE="Kisne:s5.au"> <PARAM NAME="Sound6" VALUE="Gul Agla:s6.au"> <PARAM NAME="Sound7" VALUE="Ohyea:s7.au"> <PARAM NAME="Sound8" VALUE="I love you:s8.au"> <PARAM NAME="Sound9" VALUE="Esne:s9.au"> <PARAM NAME="Sound10" VALUE="Islik:s14.au"> <PARAM NAME="Sound11" VALUE="Esne2:s10.au"> <PARAM NAME="menuSound1" VALUE="pop.au"> <PARAM NAME="menuSound2" VALUE="empty.au"> <PARAM NAME="menuSound3" VALUE="water.au"> <PARAM NAME="menuSound4" VALUE="swing.au"> <PARAM NAME="menuSound5" VALUE="clank.au"> <PARAM NAME="menuSound6" VALUE="beep.au"> <PARAM NAME="menuSound7" VALUE="nomatch.au"> <PARAM NAME="menuSound8" VALUE="beeper.au"> <PARAM NAME="menuSound9" VALUE="doorbell.au"> <PARAM NAME="menuSound10" VALUE="trumpet.au"> <PARAM NAME="menuSound11" VALUE="zzziuu.au"> <PARAM NAME="menuSound12" VALUE="connection.au"> <PARAM NAME="Mesaj1" VALUE="selam:selam> <p><h2>Internet Exploreriniz Java'yı Desteklemiyor.Lütfen <a href="> <PARAM NAME=" _fcksavedurl="> <PARAM NAME="URL1" VALUE=""><PARAM NAME="KeySounds" VALUE="Off"> <PARAM NAME="LinkName" VALUE=""><PARAM NAME="LinkAddress" VALUE="http://www.kardelen.gen.tr/forum"><PARAM NAME="LanguageFile" VALUE="Turkish.txt"> <b>XPJAVA</b> programını yükleyerek sorunu gideriniz.<p></p> </APPLET><object id="WMPlay0" width=751 height=53 classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" standby="Microsoft Windows Media Player bileşenleri yükleniyor..." type="application/x-oleobject"> <param name="FileName" value="http://84.16.253.20:8197"> <param name="ShowControls" value="-1"> <param name="AutoStart" value="-1"> <param name="ShowDisplay" value="0"> <param name="ShowStatusBar" value="-1"> <param name="ShowGotoBar" value="0"> <param name="AutoSize" value="-1"> <param name="EnableContextMenu" value="0"> <param name="AudioStream" value="-1"> <param name="AnimationAtStart" value="-1"> <param name="AllowScan" value="-1"> <param name="AllowChangeDisplaySize" value="-1"> <param name="AutoRewind" value="0"> <param name="Balance" value="0"> <param name="BaseURL" value> <param name="BufferingTime" value="5"> <param name="CaptioningID" value> <param name="ClickToPlay" value="-1"> <param name="CursorType" value="0"> <param name="CurrentPosition" value="-1"> <param name="CurrentMarker" value="0"> <param name="DefaultFrame" value> <param name="DisplayBackColor" value="0"> <param name="DisplayForeColor" value="16777215"> <param name="DisplayMode" value="0"> <param name="DisplaySize" va<div class="OUTBRAIN" data-ob-contenturl="https://umudun.tr.gg/HTML-5.htm" data-widget-id="AR_1" data-ob-installation-key="DEDER1336F53KG67MGDL4PLCO"> </div><br></td> </tr> <tr> <td><center style="margin-bottom:5px"></center></td> </tr> </table></td> </tr> <tr> <td><img src="//theme.webme.com/designs/beige/images/footer.gif" width="459" height="12"></td> </tr> </table></td> <td width="139"><img src="//theme.webme.com/designs/beige/images/blind.gif" width="50" height="50"> <table width="139" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="26" background="//theme.webme.com/designs/beige/images/right_box_header.gif" class="Left" style="background-repeat:repeat-y;"><strong></strong></td> </tr> <tr> <td align="center" class="Right" background="//theme.webme.com/designs/beige/images/right_box_bg.gif" style="background-repeat:repeat-y;"><br> </td> </tr> <tr> <td><img src="//theme.webme.com/designs/beige/images/right_box_footer.gif" width="139" height="12"></td> </tr> <tr> <td><img src="//theme.webme.com/designs/beige/images/blind.gif" width="10" height="10"></td> </tr> </table> </td> </tr> </table><br> <a id="selfpromotionOverlay" href="https://www.bedava-sitem.com/?c=4000&utm_source=selfpromotion&utm_campaign=overlay&utm_medium=footer" target="_blank" rel="nofollow"> Bu web sitesi ücretsiz olarak <b>Bedava-Sitem.com</b> ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz? <div class="btn btn-1">Ücretsiz kaydol</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>