Headergrafik hinter Suche legen

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
DerTheo
Mitglied
Beiträge: 253
Registriert: 08.07.2011 14:41

Headergrafik hinter Suche legen

Beitrag von DerTheo »

Meine Headergrafik ist recht "lang" und dadurch verschiebt sich meine Suchbox bei kleinerer Auflösung.

Deshalb dachte ich mir, dass ich die headergrafik in der overall_header.html so bearbeite, das sie hinter der Suchbox liegt.

Ich habe den z-index verändert, es zeigt aber keine Wirkung:

Code: Alles auswählen

<div id="wrap">
	<a id="top" name="top" accesskey="t"></a>
	<div id="page-header">
		<div class="headerbar">
			<div class="inner"><span class="corners-top"><span></span></span>
			<div style="height: 123px;">
			<table id="site-description" style="width:auto;"><tr>
								<a href="{U_INDEX}" id="logo"><img src="tes.png"></a>
         <!--   <p style="font-size:12px!important;">{SITE_DESCRIPTION}</p></div> -->
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p></td>
			</tr></table>

		<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box" style="z-index:5;">
				<form action="{U_SEARCH}" method="post" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
					<input class="button2" value="{L_SEARCH}" type="submit" /><br />
					<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</div>
		<!-- ENDIF -->
        </div>

			<span class="corners-bottom"><span></span></span></div>
		</div>
Style: Lucid Lime
Phpbb 3.0.8
Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 12122
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: Headergrafik hinter Suche legen

Beitrag von Crizzo »

Hi,

z-index wirkt nur auf positionierte Elemente. Siehe: http://www.thestyleworks.de/ref/position.shtml und http://www.thestyleworks.de/ref/z-index.shtml

Grüße
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5035
Registriert: 08.06.2009 12:03

Re: Suche, Searchbox verlegen

Beitrag von Talk19zehn »

Hi DerTheo, in deiner Signatur wird auf ein "älteres Style" gelinkt ( phpBB-3.08? ), welches mir keine Vorschau liefert. Laut phpBB.com existiert Lucid Lime based on Prosilver in einer phpBB-Version 3.0.11.
Insofern kann jenes Konstrukt hilfreich, eine Orientierung für dich sein: Searchbox verlegen ( Prosilver )
Sicherung deiner Verzeichnisse bitte zuvor nicht vergessen.
Weitergehende Style spezifische Anpassungen, wie bspw. die Linkfarbe, bitte selbst vornehmen, da ich nicht beurteilen kann, woher die Tabellentechnik in deinem Falle stammt bzw. welches CSS tatsächlich zum Einsatz kommt ( phpBB-3.08? ). Link zu deiner Seite fehlt leider. :wink:

LG
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.
DerTheo
Mitglied
Beiträge: 253
Registriert: 08.07.2011 14:41

Re: Headergrafik hinter Suche legen

Beitrag von DerTheo »

Hab das Problem jetzt gelöst, ich hab der Headergrafik einfach einen anderen Z-index verpasst :)

Danke für eure Antworten :)
Style: Lucid Lime
Phpbb 3.0.8
Antworten

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