Seite 1 von 4
Obere Navigation ändern
Verfasst: 17.01.2006 11:49
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
Verfasst: 17.01.2006 12:07
von Markus67
Hi ...
hast du die gelben Buttons und den rot/weißen Hintergrund schon fertig?
Markus
Verfasst: 17.01.2006 13:17
von iceyboy
theoretisch ja muss nur im template von meiner website des zeugs raussuchen
Verfasst: 17.01.2006 13:24
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?
Markus
Verfasst: 17.01.2006 13:27
von iceyboy
ne genau deshalb frag ich ja nach... auch des mit der roten leiste...
keine ahnung wie ich das da rein schreiben muss....
Verfasst: 17.01.2006 13:35
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
Verfasst: 17.01.2006 13:35
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....
Verfasst: 17.01.2006 13:51
von iceyboy
können wir des nicht auch mit html machen irgendwie mit tabellen oder so?? k.a.
Verfasst: 17.01.2006 14:01
von Markus67
Hi ....
Erstelle eine Sicherungskopie von der bisherigen overall_header.tpl.
Danach öffnest du die "normale" overall_header.tpl
suche:
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;">
<A HREF="{U_FAQ}" class="mainmenuetop">{L_FAQ}</A> </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;">
<A HREF="{U_SEARCH}" class="mainmenuetop">{L_SEARCH}</A> </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;">
<A HREF="{U_MEMBERLIST}" class="mainmenuetop">{L_MEMBERLIST}</A> </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;">
<A HREF="{U_GROUP_CP}" class="mainmenuetop">{L_USERGROUPS}</A> </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;">
<A HREF="{U_PROFILE}" class="mainmenuetop">{L_PROFILE}</A> </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;">
<A HREF="{U_PRIVATEMSGS}" class="mainmenuetop">{PRIVATE_MESSAGE_INFO}</A> </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;">
<A HREF="{U_REGISTER}" class="mainmenuetop">{L_REGISTER}</A> </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;">
<A HREF="{U_LOGIN_LOGOUT}" class="mainmenuetop">{L_LOGIN_LOGOUT}</A> </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
Verfasst: 17.01.2006 14:03
von miccom
/e mist, markus war schneller und besser
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;"> <A HREF="0,1-0-0-1.0.html" class="mainmenuetop">startseite</A> </td>
<td width="10"><img src="media/pixel.gif" width="10" height="1"></td>
<td align="center" bgcolor="#FEFD93" style="border:1px solid #000000;"> <A HREF="0,1-0-0-2.0.html" class="mainmenuetop">news</A> </td>
<td width="10"><img src="media/pixel.gif" width="10" height="1"></td>
<td align="center" bgcolor="#FEFD93" style="border:1px solid #000000;"> <A HREF="0,1-0-0-43.0.html" class="mainmenuetop">anmeldung</A> </td>
<td width="10"><img src="media/pixel.gif" width="10" height="1"></td>
<td align="center" bgcolor="#FEFD93" style="border:1px solid #000000;"> <A HREF="0,1-0-0-8.0.html" class="mainmenuetop">downloads</A> </td>
<td width="10"><img src="media/pixel.gif" width="10" height="1"></td>
<td align="center" bgcolor="#FEFD93" style="border:1px solid #000000;"> <A HREF="0,1-0-0-19.0.html" class="mainmenuetop">location</A> </td>
<td width="10"><img src="media/pixel.gif" width="10" height="1"></td>
<td align="center" bgcolor="#FEFD93" style="border:1px solid #000000;"> <A HREF="0,1-0-0-25.0.html" class="mainmenuetop">eckdaten</A> </td>
<td width="10"><img src="media/pixel.gif" width="10" height="1"></td>
<td align="center" bgcolor="#FEFD93" style="border:1px solid #000000;"> <A HREF="0,1-0-0-42.0.html" class="mainmenuetop">zeitungsberichte</A> </td>
<td width="10"><img src="media/pixel.gif" width="10" height="1"></td>
<td align="center" bgcolor="#FEFD93" style="border:1px solid #000000;"> <A HREF="0,1-0-0-66.0.html" class="mainmenuetop">forum</A> </td>
<td width="10"><img src="media/pixel.gif" width="10" height="1"></td>
</tr>
</table
das schliesst die zelle mit dem hintergrund wieder: