Antworten: 3
Seite [1] |
|
alexteam Try to beat me Beiträge: 186 |
# Thema - 03.09.2008 um 19:27 Uhr
Hallo Community!! Ich habe mir dieses Spin Menu für meine Seite angepasst und in die Index.htm eingefügt. Soll als Member Übersicht in den Header mit rein. Jetzt meine Frage: Wie kann ich zu den Namen das passende picture einfügen? mehr... <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:'#0099ff', 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+"\";th is.style.backgroundColor=\""+this.backgroundcolorover+"\"' "+ "onmouseout='this.style.color=\""+this.color+"\";t his.style.backgroundColor=\""+this.backgroundcolor+"\"' "+a4+">"+a7+"</div>");this.a3++},muta:fun ction(){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>');ey e.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; eye.x = 100; eye.y = 20; eye.w = 60; eye.h = 110; eye.pw = 10; eye.ph = 10; eye.r = 90; eye.v = 20; eye.s = 5; eye.color = '#666666'; eye.colorover = '#FFFFFF'; eye.backgroundcolor = ''; eye.backgroundcolorover = ''; eye.bordercolor = ''; eye.fontsize = 10; eye.fontfamily = 'Arial'; 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("admin","index.php?mod=users&action=view&id=1"); eye.spinmenuitem("matador","index.php?mod=users&action=view&id=2"); eye.spinmenuclose(); } </script> |
Inaktiv |
|
duRiel Weltmeister Herkunft: Cambridge Beiträge: 7300 |
# Antwort: 1 - 04.09.2008 um 00:15 Uhr
hi! was ist ein spin menü und wo finde ich das auf deiner seite? gruß duRiel |
Inaktiv |
|
alexteam Thread-Ersteller Try to beat me Beiträge: 186 |
# Antwort: 2 - 04.09.2008 um 08:19 Uhr
Hi duRiel Hier ist das Spinmenu. Link Spin Menu Link zum Design Ist noch in Arbeit. Oben im Header. Gruß alexteam Zuletzt editiert von alexteam am 04.09.2008 um 08:20 Uhr (1x Editiert) |
Inaktiv |
|
alexteam Thread-Ersteller Try to beat me Beiträge: 186 |
# Antwort: 3 - 08.09.2008 um 12:24 Uhr
Kann mir jemand helfen bzw. einen Tipp geben wie ich die Bilder einbauen kann?? |
Inaktiv |
|
Antworten: 3
Seite [1] |
Sie müssen sich registrieren, um zu antworten. |