Home
  About
  GB-Piics
  Homepage Hilfen
  => Kästen «
  => Textstyling «
  => Linkstyling «
  => Bildeffekte «
  => Scrollbars «
  => Sonstiges «
  Bildchen & Extras
  Mottos
  Partner & Textlinks
  Gästebuch
  Regeln bzw. Rechtsausschluss
  Umfragen
Heute waren schon 3 Besucher (3 Hits) hier!
Sonstiges «
Rechtsklick verhindern:

<body oncontextmenu="return false">


Markieren verhindern:

<body onselectstart="return false">


Scrolllinien:



<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="#ff0066"><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="ff0066" 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="ff0066" 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="ff0066" 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="20"><table
width="900" height="1" border="0" cellspacing="0" cellpadding="0"><tr><td width="700" height="1" border="0" bgcolor="B03060" cellspacing="0"
cellpadding="0"></td></tr></table></marquee>


Oben rechts schreiben:




<div id="navigation" style="position: absolute ; width: px; right: 10px; top: 150px">Dein TEXT</div>


Oben links schreiben:




<div id="navigation" style="position: absolute ; width: px; left: 10px; top: 150px">DEIN TEXT</div>


Musik für die Homepage:

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


Rand um die Homepage:




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


Schrift für oben:




<MARQUEE direction=left height=60 scrollAmount=9 scrollDelay=10 style="COLOR: #000000; filter:alpha(opacity=65); FONT-FAMILY: verdana; FONT-SIZE: 50pt; FONT-WEIGHT: bold; POSITION: absolute; RIGHT:100px;top:0;Z-INDEX: 25" width=900;>TEXT 1</MARQUEE><MARQUEE direction=right height=60 scrollAmount=9 scrollDelay=10 style="COLOR: EE3A8C;filter:alpha(opacity=65); FONT-FAMILY: verdana; FONT-SIZE: 50pt; FONT-WEIGHT: bold; POSITION: absolute; LEFT: 100px; top:0; Z-INDEX: 25"width=800;>TEXT 2</marquee></font>


Klick Button:






<select size="1" style="color:#FFFFFF; background-color:#FF3030; font-family:tahoma; font-size:9pt;">
<option>Dein Text<option>
<option>...</option>
<option>Dein Text</option>
<option>Dein Text</option>
</select>


Checkbox mit haken

<input type="checkbox" name="box1" checked> Dein Text.


Checkbox ohne haken

<input type="checkbox" name="box1" nochecked> Dein Text.


Kreuze, die die Maus verfolgen:

<script type='text/javascript'>
<!--
var colour="#FF69B4";
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 &#038;&#038; (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 &#038;&#038; 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>

Close Button:





<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="#000000"><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><center><input type="button" value="CLOSE ME -!!-" onClick="window.close()" style="border: 1px solid #FFFFFF; color: #000000; font-size: 8pt; font-family: Verdana; background-color: #FF3030"> </center></b></font></td></tr></font></td></tr></table>

Dieser Code leitet euch von einer Page zur andren:

<!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
var xLayerNo=0;
function xLayer(newLayer, x, y, w)
{
 if(x==null)x=0;
 if(y==null)y=0;
 if(w==null)w=100;
  if(document.layers)
 {
  if(typeof newLayer == "string")
  {
   this.layer=new Layer(w);
   this.layer.document.open();
   this.layer.document.write(newLayer);
   this.layer.document.close();
  }
  else
   this.layer=newLayer;

  this.layer.moveTo(x,y);
  this.images=this.layer.document.images;
  }
 else
 if(document.all)
 {
  var Xname;
  if(typeof newLayer == "string")
  {
   xName="xLayer" + xLayerNo++;
    var txt =   "<DIV ID='" + xName
    + "' STYLE='position:absolute;"
    + "left:"  + x + ";"
    + "top:"   + y + ";"
    + "width:" + w + ";"
    + "visibility:hidden'>"
    + newLayer
     + "</DIV>";

   document.body.insertAdjacentHTML("BeforeEnd",txt);
  }
  else
   xName=newLayer.id;

  this.content = document.all[xName];
  this.layer   = document.all[xName].style;
  this.images  = document.images;
 }
 else
 if (document.getElementById)
 {
  /*** Add Netscape 6.0 support (NOTE: This may work in I.E. 5+. Will have to test***/

  var newDiv;

  if(typeof newLayer == "string")
  {
   var xName="xLayer" + xLayerNo++;

   var txt = ""
    + "position:absolute;"
    + "left:"  + x + "px;"
    + "top:"   + y + "px;"
    + "width:" + w + "px;"
    + "visibility:hidden";

   var newRange   = document.createRange();

   newDiv = document.createElement("DIV");
   newDiv.setAttribute("style",txt);
   newDiv.setAttribute("id", xName);

   document.body.appendChild(newDiv);

   newRange.setStartBefore(newDiv);
   strFrag = newRange.createContextualFragment(newLayer); 
   newDiv.appendChild(strFrag);
  }
  else
   newDiv = newLayer;

  this.content = newDiv; 
  this.layer   = newDiv.style;
  this.images  = document.images;
 }

 return(this);
}

