Obere Navigation ändern

Alles zu Styles, Templates, Icons und Smilies für phpBB 2.0, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
phpBB 2.0 hat das Ende seiner Lebenszeit überschritten
phpBB 2.0 wird nicht mehr aktiv unterstützt. Insbesondere werden - auch bei Sicherheitslücken - keine Patches mehr bereitgestellt. Der Einsatz von phpBB 2.0 erfolgt daher auf eigene Gefahr. Wir empfehlen einen Umstieg auf phpBB 3.0, welches aktiv weiterentwickelt wird und für welches regelmäßig Updates zur Verfügung gestellt werden.
Antworten
iceyboy
Mitglied
Beiträge: 38
Registriert: 17.01.2006 11:46

Obere Navigation ändern

Beitrag von iceyboy »

Hi
Ich möchte die obere Nav-leiste etwas ändern und zwar so dass sie weiter oben steht und auf einem roten hintergrundbild liegt so ähnlich wie auf meiner website....

website: www.4-mynd.de
forum: www.4-mynd.de/forum

kann mir jmd helfen hab mich schon zu tode gesucht aber nix gefunden..

danke schonmal für die hilfe
Nach oben
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:
Kontaktdaten von Markus67

Beitrag von Markus67 »

Hi ...

hast du die gelben Buttons und den rot/weißen Hintergrund schon fertig?

Markus
Nach oben
iceyboy
Mitglied
Beiträge: 38
Registriert: 17.01.2006 11:46

Beitrag von iceyboy »

theoretisch ja muss nur im template von meiner website des zeugs raussuchen
Nach oben
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:
Kontaktdaten von Markus67

Beitrag von Markus67 »

Hi ...

Dann wäre der nächste Schritt der Einbau der gelben Buttons in die bisherige overall_header.tpl. Bekommst du das alleine hin? :wink:

Markus
Nach oben
iceyboy
Mitglied
Beiträge: 38
Registriert: 17.01.2006 11:46

Beitrag von iceyboy »

ne genau deshalb frag ich ja nach... auch des mit der roten leiste...
keine ahnung wie ich das da rein schreiben muss....
Nach oben
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:
Kontaktdaten von Markus67

Beitrag von Markus67 »

Hi ...

Dann mach mal die ganzen Buttons fertig und poste dann hier wie die heissen und in welchen Ordner du die hochgeladen hast.

Markus
Nach oben
iceyboy
Mitglied
Beiträge: 38
Registriert: 17.01.2006 11:46

Beitrag von iceyboy »

also hab nachgeschaut den roten balken hab ich als jpg datei aber die "buttons" sind wohl in html geschrieben und da ich noch anfänger bin brauch ich leider hilfe....
Nach oben
iceyboy
Mitglied
Beiträge: 38
Registriert: 17.01.2006 11:46

Beitrag von iceyboy »

können wir des nicht auch mit html machen irgendwie mit tabellen oder so?? k.a.
Nach oben
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:
Kontaktdaten von Markus67

Beitrag von Markus67 »

Hi ....

Erstelle eine Sicherungskopie von der bisherigen overall_header.tpl.

Danach öffnest du die "normale" overall_header.tpl

suche:

Code: Alles auswählen

<a name="top"></a>
alles was danach kommt mit dem hier ersetzen:

Code: Alles auswählen

<table width="760" cellspacing="0" cellpadding="0" border="0" align="center"> 
	<tr> 
		<td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
			<tr> 
		

				<td align="center" width="100%" valign="middle"><a href="http://www.4-mynd.de" target="_blank"><img src="templates/subSilver/images/logo.jpg" border="0" alt="4-MYND" vspace="1" /></a>

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  	<tr>
  		<td align="center" height="28" background="templates/subSilver/images/bg_nav.gif">
    		<table border="0" cellpadding="0" cellspacing="0">
      			<tr>
        			<td width="10"><img src="templates/subSilver/images/pixel.gif" width="10" height="1"></td>
					<td align="center" bgcolor="#FEFD93" style="border:1px solid #000000;">
						&nbsp;&nbsp;<A HREF="{U_FAQ}" class="mainmenuetop">{L_FAQ}</A>&nbsp;&nbsp;</td>
        			<td width="10"><img src="templates/subSilver/images/pixel.gif" width="10" height="1"></td>
        			<td align="center" bgcolor="#FEFD93" style="border:1px solid #000000;">
						&nbsp;&nbsp;<A HREF="{U_SEARCH}" class="mainmenuetop">{L_SEARCH}</A>&nbsp;&nbsp;</td>
        			<td width="10"><img src="templates/subSilver/images/pixel.gif" width="10" height="1"></td>
        			<td align="center" bgcolor="#FEFD93" style="border:1px solid #000000;">
						&nbsp;&nbsp;<A HREF="{U_MEMBERLIST}" class="mainmenuetop">{L_MEMBERLIST}</A>&nbsp;&nbsp;</td>
        			<td width="10"><img src="templates/subSilver/images/pixel.gif" width="10" height="1"></td>
        			<td align="center" bgcolor="#FEFD93" style="border:1px solid #000000;">
						&nbsp;&nbsp;<A HREF="{U_GROUP_CP}" class="mainmenuetop">{L_USERGROUPS}</A>&nbsp;&nbsp;</td>
        			<td width="10"><img src="templates/subSilver/images/pixel.gif" width="10" height="1"></td>
        			<td align="center" bgcolor="#FEFD93" style="border:1px solid #000000;">
						&nbsp;&nbsp;<A HREF="{U_PROFILE}" class="mainmenuetop">{L_PROFILE}</A>&nbsp;&nbsp;</td>
					<!-- BEGIN switch_user_logged_in -->
        			<td width="10"><img src="templates/subSilver/images/pixel.gif" width="10" height="1"></td>
        			<td align="center" bgcolor="#FEFD93" style="border:1px solid #000000;">
						&nbsp;&nbsp;<A HREF="{U_PRIVATEMSGS}" class="mainmenuetop">{PRIVATE_MESSAGE_INFO}</A>&nbsp;&nbsp;</td>
					<!-- END switch_user_logged_in -->
					<!-- BEGIN switch_user_logged_out -->
        			<td width="10"><img src="templates/subSilver/images/pixel.gif" width="10" height="1"></td>
        			<td align="center" bgcolor="#FEFD93" style="border:1px solid #000000;">
						&nbsp;&nbsp;<A HREF="{U_REGISTER}" class="mainmenuetop">{L_REGISTER}</A>&nbsp;&nbsp;</td>
					<!-- END switch_user_logged_out -->
        			<td width="10"><img src="templates/subSilver/images/pixel.gif" width="10" height="1"></td>
        			<td align="center" bgcolor="#FEFD93" style="border:1px solid #000000;">
						&nbsp;&nbsp;<A HREF="{U_LOGIN_LOGOUT}" class="mainmenuetop">{L_LOGIN_LOGOUT}</A>&nbsp;&nbsp;</td>
        			<td width="10"><img src="templates/subSilver/images/pixel.gif" width="10" height="1"></td>
      			</tr>
    		</table> 
    	</td>
  	</tr>
</table>

				</td>
			</tr>
		</table>

		<br />


Die beiden Grafiken ...
- bg_nav.gif
- pixel.gif
müssen zusätzlich noch in den Ordner templates/subSilver/images/

Mal schauen wie das bis hierhin aussieht ... eventuell muss noch was in die CSS-Datei.

Markus
Nach oben
Benutzeravatar
miccom
Mitglied
Beiträge: 5620
Registriert: 30.03.2003 23:53
Wohnort: Hamburg
Kontaktdaten:
Kontaktdaten von miccom

Beitrag von miccom »

/e mist, markus war schneller und besser :D

wieso entnimmst du den rot/weissen balken samt boxen nicht einfach aus deiner homepage und baust sie mit den foren links in die overall_header.tpl wieder ein?

die nav ist ja sehr schön aufgebaut:

das ist der anfang der zelle mit dem rot/weissen hintergrund (das height würde ich entfernen):

Code: Alles auswählen

<table width="760" height="90%" border="0" align="center" cellpadding="0" cellspacing="0">
	<tr>
		<td height="28" colspan="5" background="media/bg_nav.gif">
hier die ganzen boxen, hier baust du die links deines overall_headers ein:

Code: Alles auswählen

<table border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="22"><img src="media/pixel.gif" width="22" height="8"></td>
		<td align="center" bgcolor="#FEFD93" style="border:1px solid #000000;">&nbsp;&nbsp;<A HREF="0,1-0-0-1.0.html" class="mainmenuetop">startseite</A>&nbsp;&nbsp;</td>
        <td width="10"><img src="media/pixel.gif" width="10" height="1"></td>
        <td align="center" bgcolor="#FEFD93" style="border:1px solid #000000;">&nbsp;&nbsp;<A HREF="0,1-0-0-2.0.html" class="mainmenuetop">news</A>&nbsp;&nbsp;</td>
        <td width="10"><img src="media/pixel.gif" width="10" height="1"></td>
        <td align="center" bgcolor="#FEFD93" style="border:1px solid #000000;">&nbsp;&nbsp;<A HREF="0,1-0-0-43.0.html" class="mainmenuetop">anmeldung</A>&nbsp;&nbsp;</td>

        <td width="10"><img src="media/pixel.gif" width="10" height="1"></td>
        <td align="center" bgcolor="#FEFD93" style="border:1px solid #000000;">&nbsp;&nbsp;<A HREF="0,1-0-0-8.0.html" class="mainmenuetop">downloads</A>&nbsp;&nbsp;</td>
        <td width="10"><img src="media/pixel.gif" width="10" height="1"></td>
        <td align="center" bgcolor="#FEFD93" style="border:1px solid #000000;">&nbsp;&nbsp;<A HREF="0,1-0-0-19.0.html" class="mainmenuetop">location</A>&nbsp;&nbsp;</td>
        <td width="10"><img src="media/pixel.gif" width="10" height="1"></td>
        <td align="center" bgcolor="#FEFD93" style="border:1px solid #000000;">&nbsp;&nbsp;<A HREF="0,1-0-0-25.0.html" class="mainmenuetop">eckdaten</A>&nbsp;&nbsp;</td>
        <td width="10"><img src="media/pixel.gif" width="10" height="1"></td>
        <td align="center" bgcolor="#FEFD93" style="border:1px solid #000000;">&nbsp;&nbsp;<A HREF="0,1-0-0-42.0.html" class="mainmenuetop">zeitungsberichte</A>&nbsp;&nbsp;</td>
        <td width="10"><img src="media/pixel.gif" width="10" height="1"></td>
        <td align="center" bgcolor="#FEFD93" style="border:1px solid #000000;">&nbsp;&nbsp;<A HREF="0,1-0-0-66.0.html" class="mainmenuetop">forum</A>&nbsp;&nbsp;</td>
        <td width="10"><img src="media/pixel.gif" width="10" height="1"></td>
      </tr>
</table
das schliesst die zelle mit dem hintergrund wieder:

Code: Alles auswählen

		</td>
	</tr>
</table>
Nach oben
Antworten

Zurück zu „phpBB 2.0: Styles, Templates und Grafiken“