MK204
Neues Mitglied
Serwas,
weiss irgendwer wie man die Buttons in den Kreis bekommt
wie auf dem Foto beschrieben?
Merci derweil MK
weiss irgendwer wie man die Buttons in den Kreis bekommt
wie auf dem Foto beschrieben?
HTML:
<div style="position:absolute;left:500">
<script type="text/javascript">
/*
3D Spin Menu- By Petre Stefan (http://www.eyecon.ro)
*/
eye={p:0,x:0,y:0,w:0,h:0,r:0,v:0,s:0,isVertical:0,a1:0,a2:0,a3:0,color:'#ffffff',colorover:'#ffffff',backgroundcolor:'#000000',backgroundcolorover:'#000000',bordercolor:'#000000',fontsize:12,fontfamily:'Arial',pas:0,spinmenu:function(){this.p=this.r/this.s;this.a1=this.a2=this.isVertical?0:Math.PI/2},spinmenuitem:function(a7,a6,a5){a4=" onclick='window.open(\""+a6+"\""+(a5?(",\""+a5+"\""):",\"_self\"")+")'";document.write("<div id='spinmenu"+this.a3+"' style='cursor:pointer;cursor:expression(\"hand\");position:absolute;width:"+this.w+"px;left:"+this.h+"px;"+"background-color:"+this.backgroundcolor+";color:"+this.color+";border:1px solid "+this.bordercolor+";font:normal "+this.fontsize+"px "+this.fontfamily+";text-align:center;cursor:default;z-Index:1000;' onmouseover='this.style.color=\""+this.colorover+"\";this.style.backgroundColor=\""+this.backgroundcolorover+"\"'"+
"onmouseout='this.style.color=\""+this.color+"\";this.style.backgroundColor=\""+this.backgroundcolor+"\"'"+a4+">"+a7+"</div>");this.a3++},muta:function(){a8=document.getElementById("controale");for(i=0;i<this.a3;i++){a9=document.getElementById("spinmenu"+i+"");a9s=a9.style;if(this.isVertical){xi=parseInt(this.r*Math.cos(this.a1+i*this.pas))/this.s;yi=parseInt(this.r*Math.sin(this.a1+i*this.pas));a10=(this.p+xi)/(2*this.p);a11=this.fontsize*(this.p+xi)/(2*this.p)+2;a12=parseInt(100*(this.p+xi)/(2*this.p))}else{xi=parseInt(this.r*Math.cos(this.a1+i*this.pas));yi=parseInt(this.r*Math.sin(this.a1+i*this.pas))/this.s;a10=(this.p+yi)/(2*this.p);a11=this.fontsize*(this.p+yi)/(2*this.p)+2;a12=parseInt(100*(this.p+yi)/(2*this.p))};a13=(this.w-20)*a10+20;a14=(this.h-20)*a10+10;a9s.top=(yi+this.y-a14/2)+"px";a9s.left=(xi+this.x-a13/2)+"px";a9s.width=a13+"px";a9s.fontSize=a11+"px";a9s.zIndex=a12};a8.style.top=this.y+(this.isVertical?this.r:this.p)+this.h/2+6;a8.style.left=this.x-a8.offsetWidth/2;if(this.a1!=this.a2){this.a1=(this.a1>this.a2)?(this.a1-this.pas/this.v):(this.a1+this.pas/this.v);if(Math.abs(this.a1-this.a2)<this.pas/this.v)
this.a1=this.a2;setTimeout("eye.muta()",10)}},spinmenuclose:function(){this.pas=2*Math.PI/this.a3;document.write('<div id="controale" style="position:absolute"><button type="" onclick="eye.a2+=eye.pas;eye.muta()" onfocus="this.blur()"><<</button> <button type="" onclick="eye.a2-=eye.pas;eye.muta()" onfocus="this.blur()">>></button></div>');eye.muta()}};
function getposOffset(what, offsettype)
{
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null)
{
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft :totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}
eye.isVertical = 0; //if it's vertical or horizontal [0|1]
eye.x = 0; // x offset from point of insertion on page
eye.y = 0; // y offset from point of insertion on page
eye.w = 150; // item's width
eye.h = 40; // height
eye.r = 175; // menu's radius
eye.v = 20; // velocity
eye.s = 2; // scale in space (for 3D effect)
eye.color = '#87cefa'; // normal text color
eye.colorover = '#0000ff'; // mouseover text color
eye.backgroundcolor = '0000ff'; // normal background color
eye.backgroundcolorover = '87cefa'; // mouseover background color
eye.bordercolor = '#87cefa'; // border color
eye.fontsize = 12; // font size
eye.fontfamily = 'Arial Black'; //font family
if (document.getElementById)
{
document.write('<div id="spinanchor" style="height:'+eval(eye.h+20)+'"></div>')
eye.anchor=document.getElementById('spinanchor')
eye.spinmenu();
eye.x+=getposOffset(eye.anchor, "left") //relatively position it
eye.y+=getposOffset(eye.anchor, "top") //relatively position it
//menuitem: eye.spinmenuitem(text, link, target)
eye.spinmenuitem("Über Mich","http://www.oyla22.de/cgi-bin/eigenes.cgi?page=text&id=59626884&userid=94529167");
eye.spinmenuitem ("Meine Musik","http://www.oyla22.de/cgi-bin/eigenes.cgi?page=text&id=983889881205789864&userid=94529167");
eye.spinmenuitem("Mein Hund","http://www.oyla22.de/cgi-bin/eigenes.cgi?page=text&id=924599991205789430&userid=94529167");
eye.spinmenuitem("Mein Computer","http://www.sysprofile.de/id46598");
eye.spinmenuitem("Meine Software","http://www.oyla22.de/cgi-bin/eigenes.cgi?page=text&id=871153841205791856&userid=94529167");
eye.spinmenuitem("Tipps zu Vista","http://www.oyla22.de/cgi-bin/eigenes.cgi?page=text&id=561205261205789118&userid=94529167");
eye.spinmenuitem("TSV 1860","http://www.tsv1860.de/de/index.php");
eye.spinmenuitem("Groundhopping","http://www.oyla22.de/cgi-bin/eigenes.cgi?page=text&id=422968551205789241&userid=94529167");
eye.spinmenuitem("Onkelz Radio","http://www.onkelzradio.de/index2.php");
eye.spinmenuitem("Rock Antenne","http://www.rockantenne.de/");
eye.spinmenuitem("Kochrezepte","http://www.oyla22.de/cgi-bin/eigenes.cgi?page=text&id=232355481205789271&userid=94529167");
eye.spinmenuitem("Cocktails","http://www.oyla22.de/cgi-bin/eigenes.cgi?page=text&id=714365081205789290&userid=94529167");
eye.spinmenuitem("TV Programm","http://www.tvtoday.de/program2007?format=list&offset=0&date=today&slotIndex=2&genre=SP&channel=hauptgruppeId%3A1%2C3");
eye.spinmenuitem("Gästebuch","http://www.oyla22.de/cgi-bin/eigenes.cgi?page=guestbook&userid=94529167");
eye.spinmenuitem("Kontakt","http://www.oyla22.de/cgi-bin/eigenes.cgi?page=kontakt&userid=94529167");
eye.spinmenuitem("Impressum","http://www.oyla22.de/cgi-bin/eigenes.cgi?page=text&id=98119916&userid=94529167");
eye.spinmenuitem("Linkliste","http://www.oyla22.de/cgi-bin/eigenes.cgi?page=text&id=436355131205789830&userid=94529167");
eye.spinmenuitem("oyla.de","http://www.oyla.de/");
eye.spinmenuitem("Bildupload","http://imageshack.us/"); eye.spinmenuclose("");
}
</script>
</div>Merci derweil MK
