Hestia: Zweite Navigationsleiste - wie ?

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.
))HELICOP((
Mitglied
Beiträge: 101
Registriert: 13.07.2004 05:13

Beitrag von ))HELICOP(( »

Hi Markus,

hmm, jetzt sieht das so aus:

SCREENSHOT

MfG

))HELICOP((
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag von Markus67 »

Hi ....

ohmann .... konzentrieren ... sorry ... :oops:

suche:

Code: Alles auswählen

      <!-- END switch_user_logged_in --> 
      <td width="10" align="right" background="{T_TEMPLATE_PATH}/images/top_bg2.gif"><img src="{T_TEMPLATE_PATH}/images/top_right.gif" width="10" height="32" border="0" alt="" /></td>    
   </tr>

Das erste was du eingefügt hast mit dem hier ersetzen

Code: Alles auswählen

</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%" background="{T_TEMPLATE_PATH}/images/top_bg1.gif">
Markus
))HELICOP((
Mitglied
Beiträge: 101
Registriert: 13.07.2004 05:13

Beitrag von ))HELICOP(( »

Hi,

na das sieht doch schon viel besser aus ! :grin: :grin:

SCREENSHOT

Jetzt sollte in der zweiten Navileiste noch der erste blaue Punkt weg, und die zwei vorher angesprochenen Probleme gefixt werden.

Du machst hier echt eine super Arbeit. Tausend Dank !

))HELICOP((
))HELICOP((
Mitglied
Beiträge: 101
Registriert: 13.07.2004 05:13

Beitrag von ))HELICOP(( »

Hi Markus,

hast Du schon' ne Idee, wie man den blauen Strich und den grauen Balken rechts wegbekommt *neugierig bin* :grin: ?

Liebe Grüße

))HELICOP((
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag von Markus67 »

Hi ....

hier ist der neue Background ... top_bg3.gif
[ externes Bild ]
Das Hintergrundbild kommt in den Ordner
templates/Hestia/images/

Im neu eingesetzten Block ersetzt du jetzt ...

Code: Alles auswählen

background="{T_TEMPLATE_PATH}/images/top_bg2.gif
mit

Code: Alles auswählen

background="{T_TEMPLATE_PATH}/images/top_bg3.gif
Suche im neu eingesetzten Block:

Code: Alles auswählen

images/top_left.gif"
ersetzen mit:

Code: Alles auswählen

images/top_left2.gif"
hier die Grafik dazu: top_left2.gif ebenfalls wieder in den gleichen Ordner hochladen wie die andere Grafik.
[ externes Bild ]

Mal schauen was dann noch fehlt. :wink:

Noch ein Tipp bevor du jetzt alle möglichen Buttons unten einbaust.
Für nicht eingeloggte User könntest du nachher theoretisch die komplette Zeile ausblenden ... wenn gewünscht :wink:

Markus
))HELICOP((
Mitglied
Beiträge: 101
Registriert: 13.07.2004 05:13

Beitrag von ))HELICOP(( »

Hi Markus,

hmm, jetzt sieht das ganze so aus:

SCREENSHOT

Liebe Grüße

))HELICOP((
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag von Markus67 »

Hi ...

verlinke nochmal bitte die neue overall_header.tpl wie sie bis jetzt aussieht ..
Wo kommt denn der rote Strich her .. oder ist das vom "jpg" ?

Markus
))HELICOP((
Mitglied
Beiträge: 101
Registriert: 13.07.2004 05:13

Beitrag von ))HELICOP(( »

Hi Markus67,

der rote Strich kommt vom JPEG, also keine Bange. :)

Die neue Overall-Header, wie sie auf dem letzten Screenshot zu sehen ist, gibt's HIER.

MfG

))HELICOP((
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag von Markus67 »

Hi ...

suche (der neue Block)

Code: Alles auswählen

<table border="0" cellspacing="0" cellpadding="0" width="100%" background="{T_TEMPLATE_PATH}/images/top_bg1.gif">

<tr> 
<td width="10"><img src="{T_TEMPLATE_PATH}/images/top_left2.gif" width="10" height="32" border="0" alt="" /></td> 
<td>&nbsp;</td> 
<td><img src="{T_TEMPLATE_PATH}/images/top_dot.gif" width="8" height="32" border="0" alt=""/><a title="{L_MEMBERLIST}" href="{U_MEMBERLIST}" onmouseover="changeImages('btn_top_users', '{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_users_on.gif'); return true;" onmouseout="changeImages('btn_top_users', '{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_users.gif'); return true;"><img name="btn_top_users" src="{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_users.gif" height="32" border="0" alt="{L_MEMBERLIST}" /></a></td>
<td><img src="{T_TEMPLATE_PATH}/images/top_dot.gif" width="8" height="32" border="0" alt="" /></td> 
<td><img src="{T_TEMPLATE_PATH}/images/top_dot.gif" width="8" height="32" border="0" alt="" /></td> 
<td><img src="{T_TEMPLATE_PATH}/images/top_dot.gif" width="8" height="32" border="0" alt="" /></td> 
<td><img src="{T_TEMPLATE_PATH}/images/top_dot.gif" width="8" height="32" border="0" alt="" /></td> 
<td><img src="{T_TEMPLATE_PATH}/images/top_dot.gif" width="8" height="32" border="0" alt="" /></td> 
<td><img src="{T_TEMPLATE_PATH}/images/top_dot.gif" width="8" height="32" border="0" alt="" /></td> 
<td><img src="{T_TEMPLATE_PATH}/images/top_dot.gif" width="8" height="32" border="0" alt="" /></td> 
<td><img src="{T_TEMPLATE_PATH}/images/top_dot.gif" width="8" height="32" border="0" alt="" /></td> 
<td><img src="{T_TEMPLATE_PATH}/images/top_dot.gif" width="8" height="32" border="0" alt="" /></td> 
<td><img src="{T_TEMPLATE_PATH}/images/top_dot.gif" width="8" height="32" border="0" alt="" /></td> 
<td width="100%"><img src="{T_TEMPLATE_PATH}/images/spacer.gif" width="10" height="32" border="0" alt="" /></td> 
<td width="10" background="{T_TEMPLATE_PATH}/images/top_bg3.gif">&nbsp;</td> 
<td background="{T_TEMPLATE_PATH}/images/top_bg3.gif" align="center" valign="middle">&nbsp;</td> 
<td width="10" background="{T_TEMPLATE_PATH}/images/top_bg3.gif"><img src="{T_TEMPLATE_PATH}/images/spacer.gif" width="10" height="32" border="0" alt="" /></td> 
<td background="{T_TEMPLATE_PATH}/images/top_bg3.gif" align="center" valign="middle">&nbsp;</td> 
<td width="10" background="{T_TEMPLATE_PATH}/images/top_bg3.gif"><img src="{T_TEMPLATE_PATH}/images/spacer.gif" width="10" height="32" border="0" alt="" /></td> 
<td background="{T_TEMPLATE_PATH}/images/top_bg3.gif" align="center" valign="middle">&nbsp;</td> 
<td width="10" background="{T_TEMPLATE_PATH}/images/top_bg3.gif"><img src="{T_TEMPLATE_PATH}/images/spacer.gif" width="10" height="32" border="0" alt="" /></td> 
<td background="{T_TEMPLATE_PATH}/images/top_bg3.gif" align="center" valign="middle">&nbsp;</td> 
<td width="10" align="right" background="{T_TEMPLATE_PATH}/images/top_bg3.gif"><img src="{T_TEMPLATE_PATH}/images/top_right.gif" width="10" height="32" border="0" alt="" /></td> 
</tr>
ersetze mit:

Code: Alles auswählen

<table border="0" cellspacing="0" cellpadding="0" width="100%" background="{T_TEMPLATE_PATH}/images/top_bg3.gif">

<tr> 
<td width="10"><img src="{T_TEMPLATE_PATH}/images/top_left2.gif" width="10" height="32" border="0" alt="" /></td> 
<td><a title="{L_MEMBERLIST}" href="{U_MEMBERLIST}" onmouseover="changeImages('btn_top_users', '{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_users_on.gif'); return true;" onmouseout="changeImages('btn_top_users', '{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_users.gif'); return true;"><img name="btn_top_users" src="{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_users.gif" height="32" border="0" alt="{L_MEMBERLIST}" /></a></td>
<td><img src="{T_TEMPLATE_PATH}/images/top_dot.gif" width="8" height="32" border="0" alt="" /></td> 
<td><img src="{T_TEMPLATE_PATH}/images/top_dot.gif" width="8" height="32" border="0" alt="" /></td> 
<td><img src="{T_TEMPLATE_PATH}/images/top_dot.gif" width="8" height="32" border="0" alt="" /></td> 
<td><img src="{T_TEMPLATE_PATH}/images/top_dot.gif" width="8" height="32" border="0" alt="" /></td> 
<td><img src="{T_TEMPLATE_PATH}/images/top_dot.gif" width="8" height="32" border="0" alt="" /></td> 
<td><img src="{T_TEMPLATE_PATH}/images/top_dot.gif" width="8" height="32" border="0" alt="" /></td> 
<td><img src="{T_TEMPLATE_PATH}/images/top_dot.gif" width="8" height="32" border="0" alt="" /></td> 
<td><img src="{T_TEMPLATE_PATH}/images/top_dot.gif" width="8" height="32" border="0" alt="" /></td> 
<td><img src="{T_TEMPLATE_PATH}/images/top_dot.gif" width="8" height="32" border="0" alt="" /></td> 
<td><img src="{T_TEMPLATE_PATH}/images/top_dot.gif" width="8" height="32" border="0" alt="" /></td> 
<td width="100%"><img src="{T_TEMPLATE_PATH}/images/spacer.gif" width="10" height="32" border="0" alt="" /></td> 
<td width="10" background="{T_TEMPLATE_PATH}/images/top_bg3.gif">&nbsp;</td> 
<td background="{T_TEMPLATE_PATH}/images/top_bg3.gif" align="center" valign="middle">&nbsp;</td> 
<td width="10" background="{T_TEMPLATE_PATH}/images/top_bg3.gif"><img src="{T_TEMPLATE_PATH}/images/spacer.gif" width="10" height="32" border="0" alt="" /></td> 
<td background="{T_TEMPLATE_PATH}/images/top_bg3.gif" align="center" valign="middle">&nbsp;</td> 
<td width="10" background="{T_TEMPLATE_PATH}/images/top_bg3.gif"><img src="{T_TEMPLATE_PATH}/images/spacer.gif" width="10" height="32" border="0" alt="" /></td> 
<td background="{T_TEMPLATE_PATH}/images/top_bg3.gif" align="center" valign="middle">&nbsp;</td> 
<td width="10" background="{T_TEMPLATE_PATH}/images/top_bg3.gif"><img src="{T_TEMPLATE_PATH}/images/spacer.gif" width="10" height="32" border="0" alt="" /></td> 
<td background="{T_TEMPLATE_PATH}/images/top_bg3.gif" align="center" valign="middle">&nbsp;</td> 
<td width="10" align="right" background="{T_TEMPLATE_PATH}/images/top_bg3.gif"><img src="{T_TEMPLATE_PATH}/images/top_right.gif" width="10" height="32" border="0" alt="" /></td> 
</tr>
Markus
))HELICOP((
Mitglied
Beiträge: 101
Registriert: 13.07.2004 05:13

Beitrag von ))HELICOP(( »

Hi Markus,

na das sieht ja schon richtig gut aus. :grin:

SCREENSHOT

Rechts ist jetzt noch etwas vom blauen Balken zu sehen, ansonsten passt das soweit.

Ganz edel wär's natürlich, wenn man die zweite Navleiste nur für eingeloggte User sichtbar machen könnte.

Liebe Grüße

))HELICOP((
Antworten

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