Seite 1 von 2
Wie Header ändern?
Verfasst: 06.08.2011 14:55
von Sabine
Hallo,
ich habe diesen Style
http://demo.phpbb3styles.net/MG+Autumn und versuche nun, ihn anzupassen. Leider habe ich so gut wie keine Programmierkenntnisse
Ich habe jetzt zumindest gefunden, wo ich die Höhe der Headergrafik ändern kann - die Breite finde ich nicht. Dann hab ich die Logografik links aus dem Verzeichnis gelöscht - jetzt zeigt er noch den Rahmen dafür an. Wo bekomme ich das weg? Und ich würde gerne den Seitentitel nicht anzeigen, da ich den in die Grafik integriert habe.
Hier der derzeitige Stand der Dinge:
http://www.forum.bindung.org/ . Meine Headergrafik hat derzeit die Größe 210x770. Ich würde sie im Prinzip gerne so breit haben, wie der Rahmen um die Foren. Nur, wie breit der ist, finde ich auch nicht, bzw. irgendwo muss es eine Eingabe geben, die macht, dass die Headergrafik in einer bestimmten Größe angezeigt wird bzw. wenn sie klein ist, wiederholt wird.
Kann mir jemand helfen?
Re: Wie Header ändern?
Verfasst: 06.08.2011 15:23
von eichjoernchen
Sabine hat geschrieben:Hallo,
ich habe diesen Style
http://demo.phpbb3styles.net/MG+Autumn und versuche nun, ihn anzupassen. Leider habe ich so gut wie keine Programmierkenntnisse
Ich habe jetzt zumindest gefunden, wo ich die Höhe der Headergrafik ändern kann - die Breite finde ich nicht. Dann hab ich die Logografik links aus dem Verzeichnis gelöscht - jetzt zeigt er noch den Rahmen dafür an. Wo bekomme ich das weg? Und ich würde gerne den Seitentitel nicht anzeigen, da ich den in die Grafik integriert habe.
Hallo Sabine!
Diese Änderungen werden in der overall_header.html vorgenommen.
Betrifft folgende Zeilen:
Code: Alles auswählen
<td height="150" align="left" valign="middle"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>
<td align="center" valign="middle"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION}</span></td>
<td align="right" valign="top"> </td>
{SITE_LOGO_IMG} => Das ist die Variable für das Seitenlogo
{SITENAME} => Seitenname
{SITE_DESCRIPTION} => Seitenbeschreibung
Um den Seitentitel und die Seitenbeschreibung zu entfernernen lösche die Zeile:
Code: Alles auswählen
<td align="center" valign="middle"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION}</span></td>
Hier der derzeitige Stand der Dinge:
http://www.forum.bindung.org/ . Meine Headergrafik hat derzeit die Größe 210x770. Ich würde sie im Prinzip gerne so breit haben, wie der Rahmen um die Foren. Nur, wie breit der ist, finde ich auch nicht, bzw. irgendwo muss es eine Eingabe geben, die macht, dass die Headergrafik in einer bestimmten Größe angezeigt wird bzw. wenn sie klein ist, wiederholt wird.
Das sehe ich mir als nächstes an.
Gruß Jörn
Re: Wie Header ändern?
Verfasst: 06.08.2011 15:33
von eichjoernchen
Hallo Sabine!
Nun zum Logo:
In der Datei "/mg_autumn/theme/stylesheet.css" findest Du folgenden Eintrag:
Code: Alles auswählen
#top_logo{
border: 10px solid #FFFFFF;
/*border-width: 0px 0px 0px 0px;*/
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url('./images/top_header.png') repeat;
height: 150px;
}
Da hier keine Breite angegeben ist, musst Du die selbst hinzufügen. Ansonsten wiederholt sich das Hintergrundbild.
Das Layout richtet sich nach der jeweiligen Bildschirmgröße des Users. Deshalb wurde die Breite in Prozent angegeben.
Also "width:100%" Du musst nun die Breite und Höhe für dein Bild festlegen und verhindern, dass das Bild wiederholt wird.
Der Befehl für die Breite lautet:
width:"
Breite in Pixeln"
Diesen Befehl vor die schließenden Klammer "}" einfügen.
Dann ersetze das "repeat" in der Zeile "Background:" mit dem Befehl: "no-repeat"
Gruß Jörn
Nachtrag:
Entschuldige, manchmal bin ich zu schnell 
Du brauchst den width-Befehl nicht. Es reicht das no-repeat.
Die Grafikgröße wird ja aus den Grafikabmessungen übernommen. Man muss ja nur die Bildwiederholung verhindern.
Hier also noch mal der komplette CSS-Eintrag:
Code: Alles auswählen
#top_logo{
/* border: 10px solid #FFFFFF; */
/*border-width: 0px 0px 0px 0px;*/
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url('./images/top_header.png') no-repeat;
height: 150px;
}
[/b]
Den Rand habe ich wegbekommen in dem ich die "border"-Funktion auskommentiert habe (/* Kommentar */)
Re: Wie Header ändern?
Verfasst: 06.08.2011 17:17
von Sabine
Lieber Jörn,
ganz herzlichen Dank
Hat alles prima geklappt!!!
Re: Wie Header ändern?
Verfasst: 06.08.2011 17:22
von eichjoernchen
Hallo Sabine!
Gern geschehen.
Habe mir gleich mal das Ergebnis angesehen. Sieht gut aus. Den weißen Rand hast ja nun doch gelassen. Finde ich auch schöner
Gruß Jörn
Re: Wie Header ändern?
Verfasst: 06.08.2011 19:58
von Sabine
Hallo Jörn,
ja, mir gefällts auch besser
Grade ist noch was aufgetaucht: Weißt Du, wo und wie ich ganz oben, da wo "Registrieren-Anmelden-Forum-etc." steht, also direkt unter der Grafik eine Link zur HP reinsetzen kann? Ich hatte dafür bei einem anderen Style schon mal hier Hilfe gesucht und den Tipp bekommen, eine Zeile die U_INDEX enthält mit einer genannten Zeile, die den Link zur HP enthielt, zu ersetzen - aber so eine Zeile finde ich in dieser Headerdatei jetzt gar nicht ...?
Re: Wie Header ändern?
Verfasst: 06.08.2011 22:04
von eichjoernchen
Es ist jetzt 22:40 Uhr!
Ich habe das Template mal auf meinem Probeserver hochgeladen und noch einen Fehler in meinem Code gefunden. Wenn Du bisher noch nichts geändert hast, kannst Du den Code so wie er jetzt da steht übernehmen. Ansonsten musst du den vorher eingegeben Code mit dem Untenstehenden ersetzen. Sorry!
Hallo Sabine!
Du konntest die Zeile nicht finden, da sie sich in einer anderen Datei verbirgt.
In der "overall_header.html"-Datei steht folgende Zeile:
Diese Zeile sagt dir, dass eine Datei eingebunden wird mit dem Namen: "menu_block.html"
Der Befehl "INCLUDE" zeigt dir immer das eine Datei eingebunden wird und wo sie sich befindet.
Öffne nun die Datei: "menu_block.html". Du findest sie im selben Ordner wie die Datei "overall_header.html" im Template-Ordner.
Suche folgende Zeilen:
Code: Alles auswählen
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="forum-buttons" colspan="3" width="100%">
Füge danach folgendes ein:
Code: Alles auswählen
<a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <img src="{T_THEME_PATH}/images/menu_sep.png" alt="" />
Wenn ich keinen Flüchtigkeitsfehler gemacht habe, dürfte das so funktionieren. Ansonsten melde dich noch einmal.
Gruß Jörn
Re: Wie Header ändern?
Verfasst: 07.08.2011 08:38
von Sabine
Guten Morgen Jörn,
ich hatte mich missverständlich ausgedrückt - aber ich hab trotzdem hinbekommen, was ich meinte, weil ich ja die Anleitung zum anderen Style noch hatte. Allerdings kann ich das "Foren-Übersicht" jetzt nicht mehr löschen ....? Cache leeren habe ich schon versucht.
Und wie bekomme ich die Ahornblätter vor die Menüpunkte?
PS: Ist das Fettgedruckte in Deinem Beitrag an mich gerichtet? Ich verstehs grade nicht ...
Re: Wie Header ändern?
Verfasst: 07.08.2011 10:45
von winnetou
Sabine hat geschrieben:
Und wie bekomme ich die Ahornblätter vor die Menüpunkte?
Guten Morgen,
das kommt zwischen den Menüpunkten:
Code: Alles auswählen
<img src="{T_THEME_PATH}/images/menu_sep.png" alt="" />
Gruss
Jürgen
Re: Wie Header ändern?
Verfasst: 07.08.2011 11:04
von Sabine
Hallo Jürgen,
dankeschön
@Jörn
Ich habs hinbekommen - mit Versuch und Irrtum, einer war der richtige