Achtergrond plaatje achter menu

Bezig met een stijl voor je website? Of voor heel de community? Laat hem ons zien.
Forumregels

Sinds 1 januari 2009 wordt phpBB2 niet meer ondersteund.
Onderstaande informatie is verouderd en dient uitsluitend als archief.
phpBB2.0.x
Gesloten
Gebruikersavatar
GerbenKwakkel
Berichten: 8
Lid geworden op: 15 sep 2006, 19:54
Locatie: Wezep

Achtergrond plaatje achter menu

Bericht door GerbenKwakkel » 15 sep 2006, 20:03

Hallo, de titel zegt het al ik ben al aan het zoeken geweest maar kan er niks over vinden,

ik wil graag achter mijn menu een lange balk hebben..,
maar ik zou me niet weten hoe het moet, ik ben ook al aan het proberen geweest,
maar dan krijg ik alles naast mij logo,
en blijkbaar met terugzetten ik het menu ook er niet meer naast krijg,

dit is de code:

Code: Selecteer alles

<table width="85%" cellspacing="0" cellpadding="10" border="0" align="center"> 
	<tr> 
		<td class="bodyline"><table width="85%" cellspacing="0" cellpadding="0" border="0">
			<tr> 
				<td><a href="{U_INDEX}"><img src="templates/subSilver/images/logo_phpBB.gif" border="0" 

alt="{L_INDEX}" vspace="1" /></a></td>
				<td align="center" width="100%" valign="middle"> 
				<table cellspacing="0" cellpadding="2" border="0">
					<tr> 
						<td align="center" valign="top" nowrap="nowrap">
<span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_faq.gif" 

width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}

</a>&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_search.gif" width="12" 

height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}

</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_members.gif" 

width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}

</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_groups.gif" 

width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}

</a>&nbsp; 
						<!-- BEGIN switch_user_logged_out -->
						&nbsp;<a href="{U_REGISTER}" class="mainmenu"><img 
src="templates/subSilver/images/icon_mini_register.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" 

/>{L_REGISTER}</a>&nbsp;
						<!-- END switch_user_logged_out -->
						</span></td>
					</tr>
					<tr>
						<td height="25" align="center" valign="top" nowrap="nowrap">
<span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img 

src="templates/subSilver/images/icon_mini_profile.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" 

/>{L_PROFILE}

</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_message.gif" 

width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}

</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_login.gif" 

width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span></td>

					</tr>
				</table></td>
			</tr>
		</table>
wie zou mij uit kunnen leggen hoe je dan dus,

ten eerste een achtergrond balkje achter het menu krijgt

en ten tweede het menu onder het logo gecentreerd!

Hartelijk dank

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

Bericht door Luuk » 15 sep 2006, 21:58

Je bent al goed op weg, maar om iets onder elkaar te krijgen moet je een nieuwe rij maken, dus plaats onder dit stuk </tr><tr>

Code: Selecteer alles

      <td class="bodyline"><table width="85%" cellspacing="0" cellpadding="0" border="0">
         <tr>
            <td><a href="{U_INDEX}"><img src="templates/subSilver/images/logo_phpBB.gif" border="0"

alt="{L_INDEX}" vspace="1" /></a></td>
Dan moet je de tabel in dit stuk code nog even aanpassen, zet erin align="center".

Het menu heeft een andere tabel, dat is deze

Code: Selecteer alles

<table cellspacing="0" cellpadding="2" border="0">
Als je daar in zet

Code: Selecteer alles

style="background-image: url('images/background.gif'); background-repeat: repeat;"
Krijg je er een achtergrond plaatje dat herhaald wordt. Voor meer opties van achtergrond plaatjes, zie :arrow: http://www.w3schools.com/css/css_background.asp
Afbeelding

Gebruikersavatar
GerbenKwakkel
Berichten: 8
Lid geworden op: 15 sep 2006, 19:54
Locatie: Wezep

Bericht door GerbenKwakkel » 15 sep 2006, 22:23

Bedankt ik had het al voor elkaar maar nu wil ik dat mijn forum en mijn logo en menu,

in elke resolutie dat die hetzelfde eruit ziet welke code is daarvoor nodig?
Afbeelding

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

Bericht door Luuk » 15 sep 2006, 22:31

Dan moet je de allereerste tabel een vaste waarde geven in plaats van width="100%". Bijvoorbeeld width="790", dan zou je met een resolutie van 600*800 nog net geen scrollbalk krijgen in de breedte.
Afbeelding

Gebruikersavatar
GerbenKwakkel
Berichten: 8
Lid geworden op: 15 sep 2006, 19:54
Locatie: Wezep

Bericht door GerbenKwakkel » 16 sep 2006, 09:04

En weet jij mischien ook hoeveel 85%width hoeveel gewone witdh dat zijn?
Afbeelding

Gebruikersavatar
Paul
Beheerder
Beheerder
Berichten: 20297
Lid geworden op: 23 okt 2003, 11:38
Locatie: Utrecht
Contacteer:

Bericht door Paul » 16 sep 2006, 09:44

Dat ligt aan de resolutie van de gebruiker ;)

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

Bericht door Luuk » 16 sep 2006, 09:50

Als je kijkt met 1024*768 is het ongeveer 1024*0,85 = 870. :wink:
Afbeelding

Gebruikersavatar
GerbenKwakkel
Berichten: 8
Lid geworden op: 15 sep 2006, 19:54
Locatie: Wezep

Bericht door GerbenKwakkel » 17 sep 2006, 07:43

Aaah..., Eindelijk heb ik het voor elkaar,
Het is nu tot een mooi resultaat vind ik,

Alleen wil ik alleen nog weten hoe ik dat ene gedeelte weghaal,
Uit registreren..., van ik ben 13 jaar en ouder en jonger of ik accepteerde voorwaarden niet,
Weten jullie hoe dat kan?
Afbeelding

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

Bericht door Luuk » 18 sep 2006, 18:31

Kijk eens in templates/xxx/agreement.tpl
Je moet dan

Code: Selecteer alles

<br /><br /><a href="{U_AGREE_UNDER13}" class="genmed">{AGREE_UNDER_13}</a><br /><br /><a href="{U_INDEX}" class="genmed">{DO_NOT_AGREE}</a>
weghalen uit dat bestand.
Afbeelding

Gesloten