<div style="BORDER-RIGHT: #FFFF33   6px dotted; BORDER-TOP: #FFFF33  6px dotted; LEFT: -51562520px; OVERFLOW: auto; BORDER-LEFT: #FFFF33  6px dotted; WIDTH: 230px; BORDER-BOTTOM: #FFFF33 6px dotted TOP: -134217728px; HEIGHT: 180px; TEXT-ALIGN: center">TEEEXT (!)</div>

 

 <div style="BORDER-RIGHT: #0000FF   6px dashed; BORDER-TOP: #0000FF  6px dashed; LEFT: -51562520px; OVERFLOW: auto; BORDER-LEFT: #0000FF  6px dashed; WIDTH: 230px; BORDER-BOTTOM: #0000FF 6px dashed TOP: -134217728px; HEIGHT: 180px; TEXT-ALIGN: center">TEEEXT (!)</div>

 

<div style="BORDER-RIGHT: #66FF33   6px dashed; BORDER-TOP: #66FF33  6px dashed; LEFT: -51562520px; OVERFLOW: auto; BORDER-LEFT: #66FF33  6px dashed; WIDTH: 230px; BORDER-BOTTOM: #66FF33 6px dashed TOP: -134217728px; HEIGHT: 180px; TEXT-ALIGN: center">TEEEXT (!)</div>

 

<div style="BORDER-RIGHT: #FF0033   6px dotted; BORDER-TOP: #FF0033  6px dotted; LEFT: -51562520px; OVERFLOW: auto; BORDER-LEFT: #FF0033  6px dotted; WIDTH: 230px; BORDER-BOTTOM: FF0033  6px dotted TOP: -134217728px; HEIGHT: 180px; TEXT-ALIGN: center">TEEEXT (!)</div>

 

<div style="BORDER-RIGHT: #FFFF33   6px dotted; BORDER-TOP: #FFFF33  6px dotted; LEFT: -51562520px; OVERFLOW: auto; BORDER-LEFT: #3300FF  6px dotted; WIDTH: 230px; BORDER-BOTTOM: #3300FF 6px dotted TOP: -134217728px; HEIGHT: 180px; TEXT-ALIGN: center">TEEEXT (!)</div>

 

<div style="BORDER-RIGHT: #F749A7   6px double; BORDER-TOP: #F749A7  6px double; LEFT: -51562520px; OVERFLOW: auto; BORDER-LEFT: #F749A7  6px double; WIDTH: 230px; BORDER-BOTTOM: #F749A7 6px double TOP: -134217728px; HEIGHT: 180px; TEXT-ALIGN: center">TEEEXT (!)</div>

 

<div style="BORDER-RIGHT: #00FFFF   6px solid; BORDER-TOP: #00FFFF  6px solid; LEFT: -51562520px; OVERFLOW: auto; BORDER-LEFT: #00FFFF  6px solid; WIDTH: 230px; BORDER-BOTTOM: #00FFFF 6px solid TOP: -134217728px; HEIGHT: 180px; TEXT-ALIGN: center">TEEEXT (!)</div>

 

<div style="background-color: #FF9933; border-right: #000000 1px solid; border-bottom: #000000 1px solid; padding: 5px; width: 230px; height: 210px; font-family: verdana; font-size: 8pt;"><br /> <pre id="line102"><br /><font color="000000"><br />Dein Text hier rein.</font></div>



  

<table bordercolor=#FF0000 border=1 style="BORDER-BOTTOM: 3px dotted; BORDER-LEFT: 3px dotted; BORDER-RIGHT: 3px dotted; BORDER-TOP: 3px dotted"><tr><td><DIV style="OVERFLOW: auto; WIDTH: 230px; HEIGHT: 180px" align=center>Dein Text hier rein.</FONT></CENTER></FONT></STYLE></tr></td>

<table bordercolor=#3399FF border=1 style="BORDER-BOTTOM: 3px dotted; BORDER-LEFT: 3px dotted; BORDER-RIGHT: 3px dotted; BORDER-TOP: 3px dotted"><tr><td><DIV style="OVERFLOW: auto; WIDTH: 230px; HEIGHT: 180px" align=center>Dein Text hier rein.</FONT></CENTER></FONT></STYLE></tr></td>

 

Dein Text

 

 

<div style="BORDER-RIGHT: #FF00FF 6px solid; BORDER-TOP: #CC00FF 6px solid; LEFT: -51562520px; OVERFLOW: auto; BORDER-LEFT: #ff6a6a 6px solid; WIDTH: 300px; BORDER-BOTTOM: #ff6a6a 6px solid; TOP: -134217728px; HEIGHT: 250px; background: #0198c2; TEXT-ALIGN: center">Dein Text</div>

 

 

                     Hinweis:

Größe der Kästen ändern:

wenn ihr die zahlen 230px & 180px verändert, verändert ihr die größe der Kästen. Je höher die zahl, desto größer der kasten!

Farbe ändern:

Wenn ihr die zahlen #3399FF verändert, verändert sich auch die farbe!

 

 

 

 

<table height="29" width="600" border="0" noborder cellpadding="0" cellspacing="0"><tr><td align="center" valign="center"><font face="Verdana,Geneva,Arial,Helvetica" size="2" color="#CD69C9"><b></b></font></td></tr></table>
<br>
<table width="600" border="0" noborder cellpadding="0" cellspacing="0"><tr><td><font face="Verdana,Geneva,Arial,Helvetica" size="2"><marquee style="position:absolute; width:100; height:636; top:0;
left:0; z-index:4;" direction="left" behavior="alternate" scrolldelay="0" scrollamount="15"><table width="1" height="636" border="0" cellspacing="0" cellpadding="0"><tr><td width="1" height="636" border="0" bgcolor="CD69C9" cellspacing="0" cellpadding="0"></td></tr></table></marquee><marquee style="position:absolute; width:100;
height:600; top:0; left:0; z-index:4;" direction="left" behavior="
alternate" scrolldelay="0" scrollamount="20"><table width="1" height="636" border="0" cellspacing="0" cellpadding="0"><tr><td width="1" height="636" border="0" bgcolor="EE82EE" cellspacing="0" cellpadding="0"></td></tr></table></marquee><marquee style="position:absolute;
width:900; height:200; top:0; left:0; z-index:4;" direction="down" behavior="alternate" scrolldelay="0" scrollamount="15"><table width="900" height="1" border="0" cellspacing="0" cellpadding="0"><tr><td width="000" height="1" border="0" bgcolor="CD69C9" cellspacing="0" cellpadding="0"></td></td></tr></table></marquee><marquee style="position:
absolute; width:900; height:200; top:0; left:0; z-index:4;" direction="down" behavior="alternate" scrolldelay="0" scrollamount="20"><table width="900" height="1" border="0" cellspacing="0" cellpadding="0"><tr><td width="700" height="1" border="0" bgcolor="CD69C9" cellspacing="0" cellpadding="0"></td></tr></table></marquee></font></td></tr></table>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Selectboxen

 

<select style="background-color: #FF6A6A;">
<option>Text</option>
<option>Text</option>
<option>Text</option>
<option>Text</option>
<option>usw.</option>
</select>
 

 

 

<select style="background-color: #3399FF;">

<option>Text</option>

<option>Text</option>

<option>Text</option>

<option>Text</option>

<option>usw.</option>

</select>

 

 

 

 

 

<select size="1" style="color:#FFFFFF; background: url('http://z4pxchne.multipic.de/anigif.gif'); font-family: Comic Sans MS; font-size:20pt;">
<option>text</option>
<option>TEXT</option>
<option>TEXT</option>
</select>

 

<select size="1" style="color:#00EE76; background: url('http://img36.picoodle.com/img/img36/8/6/15/joyciepooh/f_backgroundm_6cf6440.gif'); font-family: Georgia; font-size:9pt;"> <br /><br /><br><br><br><br><br><option>TEEEEEEEEEXT<option> <br /><br><br><br><br><br><option>ficki facki</option> <br /><br><br><br><br><br><option>fickifacki2</option> <br /><br /><br /><br><br><br></option></option></select>

 

 

 

 

 

 

 

 

 

