Slide-Menu mit Buttons und Rollover - javarea.de Forum powered by javarea.de

Hallo,

ich habe deine Version vom Slidemenu angesehen.
Da du aber dort wo normal nur Text drin ist, deine Schrift als Grafik stehen hast wird das nicht so einfach gehen.

Normalerweise sind die Grafiken hier untergebracht:

	HTML-Quelltext
1: 2: 3: 4: 5: 6: 7: 8: 9:	level0_regular="" level0_round="" level1_regular="" level1_round="" level1_sub="" level1_sub_round="" level1_round2="" level2_regular="" level2_round=""

Den Text bzw. Hintergrund läst sich dann über das CSS ändern. In etwa so:

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10:

<STYLE type="text/css">
A:hover{color:#ffffff;}
DIV.clSlide{position:absolute;  z-index:10; left:4; width:180; height:24; clip:rect(0,180,20,0);}
DIV.clSlideSub{position:absolute; z-index:10; clip:rect(0,180,24,0); width:160; height:24; left:0; visibility:hidden}
#divSlideCont{position:absolute; z-index:10; left:0; top:120; height:330; width:160; left:10; visibility:hidden}
A.clSlideLinks{font-family:Arial, Geneva, Verdana, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; color:#746762}
A:hover.clSlideLinks{font-family:Arial, Geneva, Verdana, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; color:#888800; background-color:#E0E0E0;}
A.clSlideSubLinks{font-family:Arial, Geneva, Verdana, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none; color:#5C514D}
A:hover.clSlideSubLinks{font-family:Arial, Geneva, Verdana, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none; color:#888800; background-color:#E0E0E0;}
</style>

Ein onMouseover wird da nicht einfach, wenn nicht unmöglich sein. Müsste aber in dem Bereich geändert werden.

Zitat

/********************************************************************************
Functions to write out the layers...
********************************************************************************/
menus=new Array(); var a=0; var b=0; var c=0; var d=0
function makeMenu(type,text,lnk,target,end){
str=""; tg="";
if(target) tg='target="'+target+'"'
if(!lnk) lnk="#"

if(a==0) str='<div id="divSlideCont">\n'
if(type=="top"){
menus[a]=new Array();
if(text=="seperator"){
str+='\t<div id="divSlide'+a+'" class="clSlide"></div>\n'
menus[a].seperator=1
}else{
str+='\t<div id="divSlide'+a+'" class="clSlide"><a href="'+lnk+'" '+tg+' !hier! onclick="swmenu('+a+',-1,-1); if(bw.ie || bw.ns6) this.blur(); '
if(lnk=="#") str+='return false'
str+='" class="clSlideLinks"> '+text+'</a><br></div>\n'
}
menus[a].subs=0; a++; b=0
}else if(type=="sub"){
str+='\t\t<div id="divSlideSub'+(a-1)+'_'+(b)+'" class="clSlideSub"><a '+tg+' !hier! onclick="swmenu('+(a-1)+','+b+',-1); if(bw.ie || bw.ns6) this.blur(); '
if(lnk=="#") str+='return false'
str+='" href="'+lnk+'" class="clSlideSubLinks"> '+text+'</a><br></div>\n'
b++; menus[a-1].subs=b; menus[a-1][b-1]=new Array(); c=0; menus[a-1][b-1].subs=0
}else if(type=="sub2"){
str+='\t\t<div id="divSlideSub'+(a-1)+'_'+(b-1)+'_'+c+'" class="clSlideSub2"><a '+tg+' href="'+lnk+'" class="clSlideSub2Links"> '+text+'</a><br></div>\n'
c++; menus[a-1][b-1].subs=c; menus[a-1][b-1][c-1]=new Array(); d=0; menus[a-1][b-1][c-1].subs=0
}
if(end) str+="</div>"
document.write(str)
}
function preLoadBackgrounds(){
for(i=0;i<arguments.length;i++){
this[i]=new Image()
this[i].src=arguments[i]
}
return this
}

Gruß