function xLayerFromObj(theObj)
{
 if(document.layers)
  return(new xLayer(document.layers[theObj]));
 else
 if(document.all)
  return(new xLayer(document.all[theObj]));
 else
 if(document.getElementById)
  return(new xLayer(document.getElementById(theObj)));
}

if(navigator.appName.indexOf("Netscape") != -1 && !document.getElementById)
{
var eventmasks = {
      onabort:Event.ABORT, onblur:Event.BLUR, onchange:Event.CHANGE,
      onclick:Event.CLICK, ondblclick:Event.DBLCLICK,
      ondragdrop:Event.DRAGDROP, onerror:Event.ERROR,
      onfocus:Event.FOCUS, onkeydown:Event.KEYDOWN,
      onkeypress:Event.KEYPRESS, onkeyup:Event.KEYUP, onload:Event.LOAD,
      onmousedown:Event.MOUSEDOWN, onmousemove:Event.MOUSEMOVE,
      onmouseout:Event.MOUSEOUT, onmouseover:Event.MOUSEOVER,
      onmouseup:Event.MOUSEUP, onmove:Event.MOVE, onreset:Event.RESET,
      onresize:Event.RESIZE, onselect:Event.SELECT, onsubmit:Event.SUBMIT,
      onunload:Event.UNLOAD
};

/**** START prototypes for NS ***/
xLayer.prototype.moveTo  = function(x,y)  { this.layer.moveTo(x,y); }
xLayer.prototype.moveBy  = function(x,y)  { this.layer.moveBy(x,y); }
xLayer.prototype.show  = function()  { this.layer.visibility = "show"; }
xLayer.prototype.hide   = function()  { this.layer.visibility = "hide"; }
xLayer.prototype.setzIndex = function(z) { this.layer.zIndex = z; }
xLayer.prototype.setBgColor  = function(color) { this.layer.bgColor = color; }
xLayer.prototype.setBgImage  = function(image) { this.layer.background.src = image; }
xLayer.prototype.getX   = function()  { return this.layer.left; }
xLayer.prototype.getY   = function()  { return this.layer.top; }
xLayer.prototype.getWidth  = function()  { return this.layer.width; }
xLayer.prototype.getHeight  = function()  { return this.layer.height; }
xLayer.prototype.getzIndex = function() { return this.layer.zIndex; }
xLayer.prototype.isVisible  = function()  { return this.layer.visibility == "show"; }
xLayer.prototype.setContent   = function(xHtml)
{
 this.layer.document.open();
 this.layer.document.write(xHtml);
 this.layer.document.close();
}

xLayer.prototype.clip = function(x1,y1, x2,y2)
{
 this.layer.clip.top =y1;
 this.layer.clip.left =x1;
 this.layer.clip.bottom =y2;
 this.layer.clip.right =x2;
}
xLayer.prototype.addEventHandler = function(eventname, handler)
{
        this.layer.captureEvents(eventmasks[eventname]);
        var xl = this;
        this.layer[eventname] = function(event) {
            return handler(xl, event.type, event.x, event.y,
                           event.which, event.which,
                           ((event.modifiers && Event.SHIFT_MASK) != 0),
                           ((event.modifiers && Event.CTRL_MASK) != 0),
                           ((event.modifiers && Event.ALT_MASK) != 0));
        }
}

/*** END NS ***/
}
else if(document.all)
{
/*** START prototypes for IE ***/
xLayer.prototype.moveTo = function(x,y)
{
 this.layer.pixelLeft = x;
 this.layer.pixelTop = y;
}
xLayer.prototype.moveBy = function(x,y)
{
 this.layer.pixelLeft += x;
 this.layer.pixelTop += y;
}
xLayer.prototype.show  = function()  { this.layer.visibility = "visible"; }
xLayer.prototype.hide  = function()  { this.layer.visibility = "hidden"; }
xLayer.prototype.setzIndex = function(z) { this.layer.zIndex = z; }
xLayer.prototype.setBgColor = function(color) { this.layer.backgroundColor = color; }
xLayer.prototype.setBgImage = function(image) { this.layer.backgroundImage = image; }
xLayer.prototype.setContent   = function(xHtml) { this.content.innerHTML=xHtml; }
xLayer.prototype.getX  = function()  { return this.layer.pixelLeft; }
xLayer.prototype.getY  = function()  { return this.layer.pixelTop; }
xLayer.prototype.getWidth = function()  { return this.layer.pixelWidth; }
xLayer.prototype.getHeight = function()  { return this.layer.pixelHeight; }
xLayer.prototype.getzIndex = function() { return this.layer.zIndex; }
xLayer.prototype.isVisible = function() { return this.layer.visibility == "visible"; }
xLayer.prototype.clip  = function(x1,y1, x2,y2)
{
 this.layer.clip="rect("+y1+" "+x2+" "+y2+" "+x1+")";
 this.layer.pixelWidth=x2;
 this.layer.pixelHeight=y2;
 this.layer.overflow="hidden";
}
xLayer.prototype.addEventHandler = function(eventName, handler)
{
 var xl = this;
 this.content[eventName] = function()
 {
            var e = window.event;
            e.cancelBubble = true;
            return handler(xl, e.type, e.x, e.y,
                           e.button, e.keyCode,
                           e.shiftKey, e.ctrlKey, e.altKey);
        }
}
 /*** END IE ***/
}
else if (document.getElementById)
{
/*** W3C (NS 6) ***/
xLayer.prototype.moveTo = function(x,y)
{
 this.layer.left = x+"px";
 this.layer.top = y+"px";
}
xLayer.prototype.moveBy  = function(x,y)  { this.moveTo(this.getX()+x, this.getY()+y); }
xLayer.prototype.show  = function()  { this.layer.visibility = "visible"; }
xLayer.prototype.hide  = function()  { this.layer.visibility = "hidden"; }
xLayer.prototype.setzIndex = function(z) { this.layer.zIndex = z; }
xLayer.prototype.setBgColor = function(color) { this.layer.backgroundColor = color; }
xLayer.prototype.setBgImage = function(image) { this.layer.backgroundImage = image; }
xLayer.prototype.getX  = function()  { return parseInt(this.layer.left); }
xLayer.prototype.getY  = function()  { return parseInt(this.layer.top); }
xLayer.prototype.getWidth = function()  { return parseInt(this.layer.width); }
xLayer.prototype.getHeight = function()  { return parseInt(this.layer.height); }
xLayer.prototype.getzIndex = function() { return this.layer.zIndex; }
xLayer.prototype.isVisible = function() { return this.layer.visibility == "visible"; }
xLayer.prototype.clip  = function(x1,y1, x2,y2)
{
 this.layer.clip="rect("+y1+" "+x2+" "+y2+" "+x1+")";
 this.layer.width=x2 + "px";
 this.layer.height=y2+ "px";
 this.layer.overflow="hidden";
}
xLayer.prototype.addEventHandler = function(eventName, handler)
{
 var xl = this;
 this.content[eventName] = function(e)
 {
            e.cancelBubble = true;
            return handler(xl, e.type, e.pageX, e.pageY,
                           e.button, e.keyCode,
                           e.shiftKey, e.ctrlKey, e.altKey);
 }
}
xLayer.prototype.setContent   = function(xHtml)
{
 var newRange   = document.createRange();
 newRange.setStartBefore(this.content);

 while (this.content.hasChildNodes())
  this.content.removeChild(this.content.lastChild);

 var strFrag    = newRange.createContextualFragment(xHtml); 
 this.content.appendChild(strFrag);
}

} else
{
xLayer.prototype.moveTo  = function(x,y)  {  }
xLayer.prototype.moveBy  = function(x,y)  {  }
xLayer.prototype.show   = function()  {  }
xLayer.prototype.hide   = function()  {  }
xLayer.prototype.setzIndex = function(z) {  }
xLayer.prototype.setBgColor  = function(color) {  }
xLayer.prototype.setBgImage  = function(image) {  }
xLayer.prototype.getX   = function()  { return 0; }
xLayer.prototype.getY   = function()  { return 0; }
xLayer.prototype.getWidth  = function()  { return 0; }
xLayer.prototype.getHeight  = function()  { return 0; }
xLayer.prototype.getzIndex = function() { return 0; }
xLayer.prototype.isVisible  = function()  { return false; }
xlayer.prototype.setContent   = function(xHtml) { }
}

