[3.2] prosilver: Header Bild/Logo statt Text

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.1/3.2, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Antworten
Velo
Mitglied
Beiträge: 2
Registriert: 21.11.2019 22:21

[3.2] prosilver: Header Bild/Logo statt Text

Beitrag von Velo » 21.11.2019 23:07

Ich passe mir momentan das prosilver Design an und würde gern wissen, wie ich 1. den Text im Header entferne (Forenname und Beschreibung) und 2. wie ich das Logo dann auf der ganzen Länge erstrecken kann. Die Suche oben würde ich somit auch gern raus haben. Hab grad schon lange rumgesucht und bin irgendwie zu blind dafür.
Zuletzt geändert von vfrblue am 21.11.2019 23:37, insgesamt 1-mal geändert.
Grund: Thema und Beitrag angepasst: Silverpro geändert in prosilver (Style "Silverpro" nicht bekannt)

Verschoben von Support-Forum nach Styles, Templates und Grafiken am 21.11.2019 23:35 durch vfrblue

Benutzeravatar
vfrblue
Supporter
Supporter
Beiträge: 1662
Registriert: 22.11.2016 18:46
Wohnort: Niedersachsen-West
Kontaktdaten:

Re: [3.2] prosilver: Header Bild/Logo statt Text

Beitrag von vfrblue » 21.11.2019 23:43

Vielleicht hilft dir diese Erweiterung weiter: viewtopic.php?f=149&t=239316
Gruß Hermann

phpBB-Styles, Skins, Themes by VT-Theme
Forum VFR-OC

Benutzeravatar
Tastenplayer
Mitglied
Beiträge: 1548
Registriert: 02.07.2010 19:35
Wohnort: Zuchwil/SO - Schweiz
Kontaktdaten:

Re: [3.2] prosilver: Header Bild/Logo statt Text

Beitrag von Tastenplayer » 23.11.2019 22:18

Erstelle ein header.png (Prosilver 1150px) und füge es in Deinem Stylename-images Ordner ein.

Suche in der overall_header.html <div id="wrap" class="wrap">

Ersetze ab da den ganzen Code mit diesem

Code: Alles auswählen

<div id="wrap" class="wrap">
	<a id="top" class="top-anchor" accesskey="t"></a>
	<div id="page-header">
		<div class="headerbar" role="banner">
		<!-- EVENT overall_header_headerbar_before -->
			<div class="inner">
				<a href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->">
				<img src="{T_THEME_PATH}/images/header.png" class="logo-image-wrapper" alt="" /></a>
			</div>
		</div>
		<!-- EVENT overall_header_headerbar_after -->
	</div>
		<!-- EVENT overall_header_navbar_before -->
		<!-- INCLUDE navbar_header.html -->


	<!-- EVENT overall_header_page_body_before -->

	<a id="start_here" class="anchor"></a>
	<div id="page-body" class="page-body" role="main">
		<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
		<div id="information" class="rules">
			<div class="inner">
				<strong>{L_INFORMATION}{L_COLON}</strong> {L_BOARD_DISABLED}
			</div>
		</div>
		<!-- ENDIF -->

		<!-- EVENT overall_header_content_before -->
Füge in Deiner Style.css diesen Code ein (Background-color passend zu Deinem Logo)

Code: Alles auswählen

.logo-image-wrapper {
	width: 100%;
	position: relative;
	display: block;
	margin: 0 auto;
	background-color: #E0E0E0;
}
Dann musst Du noch die Headerbar passend umfärben (prosilver color.css 92, aber pass auf dieser Code ist mit dem forumbg zusammen)

Code: Alles auswählen

.headerbar {
    background-color: #E0E0E0;
    background-image: none;
    filter: none;
}
Vergiss nicht das bg_header.gif im images Ordner passend umzufärben (für den IE9 Browser)

Resultat
https://abload.de/img/logobrkd8.jpg
My phpBB Style Board & More3.3.0-b2 StyleTBChristmas calendar
Be the best version of yourself rather than a bad copy of someone else!

Antworten

Zurück zu „Styles, Templates und Grafiken“