Seite 1 von 1

Forenheader ändern!?

Verfasst: 19.11.2010 10:40
von GoUnix
Forum: http://www.wod-events.de

Hallo Ihr lieben,
eventuell kann mir ja mal jemand von euch weiterhelfen. Es geht darum das ich gerne den Header als Grafik hätte
und nicht wie es aktuell ist wo php3 ect steht. Denke grade der Header sollte ein Forum aufwerten, da man sonst
ja nur beschränkte möglichkeiten hat. Daher ist meine Frage, wie kann ich den Header ändern und welche Maße
sowie Format darf er haben? Wäre super wenn mir das jemand erklären kann, habe auch bereits die SuFu benutzt
allerdings waren es soviele Treffer das ich nun nach 2h lesen aufgegeben habe.

Liebe Grüße
Mira

Re: Forenheader ändern!?

Verfasst: 20.11.2010 12:34
von Charlie_M
Das sollte dir weiterhelfen: Grafik im Header ändern bei phpBB3.0

Code: Alles auswählen

{SITE_DESCRIPTION}
ist also der Forum-Text im Header, der im ACP angegeben werden kann. Wennst den nicht mehr willst einfach entfernen.

Re: Forenheader ändern!?

Verfasst: 20.11.2010 14:47
von redbull254
Hallo erstmal,
GoUnix hat geschrieben: Denke grade der Header sollte ein Forum aufwerten, da man sonst
ja nur beschränkte möglichkeiten hat.
Ein schönes Bild macht noch kein gutes Forum. ;-)
Aber ansprechend sollte es schon sein, stimmt.
Die Möglichkeiten ein Forum „aufzuwerten“ (mal abgesehen von guten Inhalt) sind unendlich und werden nur von dem Können und der Fantasie des Gestalters begrenzt.
GoUnix hat geschrieben:Daher ist meine Frage, wie kann ich den Header ändern und welche Maße
sowie Format darf er haben? Wäre super wenn mir das jemand erklären kann, habe auch bereits die SuFu benutzt
allerdings waren es soviele Treffer das ich nun nach 2h lesen aufgegeben habe.
Du hast also 2 Stunden gelesen und so viele Informationen bekommen, die Du dann nicht verstanden hast? :-?

Vielleicht beschreibst Du einmal, wo es genau im Verständnis klemmt. :)

Ohne minimales HTML-und CSS Verständnis wird es schwer werden ein Forum nach eigenen Wünschen zu gestalten.

Re: Forenheader ändern!? Ein Logo zentriert einbauen

Verfasst: 20.11.2010 18:20
von Talk19zehn
Hello GoUnix, aller Anfang ist schwer.
Bevor Du etwas änderst, sichere die jeweiligen Templates oder den entsprechenden Bereich des Theme und mache Dich mit den Gegenheiten der Aktualisierung nach Änderungen vertraut ( sofern noch nicht geschehen ).

Sofern ein eigenes Logo separat oberhalb des Forums eingebunden werden soll, ist meines Erachtens ein Breite von rd. 490px und eine Höhe von rd. 100px ausreichend bemessen ( beachte kleinere Auflösungen ).

Reine Beispiele für Prosilver ( Standard, wie in Deinem Falle ):
Ein Logo ( ohne Nutzung der Klasse Headerbar ) oberhalb des Forums zentrieren

Beispiel: Suche in der Overall_header.html

Code: Alles auswählen

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}"> 


Füge danach ein:

Code: Alles auswählen

<div style="text-align:center;"><a href="{U_INDEX}" title="{L_INDEX}"><img src="PfadzumBild/NamedesLogos.jpg" alt="" border="0" width="490px" height="100px"></a></div> 
<br /> 


Eine Idee: Danach füge bspw. ein:

Code: Alles auswählen

<div class="headerbar">
<div class="inner"><span class="corners-top"><span></span></span>
<p>&nbsp;</p>
<span class="corners-bottom"><span></span></span></div>
</div>
<br />

... um ggf. einen grafischen Anschluss ( rein visuell ) an das Forum zu erhalten. Dafür nutze evtl. die Klasse Headerbar für ein Konstrukt einer Linie ( gerundete Ecken ).

Oder: Nutze den Absatz "p" zusätzlich, um einen Text auszugeben

Code: Alles auswählen

<div class="headerbar">
<div class="inner"><span class="corners-top"><span></span></span>
<p style="text-align:center;">Unser Forum für .....</p>
<span class="corners-bottom"><span></span></span></div>
</div>
Den Absatz kannst Du selbstverständlich zusätzlich formatieren ( Schritfarbe oder oder .. )

Da Du demnach den ursprünglichen Headerbereich ( Headerbar ) nicht nutzen möchtest, kommentiere ihn aus: Dies bedeutet, dass diese Inhalte nicht angezeigt werden. Für eine spätere Orientierung sind die Angaben ggf. dennoch nützlich.... :wink:

Suche in der Overall_header.html

Code: Alles auswählen

<div class="headerbar">
<div class="inner"><span class="corners-top"><span></span></span>
<div id="site-description">
<a href="{U_INDEX}" title="{L_INDEX}"></a>
<p>{SITE_DESCRIPTION}</p>
<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
</div>
...(...)...
und kommentiere diesen Teil aus:

Code: Alles auswählen


<!--

<div id="site-description">
<a href="{U_INDEX}" title="{L_INDEX}"></a>
<p>{SITE_DESCRIPTION}</p>
<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
</div>

//-->

[/code>

Anmerkung:
<!-- Der Bereich ist auskommentiert  //--> 

Und wie bereits erwähnt, sind Gestaltungen derart vielfältig, dass es schwer sein wird, Vorschläge zu unterbreiten. Die Entscheidung der Gestaltung liegt allein bei Dir und es wird eine gewisse Grundsubstanz in Sachen CSS und HTML nötig sein, so dass ich nur erste Designanregungen weitergeben kann.

Viel Glück