function xMouse()
{  this.X = 0;
 this.Y = 0;

 if(navigator.appName.indexOf("Netscape") != -1)
 {
  this.getMouseXY = function (evnt)
  {
   document.ml.X=evnt.pageX;
   document.ml.Y=evnt.pageY;
  }

  window.captureEvents(Event.MOUSEMOVE);
  window.onmousemove = this.getMouseXY;

  document.ml = this;
 }
 else if(document.all)
 {
  if(navigator.appVersion.indexOf("MSIE 5.") != -1)
   this.getMouseXY = function ()
   {
    document.ml.X = event.x + document.body.scrollLeft;
    document.ml.Y = event.y + document.body.scrollTop;
   }
  else
   this.getMouseXY = function ()
   {
    document.ml.X = event.x;
    document.ml.Y = event.y;
   }

  document.ml = this;
  document.onmousemove = this.getMouseXY;
 }
 return(this);
 
}

var m = new xMouse();

var oneDeg=(2*Math.PI)/360;

/*** PINWHEEL TYPE 7 ***/
var Radius = 5;
var NumStars=32;
var NumSteps=32;
var StepAngle=(22.5)*oneDeg;

 


var StarObject=new Array();

var hexDigit=new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F");
function dec2hex(dec)
{
 return(hexDigit[dec>>4]+hexDigit[dec&&15]);
}
function hex2dec(hex)
{
 return(parseInt(hex,16))
}

function CreateStar()
{

 this.layer   = new xLayer("X", 100, 100, 10);
 this.currAngle  = 0;
 this.step  = 0;
 this.x  = 100;
 this.y  = 100;
 return (this);
}

/*** Choose a random pinwheel configuration ***/
function restart()
{
 var num=Math.floor(Math.random()*4);
 
 for(i=0;i<NumStars;i++)
  StarObject[i].layer.hide();

 if(num==0){
  Radius = 1;
  NumStars=32;
  NumSteps=16;
  StepAngle=(25)*oneDeg;
 }
 


 for(i=0 ; i<NumStars; i++)
 {
  var s=StarObject[i];
  s.currAngle = (StepAngle*i);
  s.step = (i%NumSteps);
  s.x=m.X;
  s.y=m.Y;
 }

 for(i=0;i<NumStars;i++)
  StarObject[i].layer.show();

 
}
function start()
{

 for(i=0 ; i<NumStars; i++)
 {
  StarObject[i]=new CreateStar();
  StarObject[i].currAngle = (StepAngle*i);
  StarObject[i].step = (i%NumSteps);
  StarObject[i].layer.clip(0,0,2,2);
  StarObject[i].layer.setBgColor("red");
 }

 for(i=0 ; i<NumStars ; i++)
  StarObject[i].layer.show();

 /*** Remove this if you only 1 type of pinwheel ***/
 
 Rotate();
}

function changeColour(s)
{
 var colour="8A2BE2";

 r2= Math.floor(Math.random()*2)*255;
 g2= Math.floor(Math.random()*2)*255;
 b2= Math.floor(Math.random()*2)*255;

 if(r2==0 && g2==0 && b2==0)
  r2=255;

 colour = "8A2BE2";
 s.layer.setBgColor(8A2BE2);

 s.x=m.X;
 s.y=m.Y;
}
function Rotate()
{
 var x;
 var y;
 for (i = 0 ; i < NumStars ; i++ ) {
  var s=StarObject[i];
  
  if(s.step==0)
   changeColour(s);

  var angle = s.currAngle;
  var rad   = s.step*Radius + 10;
  x = s.x + rad*Math.cos(angle);
  y = s.y + rad*Math.sin(angle);

  s.layer.moveTo(x,y);

  s.step = (s.step+1)%NumSteps;
 }

 setTimeout("Rotate()", 30);
}

function handle_resize()
{
 if(document.layers)
  start();
}

window.onresize=handle_resize;
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/hosting/webspace/uebersicht-webspace-und-hosting-anbieter.html" title="günstige Homepages" target="_blank">günstige Homepages</a></div><br />
<script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=176"></script>
<!-- präsentiert von kostenlose-javascripts.de -->

 
   
Neu ♥  
  neuer Partner (beautiful desiign)
Textteilchen ++ neue Minis (online, offline)
neuer Partner (amazing-gb) ++ neuer Button
neues GB-Piic ( Trauer: wenn ich nur wüsste...)
neue Trennlinien
 
♪♫ meine music ♫♪  
 


MusicPlaylist
Music Playlist at MixPod.com

 
Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden