Hallo !!! - Home

Bunte Elipsen ( 3-farbig ) umkreisen den Cursor.
Klicke HIER um Beispiel zu sehen!
- Nach oben!

<SCRIPT LANGUAGE="JavaScript"> <!-- Begin if (document.all) { //Folgendes kann angepasst werden yourLogo = "---Willkommen lieber Besucher--- "; //Mehr als 2 Zeichen! logoFont = "Arial"; logoColor = "#FFFFFF"; //ab hier nichts mehr ändern! yourLogo = yourLogo.split(''); L = yourLogo.length; TrigSplit = 360 / L; Sz = new Array() logoWidth = 150; logoHeight = -30; ypos = 0; xpos = 0; step = 0.03; currStep = 0; document.write('><div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < L; i++) { document.write('<div id="ie" style="position:absolute;top:0px;left:0px;' +'width:10px;height:10px;font-family:'+logoFont+';font-size:12px;' +'color:'+logoColor+';text-align:center">'+yourLogo[i]+'</div>'); } document.write('</div></div>'); function Mouse() { ypos = event.y; xpos = event.x - 5; } document.onmousemove=Mouse; function animateLogo() { outer.style.pixelTop = document.body.scrollTop; for (i = 0; i < L; i++) { ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180); ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180); Sz[i] = ie[i].style.pixelTop - ypos; if (Sz[i] < 5) Sz[i] = 5; ie[i].style.fontSize = Sz[i] / 1.7; } currStep -= step; setTimeout('animateLogo()', 20); } window.onload = animateLogo; } // End --</script>

3 D Text um den Cursor kreisend. Text kann beliebig geändert werden.
Klicke HIER um Beispiel zu sehen!
- Nach oben!

<SCRIPT LANGUAGE="JavaScript">    <font color="#ff0000" size="5">Hallo,<br /> </font><font face="Comic Sans MS" color="#808080" size="3">ich wünsche dir viel Spaß auf meiner Homepage und hoffe das dir gefällt was hier so alles steht.<br /> <br /> Mfg Kevin<br /> <br /> (Homepage gerade in Bearbeitung)<br /> <br /> <br /> </font></body></html></script></p> <h3><font size="2"><font face="Comic Sans MS" size="4"> My Homepage<br /> </font><br /> Hallo, wie gehts euch? Viel Spaß auf meiner Homepage.</font></h3> bb kevin<br /></TD> </TR> </TABLE> </div> </td> </tr> <tr> <td class="cont_bottom"><img src="//theme.webme.com/designs/red/images/cont_bottom.gif" width="522"></td> </tr> </table> </td> </tr> </table> </td> <td width="221" align="left" valign="top" background="//theme.webme.com/designs/red/images/left_bg.gif" class="edit_zeile"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="100" align="left" valign="top" background="//theme.webme.com/designs/red/images/left_bg.gif" class="edit_zeile2"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="100" align="left" valign="top" background="//theme.webme.com/designs/red/images/left_bg2.gif" class="edit_zeile3"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="rb_over" height="16"></td> </tr> </table> </td> </tr> <tr> <td class="rb_bottom"><img src="//theme.webme.com/designs/red/images/left_bottom.gif"></td> </tr> </table> </td> </tr> <tr> <td class="rb_bottom2" height="58"> </td> </tr> </table> </td> <td class="rb_right_mini" width="3"></td> </tr> </table> </td> <td class="edit_rechts_bg_unten" height="400" width="22" background="//theme.webme.com/designs/red/images/rechts.gif"></td> </tr> <tr> <td background="//theme.webme.com/designs/red/images/links.gif" colspan="3" class="edit_bottom_bg"><img src="//theme.webme.com/designs/red/images/bottom.gif" width="1000" height="25"></td> </tr> </table> <center> <font color="white" style="font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif"></font> </center> <a id="selfpromotionOverlay" href="https://www.homepage-baukasten.de/?c=4000&utm_source=selfpromotion&utm_campaign=overlay&utm_medium=footer" target="_blank" rel="nofollow"> Diese Webseite wurde kostenlos mit <b>Homepage-Baukasten.de</b> erstellt. Willst du auch eine eigene Webseite? <div class="btn btn-1">Gratis anmelden</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>