Markera den menykategori man är på

[Peter Westerlund]

Jag har skapat en meny åt mitt forum på följande sätt:

Kod: Markera allt

<ul class="menu">
<li><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a></li>
<!-- IF not S_IS_BOT -->
                
<!-- IF S_DISPLAY_MEMBERLIST -->
<li><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li>
<!-- ENDIF -->

<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED -->
<li><a href="{U_REGISTER}">{L_REGISTER}</a></li>
<!-- ENDIF -->
<li><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></li>
<!-- ENDIF -->
                
<!-- IF U_EMAIL_TOPIC -->
<li><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li>
<!-- ENDIF -->
                
<!-- IF U_EMAIL_PM -->
<li><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li>
<!-- ENDIF -->
                
<!-- IF U_PRINT_TOPIC -->
<li><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li>
<!-- ENDIF -->
                
<!-- IF U_PRINT_PM -->
<li><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li>
<!-- ENDIF -->
                
</ul>

Nu vill jag att när man till exempel klickar på "Registrera" och hamnar på avtalssidan så ska "Registrera" markeras i menyn. Har phpbb någon inbyggd funktion för detta? Går detta att fixa på ett relativt enkelt sätt?

[Kjell]

Om du menar markera att det lyser upp eller ändrar texten på någon sätt så är det vanlig stilmall (CSS) vi pratar om, det finns hur många ställen som helst för att läsa vidare om det... exempelvis http://www.webdesignskolan.com/css/css.htm

[Peter Westerlund]

Jag tror inte riktigt du förstår mig nu. Jag vet förstås hur man gör det via css. Det jag behöver är någon funktion som känner av vilken sida man är på och då sätter den class på den menylänk som ska ha det.

[Kjell]

Jag tror jag vet... om det inte är någon annan skola jag har hittat, men för mig är det CSS eller?
Det gäller bara att hitta rätt saker.

Det här löser inte ditt problem, men det påvisar att det är css som styr det hela och om du vill komma på rätt spår så är det den vägen du ska gå.

Kod: Markera allt

<div class="menu-row"><a class="menu-link" href="http://länknamn.xxx">någon sida</a></div>
-------------------
a.menu-link {
background-image: url("{T_THEME_PATH}/images/arrow_right.gif"); 
    font-weight: bold;
    color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
}

a.menu-link:hover {
    background-position: 6px 60%;
    color: #666;
	text-decoration: none;
}

div.menu-block {
    border-left: #FFFFFF solid 1px;
    padding-left: 10px;
}

div.menu-row-first {
    border-bottom: 1px solid #819bb3;
    padding-top: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
}

div.menu-row {
    border-top: 1px solid #ced9e4;
    border-bottom: 1px solid #819bb3;
    padding-top: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
}

div.menu-row-last {
    border-top: 1px solid #ced9e4;
    padding-top: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
}

Har lite annat att göra nu som att behöva sova en stund

[Peter Westerlund]

Jo, dendär vägen är jag redan inne på. Jag är förberedd med min css-kod för menyn. Men som sagt, det är inte där problemet ligger. Jag behöver en funktion typ:

<?php if (thisPage() == 'register') { ?> class="sel"<? } ?>

[.:ADDE:.]

Kanske CSS-menyer med PHP ontergrerad kanske kan hjälpa dig?

http://www.webdesignskolan.se/css-layou ... m#php_meny

[Peter Westerlund]

Men det fungerar ju inte så i phpbb. Jag tänkte nått i stil med http://codex.wordpress.org/Dynamic_Menu_Highlighting. WordPress har färdiga funktioner som talar om vilken sida man är på.

Men skitsamma, jag får leva utan dendär funktionen. Det vara bara ett försök att göra forumets design mer interaktivt. Men om inte phpbb stödjer det så går det ju inte.

[.:ADDE:.]

Det bör gå i en viss utsträckning... det beror på vart du har koden i.

[Kjell]

Jag fattar fortfarande inte varför inte köra ren CSS.

.menu .active a {
background-image: url('arkiv/meny_botten_active.jpg');
}
eller med färg, underline m.m.

[.:ADDE:.]

visst kan det gå med ren CSS, jag bara tänkte att CSS med PHP verkar vara bättre då det är PHP-baserat. men jag har aldrig provat det.

[Peter Westerlund]

Kjell: Ja, det stämmer att dendär classen sätter man på den menylänk som är relaterad till den sida man är inne på så får den menylänken en annan stil. Men det är inte vad min fråga handlar om. Jag behöver funktionen som kollar VILKEN menylänk som ska FÅ den stilen. Förstår du nu?

[.:ADDE:.]

Prova ha denna kod på wiewforum.html . om du har denna kod på overall_header.html så blir det svårt för mig att hjälpa dig.

Kod: Markera allt

<ul class="menu">
<li><a href="{U_INDEX}" accesskey="h" id="current">{L_INDEX}</a></li>
<!-- IF not S_IS_BOT -->
                
<!-- IF S_DISPLAY_MEMBERLIST -->
<li><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li>
<!-- ENDIF -->

<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED -->
<li><a href="{U_REGISTER}">{L_REGISTER}</a></li>
<!-- ENDIF -->
<li><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></li>
<!-- ENDIF -->
                
<!-- IF U_EMAIL_TOPIC -->
<li><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li>
<!-- ENDIF -->
                
<!-- IF U_EMAIL_PM -->
<li><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li>
<!-- ENDIF -->
                
<!-- IF U_PRINT_TOPIC -->
<li><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li>
<!-- ENDIF -->
                
<!-- IF U_PRINT_PM -->
<li><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li>
<!-- ENDIF -->
                
</ul> 

Det här var vad jag la till på första delen...

Kod: Markera allt

<a href="{U_INDEX}" accesskey="h" id="current">{L_INDEX}</a></li> 

[.:ADDE:.]

Jag hittade en annan kod jag tror kan funka...

Kod: Markera allt

<!-- IF t_block1.S_SELECTED --> id="current"<!-- ENDIF --> 

du placerar den här...

Kod: Markera allt

<ul class="menu">
<li><a href="{U_INDEX}" accesskey="h" <!-- IF t_block1.S_SELECTED --> id="current"<!-- ENDIF -->>{L_INDEX}</a></li>
 

[klinge]

Det här kanske är löst redan, men följande fungerar med den stil jag använder. SCRIPT_NAME är namnet på sidan man är på. Om det är lika med en viss länk i menystrukturen sätts css-klassen till "menu_button_active" om det inte är det sätts stilen till "menu_button".

Kod: Markera allt

<li<!-- IF SCRIPT_NAME == "faq" --> class="menu_button_active"<!-- ELSE --> class="menu_button"<!-- ENDIF -->>
   <a href="{U_FAQ}">
      <span>{L_FAQ}</span>
   </a>
</li>

Du behöver även css stilar för klasserna "menu_button" och "menu_buttom_active" förstås.