Menu naast het forum krijgen

[David]

Beste leden,

Ik ben wat dingen aan het proberen om me phpbb kennis beetje op te vijzelen, ben bezig met deze stijl: http://demo.phpbb3styles.net/BlueSuavity

Ik wil een menu maken, naast het forum. Zoals het het forum nu ziet, wil ik zelf aan de linkerkant een menu maken. De code voor dat menu kom ik wel uit, alleen in wel bestand moet ik zijn? en hoe doe ik dat precies. Kan iemand me daarbij adviseren?

Bedankt alvast

Groet David

[David]

Kan iemand helpen?

Als je op het forumoverzicht zit, wil ik dus aan de linken kant een menu maken! Weet alleen niet in welke bestand ik moet zijn, en welke soort code me menu ook aan de linker kant naast het forumoverzicht zet.

Het menu zelf zoals eerder gezegd kom ik denk ik wel uit!

[Ger]

Je kunt waarschijnlijk goed terecht in overall_header.html. Beetje afhankelijk van waar je het menu precies wil zetten, zou ik zeggen dat je zo rond de div nav-container-outer moet zitten. Geef de menu-div een float: left in de css, dan zit je goed volgens mij.

[David]

Je kunt waarschijnlijk goed terecht in overall_header.html. Beetje afhankelijk van waar je het menu precies wil zetten, zou ik zeggen dat je zo rond de div nav-container-outer moet zitten. Geef de menu-div een float: left in de css, dan zit je goed volgens mij.

Das niet het goede bestand, ik wil het zeg maar naast mijn forum categorie hebben, het bestand en de regel die jij geeft is boven aan het forum, das eigenlijk niet waar ik hem wil. Zou hem naast de bovenste forum categorie willen!

[Ger]

In dat geval zijn er 2 opties:

1. Meerdere bestanden bewerken, zodat je menu tenminste wel op elke pagina terugkomt. Dus zowel in index_body.html, viewforum_body.html, viewtopic_body.html, ucp_vanalles.html, etc. Dan is de eenvoudigste weg om het in een apart bestand te zetten wat je steeds include.
2. Toch in overall_header.html, maar dan werken met een position:absolute.

[David]

Oké, ik ben er een beetje mee aan de slag, ik gebruik onderstaande code, heb dit zomaar even van portal pagina overgenomen. Er een echt menu van maken wat in de stijl past wil later doen, wil hem eerst op de juiste plek hebben. Maar ik loop ergens tegen aan weet niet of dat aan de positie ligt of aan de code. Rechts uitlijnen lukt wel, maar hoe moet ik hem nu echt naast het forum krijgen zonder dat er er onder of er boven komt?

Zou je optie 2 wat verder kunnen uitleggen? position:absolute. zegt me niet veel.

Ik ben nog maar beetje aan het proberen en leren, dus snap niet alle termen

Bedankt alvast

Code: Selecteer alles

<div class="right">
{$LR_BLOCK_H_L}<!-- IF $S_BLOCK_ICON --><img src="{T_THEME_PATH}/images/portal/portal_menu.png" width="16" height="16" alt="" />&nbsp;<!-- ENDIF -->{L_M_MENU}{$LR_BLOCK_H_R}
	<div class="portal-navigation">
		<div class="menutitle">{L_M_CONTENT}</div>
			<ul>
				<li><a href="{U_INDEX}">{L_INDEX}</a></li>
				<!-- IF S_DISPLAY_SEARCH -->
					<li><a href="{U_SEARCH}">{L_SEARCH}</a></li>
				<!-- ENDIF -->
				<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED -->
					<li><a href="{U_REGISTER}">{L_REGISTER}</a></li>
				<!-- ENDIF -->
				<!-- IF not S_IS_BOT and S_DISPLAY_MEMBERLIST -->
					<li><a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a></li>
				<!-- ENDIF -->
				<!-- IF U_TEAM -->
					<li><a href="{U_TEAM}">{L_THE_TEAM}</a></li>
				<!-- ENDIF -->
			</ul>
		<hr class="dashed" />
		<div class="menutitle">{L_M_HELP}</div>
			<ul>
				<li><a href="{U_FAQ}">{L_FAQ}</a></li>
				<li><a href="{U_M_BBCODE}">{L_M_BBCODE}</a></li>
				<li><a href="{U_M_TERMS}">{L_M_TERMS}</a></li>
				<li><a href="{U_M_PRV}">{L_M_PRV}</a></li>
			</ul>
	</div>
{$LR_BLOCK_F_L}{$LR_BLOCK_F_R}

[Ger]

Het totale blok heet <div class="right">. Die moet je vervolgens CSS eigenschappen geven. Tevens moet er in de parent-div (degene waar je het in zet) ruimte zijn.

Als ik het goed begrijp, wil je het menu in het witte gedeelte plaatsen. Klopt? Dan gaan we toch even uit van overall_header.html, en je voegt jouw code toe onder de regel <div id="page-body">.
Vervolgens ga je met de stylesheet aan de slag. Je zoekt daar naar #page-body. Daar staat waarschijnlijk een bepaalde width aangegeven. Die is nu passend, maar je hebt er wat extra ruimte nodig voor het menu. Maak de width zoveel groter als jij nodig acht. Waarschijnlijk moet je hier even spelen met wat mooi uitkomt.
Nu is het tijd om de CSS eigenschappen voor je menu te geven. Je voegt dan het volgende toe aan je stylesheet:

Code: Selecteer alles

.right {
      float: left;
      width: 100px;
}

Waarbij je de width dan verandert in hetgeen jou goed uitkomt.

[David]

Met stylesheet? bedoel je dan common.css?

Daar vind ik dit:

Code: Selecteer alles

#page-body {
	margin: 4px 0;
	clear: both;
}

Ik heb het naar 8 toen naar 16 zelf naar 32 gewijzigd maar zie dan helemaal niks gebeuren. Vernieuw steeds de map en leeg steeds de buffer

Twijfel een beetje of ik dan wel goed zit!

[Ger]

Met stylesheet? bedoel je dan common.css?

Dat is wel de meest waarschijnlijke, maar het kan ook bijvoorbeeld content.css, colours.css of tweaks.css zijn. Niet alle stijlauteurs zijn even netjes in het op de juiste plaats parkeren van de stijldefinities.

Daar vind ik dit:

Code: Selecteer alles

#page-body {
	margin: 4px 0;
	clear: both;
}

dat is 'm dan dus niet. Ik zit net nog even te kijken, het kan ook de dit #wrap zijn die je moet hebben.