Prosilver Theme: Header-Grafik ohne Rand möglich?

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Antworten
aquadraht
Mitglied
Beiträge: 85
Registriert: 17.12.2008 21:32
Wohnort: Hamburg

Prosilver Theme: Header-Grafik ohne Rand möglich?

Beitrag von aquadraht »

N'Abend zusammen,

ich würde mein phpBB-Forum nach einem Jahr Laufzeit doch gern ein wenig individualisieren. :roll:

Neben einer Änderung der Rahmenfarbe würde ich sehr gern eine (andere) Header-Grafik einbauen (dazu gibt es ja hier schon Threads --> SITE_LOGO_IMG), diese soll sich allerdings über die Gesamtbreite des Forums (welches ich noch auf eine bestimmte Breite einschränken möchte) erstrecken, höher sein, als der derzeitige header und - jetzt kommt der eigentliche Punkt - ohne Rahmen dargestellt werden ... wie ist das möglich?

Einen Blick in die overall_header.html habe schon einmal geworfen ... die classes "corners-top" und "corners-bottom" werden durch welche.css geregelt? ... wie erreiche ich es, dass die für den Header bzw. die Umrandung der Header-Grafik nicht gelten ... ?

Gruß+Dank

aqua-draht
phpBB deutsch 3.0.7-PL1 - Style: prosilver special edition
MODS: NV_who_was_here | NV Gallery 1.0.5 | Impressum 0.1.8 | Did-You-Know 1.3.2 | NV Recent Topics 1.0.5
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5018
Registriert: 08.06.2009 12:03

Re: Prosilver Theme: Header-Grafik ohne Rand möglich?

Beitrag von Talk19zehn »

Hello aquadraht,

ich gehe davon aus, dass du dein Konstrukt zuvor gesichert hast. Sodann könntest du das Folgende versuchen:

overall_header.html ändere "div class headerbar" auf:

Code: Alles auswählen

<div class="headerbar">
		<div class="inner"><span class="corners-top"><span></span></span>
		<h1>{SITENAME}</h1>
		<div id="site-description">
		<p>{SITE_DESCRIPTION}</p>
		</div>
		<span class="corners-bottom"><span></span></span></div>
</div>
Füge davor dein Logo ein:

Code: Alles auswählen

<div style="text-align:center; margin-bottom:6px;"><a href="{U_INDEX}" title="{L_INDEX}"><img src="./styles/prosilver/theme/images/karoblues.png" alt="Logo" width="507" height="118" /></a><p class="skiplink"><a href="#start_here">{L_SKIP}</a></p></div>
--> width und height geben zusätzlich die Größe des Bildes an. Achte bitte auf die korrekte Pfadverknüpfung, da dieser aus meinem Beispiel nicht mit deinem Pfad übereinstimmen muss. Ferner sollte m.E an kleinere Auflösungen gedacht werden, um möglichst ein Scrollen nach rechts oder extrem in die untere Richtung zu vermeiden.

Grüße
Adventereigniskalender für phpBB 3.3.x,
Meine persönliche Meinung im Jahr 2024: Im Zenit seiner Popularität wirkt KI zunächst wie eine Blaupause und lässt sich aufgrund der Vielschichtigkeit nicht auf eine einzige Botschaft reduzieren. Präteritum, Perfekt, Präsens, Futur & Plusquamperfekt werden nicht fehlerfrei genutzt, gar missverstanden.
aquadraht
Mitglied
Beiträge: 85
Registriert: 17.12.2008 21:32
Wohnort: Hamburg

Re: Prosilver Theme: Header-Grafik ohne Rand möglich?

Beitrag von aquadraht »

Hallo Talk19zehn,

danke für Deinen Vorschlag - ich werde ihn ausprobieren ... allerdings kam mir (erst jetzt) die Idee, wohl besser zuerst einmal die Breite des Forums und ggf. die Farbe anzupassen ... alternativ bin ich beim Durchsuchen dieses Forum auch noch auf den Style prosilver special edition gestoßen ...

Freundliche Grüße
aqua-draht
phpBB deutsch 3.0.7-PL1 - Style: prosilver special edition
MODS: NV_who_was_here | NV Gallery 1.0.5 | Impressum 0.1.8 | Did-You-Know 1.3.2 | NV Recent Topics 1.0.5
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“