Slide Navigation

Hulp nodig bij een stijl? Voor zowel XHTML/CSS als grafische vragen uiteraard gerelateerd aan phpBB2. Support wordt helaas niet meer verleend.
Forumregels

Sinds 1 januari 2009 wordt phpBB2 niet meer ondersteund.
Onderstaande informatie is verouderd en dient uitsluitend als archief.
phpBB2.0.x
Gesloten
Jappie
Berichten: 81
Lid geworden op: 21 apr 2004, 07:51

Slide Navigation

Bericht door Jappie » 07 mei 2004, 02:59

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

Gebruikersavatar
Luuk
Berichten: 7311
Lid geworden op: 22 okt 2003, 10:07
Locatie: Delft

Bericht door Luuk » 07 mei 2004, 09:07

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.
Afbeelding

Jappie
Berichten: 81
Lid geworden op: 21 apr 2004, 07:51

Bericht door Jappie » 07 mei 2004, 12:37

ok gaan we ff proberen

Jappie
Berichten: 81
Lid geworden op: 21 apr 2004, 07:51

Bericht door Jappie » 07 mei 2004, 14:10

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">&nbsp;Navigatie Menu&nbsp;</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 ?

Gebruikersavatar
Luuk
Berichten: 7311
Lid geworden op: 22 okt 2003, 10:07
Locatie: Delft

Bericht door Luuk » 07 mei 2004, 14:53

opgelost via msn
Afbeelding

Jappie
Berichten: 81
Lid geworden op: 21 apr 2004, 07:51

Bericht door Jappie » 07 mei 2004, 14:54

:thumb: 8)

Gesloten