<FONT style="FONT-WEIGHT: bold; FONT-SIZE: 50pt; COLOR: #Farbcode; LINE-HEIGHT: 30px; FONT-FAMILY: Script; LETTER-SPACING: -2pt; text-transform: uppercase; text-transform: none">TEXT</font></table>

 

 

Dein Text.

<font style="border: 4px #FF0000 double">Dein Text.</font>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Dein Text.

<font style="border: 4px #3366FF dashed">Dein Text.</font>

 

Dein Text

<font style="border: 4px #FFFF00 dotted">Dein Text.</font>

 

DEIN TEXT  

<span style="BORDER-BOTTOM: #3399FF dotted">DEIN TEXT</span>

DEIN TEXT  

<span style="BORDER-BOTTOM: #00FF33 dashed">DEIN TEXT</span> 

 

 

 glitter textglitter textglitter textglitter textglitter textglitter textglitter textglitter text glitter textglitter textglitter textglitter textglitter text  

Makieren verhindern 

<body onselectstart="return false">

 

 

 

 

 

 

 

   Musik fuer die Homepage

<IFRAME src=URL VON YOUTUBE! frameBorder=0 width=1 scrolling=no height=1></IFRAME>

 

 

 

 

 

 

  

Close Button 

<table width=600 border=0 noborder cellpadding=0 cellspacing=0><tr><td><font face="Verdana,Geneva,Arial,Helvetica" size=2><center><input type="button" value="Dein Text." onClick="window.close()" style="border: 1px solid #000000; color: #333333; font-size: 8pt; font-family: Arial; background-color: #FF6A6A"> </center></b></font></td></tr></font></td></tr></table>

 

 

 

 

 

 

 

Mauszeiger verliert 'Sternchen' beim bewegen.
 

