Pagina 1 van 1
Slide Navigation
Geplaatst: 07 mei 2004, 02:59
door Jappie
Ik heb een vraagje is er iemand die verstand heeft van java en mij zou kunnen helpen? Ik zelf namelijk niet zo en ik wil de style van het Navigation Slide menu aanpassen. Zodat het in dezelfde style is als het forum.
http://www.vrijeschool-leiden.nl/testsi ... /index.php
Daar kan je het forum style zien en die van Navigation Slide menu op het moment. Ik wil zeg maar dezelfde donker blauw met het zelfde effect in de donker blauwe blaken van het slide menu. Het lichtblauw in het slide menu moet hetzelfde worden als de lichtblauwe balken op het forum. waar de fora titels in staan dus.
greetz Jappie
Geplaatst: 07 mei 2004, 09:07
door Luuk
tip 1 => werk met dezelfde classes. als je wilt dat het blauw dezelfde kleur krijkt als bijvoorbeeld de catergorie, dan zoek je in index_body.tpl de class op en voeg je in je menu in de <td....> class="XXX" erbij.
tip 2 => ik zou als ik jou was links een beetje ruimte overlaten zodat het menu niet over het forum heen komt.
Geplaatst: 07 mei 2004, 12:37
door Jappie
ok gaan we ff proberen
Geplaatst: 07 mei 2004, 14:10
door Jappie
function buildMenu() {
mPos=menuPosition;
ssmHTML="";
XOff=getXOff();
if(IE||NS6)ssmHTML+='<DIV ID="basessm" style="visibility:hidden;Position : Absolute ;Top : '+YOffset+' ;Z-Index : 20;width:'+(barWidth+2)+';"><DIV ID="thessm" style="Position : Absolute ;left : '+((!mPos)?menuWidth+1:-menuWidth-1)+' ;Top : 0px ;Z-Index : 30;'+((IE)?"width:1px":"")+'" '+((slideX)?'onmouseover="moveOut()" onmouseout="moveBack()")':'')+'>';
if(NS)ssmHTML+='<LAYER name="basessm1" top="'+YOffset+'" visibility="show" onload="initSlide()"><ILAYER name="basessm2"><LAYER visibility="hide" name="thessm" bgcolor="'+menuBGColor+'" left="'+((!mPos)?menuWidth+1:-menuWidth-1)+'" '+((slideX)?'onmouseover="moveOut()" onmouseout="moveBack()")':'')+'>';
if(NS6)ssmHTML+='<table border="0" cellpadding="0" cellspacing="0" width="'+(menuWidth+barWidth+3)+'"><TR><TD>';
ssmHTML+=
'<table width="100%" cellpadding="2" cellspacing="1" border="0" class="bodyline"><tr><th width="25%" class="thTop" nowrap="nowrap"> Navigatie Menu </th>';
for(i=0;i<sI.length;i++){
ssmHTML+='<TR>';
if(barBuilt==0&&!mPos){
buildBar();
barBuilt=1
}
if(sI
[3]>1)ssmHTML+='<TD BGCOLOR="'+hdrBGColor+'" ALIGN="'+hdrAlign+'" WIDTH="'+menuWidth+'"'+((NS6)?' style="padding:'+hdrPadding+'px"':'><TABLE CELLPADDING="'+hdrPadding+'" CELLSPACING="0" BORDER="0"><TR><TD')+' CLASS="ssmHdr" VALIGN="'+hdrVAlign+'">'+((sI[3]==3)?'<a HREF="'+((sI[1].indexOf("://")==-1&&sI[1].indexOf("../")==-1)?targetDomain:'')+sI[1]+'" target="'+sI[2]+'" class="ssmHdr">':'')+sI[0]+((sI[3]==3)?'</a>':'')+((NS6)?'':'</TD></TR></TABLE>')+'</TD>';
else{
if(!sI[2])sI[2]=targetFrame;
ssmHTML+='<TD WIDTH="'+menuWidth+'"'+(NS&&!sI[i][3]?'':'BGCOLOR="'+linkBGColor+'"')+' '+((NS6)?'CLASS="thTop" style="padding:'+linkPadding+'px;" ALIGN="'+linkAlign+'"':'')+' '+((sI[i][3])?'>':'onmouseover="style.backgroundColor=\''+linkOverBGColor+'\'" onmouseout="style.backgroundColor=\''+linkBGColor+'\'" onclick="menuClick(\'item_'+i+'\');"'+(IE?' style="cursor:hand;"':'')+'><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'" bgcolor="'+linkBGColor+'">')+((NS6)?'':'<DIV ALIGN="'+linkAlign+'" CLASS="thTop"><TABLE CELLPADDING="'+linkPadding+'" CELLSPACING="0" BORDER="0"><TR><TD VALIGN="'+linkVAlign+'" CLASS="ssmItem">')+((sI[i][3])?'':'<A HREF="'+((sI[i][1].indexOf("://")==-1&&sI[i][1].indexOf("../")==-1)?targetDomain:'')+sI[i][1]+'" target="'+sI[i][2]+'" CLASS="thTop" id="item_'+i+'">')+sI[i][0]+''+((sI[i][3])?'':'</A>')+((NS6)?'':'</TD></TR></TABLE></DIV>')+((sI[i][3])?'':'</LAYER></ILAYER>')+'</TD>';
}
if(barBuilt==0&&mPos){
buildBar();
barBuilt=1;
}
ssmHTML+='</TR>';
}
ssmHTML+='</table>';
if(NS6)ssmHTML+='</TD></TR></TABLE>';
if(IE||NS6){
ssmHTML+='</DIV></DIV>';
setTimeout('initSlide();',1);
}
if(NS)ssmHTML+='</LAYER></ILAYER></LAYER>';
document.write(ssmHTML);
}
function addHdr(text){sI[sI.length]=[text, '', '', 2]}
function addLink(text, link, target){if(!link)link="javascript://";sI[sI.length]=[text, link, target, 3]}
function addItem(text, link, target){if(!link)link="javascript://";sI[sI.length]=[text, link, target, 0]}
function addText(text){sI[sI.length]=[text, '', '', 1]}
//window.onresize=function(){setTimeout('alert(getOff());XOff=getXOff();bssm.left=(!mPos)?XOff-menuWidth:XOff;');}
Het rode stuk heb ik dus aangepast en is goed. Maar dat groene stuk daar moet nog iets veranderd worden wil ik het in de zelfde style krijgen als bij dat rode. Alleen ik weet dus niet hoe of wat want ik kom er niet echt uit..... Iemand die me kan helpen ?
Geplaatst: 07 mei 2004, 14:53
door Luuk
opgelost via msn
Geplaatst: 07 mei 2004, 14:54
door Jappie
:thumb: 8)