[3.2] prosilver: Header Bild/Logo statt Text

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.3, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich sowie 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 »

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

vfrblue
Ehemaliges Teammitglied
Beiträge: 2008
Registriert: 22.11.2016 18:46

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

Beitrag von vfrblue »

Vielleicht hilft dir diese Erweiterung weiter: viewtopic.php?f=149&t=239316
Benutzeravatar
Tastenplayer
Mitglied
Beiträge: 2069
Registriert: 02.07.2010 19:35
Wohnort: Zuchwil/SO - Schweiz
Kontaktdaten:

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

Beitrag von Tastenplayer »

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
Meine phpBB Styles & More
Be the best version of yourself rather than a bad copy of someone else!
Antworten

Zurück zu „Styles, Templates und Grafiken“