<script type='text/javascript'>
<!--
var colour="#DB7093";
var sparkles=50;
/****************************
*  Tinkerbell Magic Sparkle *
* (c) 2005 mf2fm web-design *
http://www.mf2fm.com/rv  *
* DON'T EDIT BELOW THIS BOX *
****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
document.onmousemove=mouse;
//-->
</script>

 

 

 

 

 

 

 

Hinweis Text beim öffnen der Homepage   

 

Farbcodes

 

 

 

 

Scrollbars:

Rot/Schwarz/Orange

 

<style type="text/css">
 <!--
  body {scrollbar-face-color:#FF0000;
  scrollbar-track-color:#000000;
  scrollbar-arrow-color:#FFA500;
  scrollbar-highlight-color:#E2E2E2;
  scrollbar-shadow-color:#FFFF00;
  scrollbar-3dlight-color:#FF00FF;
  scrollbar-darkshadow-color:#000000}
 -->
</style>

Blau/Schwarz/Gelb.

 

<style type="text/css">
 <!--
  body {scrollbar-face-color:#0000FF;
  scrollbar-track-color:#000000;
  scrollbar-arrow-color:#FFFF00;
  scrollbar-highlight-color:#0000FF;
  scrollbar-shadow-color:#000000;
  scrollbar-3dlight-color:#FFFF00;
  scrollbar-darkshadow-color:#000000}
 -->
</style>

Schwarz mit rot/pink Rand.

 

<style type="text/css">
 <!--
  body {scrollbar-face-color:#000000;
  scrollbar-track-color:#000000;
  scrollbar-arrow-color:#FF0000;
  scrollbar-highlight-color:#FF00FF;
  scrollbar-shadow-color:#FF00FF;
  scrollbar-3dlight-color:#FF0000;
  scrollbar-darkshadow-color:#000000}
 -->
</style>

Schwarz mit gelb/Grün Rand.

 

<style type="text/css">
 <!--
  body {scrollbar-face-color:#000000;
  scrollbar-track-color:#000000;
  scrollbar-arrow-color:#FFFF00;
  scrollbar-highlight-color:#00FF00;
  scrollbar-shadow-color:#7FFF00;
  scrollbar-3dlight-color:#FFD700;
  scrollbar-darkshadow-color:#000000}
 -->
</style>
Hellblau/Gelb

 

 

<style type="text/css">
 <!--
  body {scrollbar-face-color:#00FFFF;
  scrollbar-track-color:#FFFF00;
  scrollbar-arrow-color:#FF0000;
  scrollbar-highlight-color:#00FF00;
  scrollbar-shadow-color:#0000FF;
  scrollbar-3dlight-color:#FF00FF;
  scrollbar-darkshadow-color:#6614AA}
 -->
</style>

Lila/Rot

 

<style type="text/css">
 <!--
  body {scrollbar-face-color:#8A2BE2;
  scrollbar-track-color:#FF0000;
  scrollbar-arrow-color:#FFFF00;
  scrollbar-highlight-color:#00FF00;
  scrollbar-shadow-color:#0000FF;
  scrollbar-3dlight-color:#FF00FF;
  scrollbar-darkshadow-color:#6614AA}
 -->
</style>

Schwarz/Grün

 

<style type="text/css">
 <!--
  body {scrollbar-face-color:#000000;
  scrollbar-track-color:#00FF00;
  scrollbar-arrow-color:#FFFF00;
  scrollbar-highlight-color:#00FF00;
  scrollbar-shadow-color:#2BBC2B;
  scrollbar-3dlight-color:#7FFF00;
  scrollbar-darkshadow-color:#006400}
 -->
</style>

Schwarz/Gelb

 

<style type="text/css">
 <!--
  body {scrollbar-face-color:#000000;
  scrollbar-track-color:#FFFF00;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-highlight-color:#FFA500;
  scrollbar-shadow-color:#FFFF00;
  scrollbar-3dlight-color:#FFA500;
  scrollbar-darkshadow-color:#FFD700}
 -->
</style>

Lila/Gelb

 

<style type="text/css">
 <!--
  body {scrollbar-face-color:#A052FF;
  scrollbar-track-color:#FFFF00;
  scrollbar-arrow-color:#0000FF;
  scrollbar-highlight-color:#6614AA;
  scrollbar-shadow-color:#FFFF00;
  scrollbar-3dlight-color:#FFA500;
  scrollbar-darkshadow-color:#FFD700}
 -->
</style>

Dunkel- Grün & Rot

 <style type="text/css">
 <!--
  body {scrollbar-face-color:#B22222;
  scrollbar-track-color:#006400;
  scrollbar-arrow-color:#0000FF;
  scrollbar-highlight-color:#FF1493;
  scrollbar-shadow-color:#8B008B;
  scrollbar-3dlight-color:#FF1458;
  scrollbar-darkshadow-color:#FFD700}
 -->
</style>

 

<script>alert(' Dein Text ')</script>

 

 

Rand um die HP

<style type="text/css"><!--body{border: 10px #b803e5
 solid}--></style>

 

 

 

 

 

 

 

 

 Bewegen

DEIN TEXT!

<marquee onmouseover="this.stop()" onmouseout="this.start()" direction="up" scrollAmount="2" height="100" width="200"> DEIN TEXT!</marquee>

 

 

 

 

 

 

 

Rand um die HP

<style type="text/css"><!--body{border: 10px #b803e5
 solid}--></style>

 

 

 

 

 

 

 

 Mittig schreiben

 

<center>Dein Text</center>

 

 

 

BLINKEN

<font style="background-image: url(http://s289.photobucket.com/albums/ll235/Temasche/th_ASsfmSKnsdklg.gif); color:#000000;">DEIN TEXT</font>

 

 

 

 

 

 

 

 

 


Kostenlose Webseite von Beepworld
 
Verantwortlich für den Inhalt dieser Seite ist ausschließlich der
Autor dieser Homepage, kontaktierbar über dieses Formular!