Seite 1 von 1

[3.2] prosilver: Header Bild/Logo statt Text

Verfasst: 21.11.2019 23:07
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.

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

Verfasst: 21.11.2019 23:43
von vfrblue
Vielleicht hilft dir diese Erweiterung weiter: viewtopic.php?f=149&t=239316

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

Verfasst: 23.11.2019 22:18
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