[Gelöst] Suchleiste (search-box) verschieben (prosilver)

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.
Benutzeravatar
niwes
Mitglied
Beiträge: 266
Registriert: 11.10.2010 14:42
Wohnort: ~~
Kontaktdaten:

[Gelöst] Suchleiste (search-box) verschieben (prosilver)

Beitrag von niwes »

habe schon die suche benützt aber nichts passendes gefunden...
Wie ist es möglich die die Suchleiste zu verschieben ?

ich habe einmal eine Fotomontage gemacht wie ich es am liebsten haben möchte
(oder so wie bei phpbb.de ist es auch ok, habe den Quelltext schon etwas studiert allerdings ohne erfolg)

Original
http://img809.imageshack.us/f/originalf.png/

Zentriert
http://img689.imageshack.us/f/zentriert.png/
Zuletzt geändert von niwes am 16.12.2010 15:58, insgesamt 2-mal geändert.
Gruß niwes
Willst du den Charakter eines Menschen erkennen, so gib ihm Macht!
Abraham Lincoln, 12.02.1809 - 15.04.1865
Benutzeravatar
redbull254
Ehemaliges Teammitglied
Beiträge: 10379
Registriert: 05.01.2006 13:01
Kontaktdaten:

Re: Suchleiste (search-box) verschieben

Beitrag von redbull254 »

Hallo erstmal (so viel Zeit muss sein),

Code aud der overall_header.html entfernen und in die index_body.html setzen.

So sieht der Code in einem normalen „prosilver“ Style aus:

Code: Alles auswählen

		<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box">
				<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 -->
Cache leeren „bla bla“
Beste Grüße
Walter
Benutzeravatar
niwes
Mitglied
Beiträge: 266
Registriert: 11.10.2010 14:42
Wohnort: ~~
Kontaktdaten:

Re: Suchleiste (search-box) verschieben

Beitrag von niwes »

hallo :grin:

danke jetzt habe ich einen Ansatz

an der index_body hatte ich mich bislang noch nicht versucht :wink:
Gruß niwes
Willst du den Charakter eines Menschen erkennen, so gib ihm Macht!
Abraham Lincoln, 12.02.1809 - 15.04.1865
Benutzeravatar
niwes
Mitglied
Beiträge: 266
Registriert: 11.10.2010 14:42
Wohnort: ~~
Kontaktdaten:

Re: Suchleiste (search-box) verschieben

Beitrag von niwes »

also nach einem Test bleibe ich doch bei der overall_header

allerdings wie bekomme ich diesen Code mittig

Code: Alles auswählen

	<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box">
				<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" />
					<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>				
			</div>
		<!-- ENDIF -->
hat jemand eine idee
Gruß niwes
Willst du den Charakter eines Menschen erkennen, so gib ihm Macht!
Abraham Lincoln, 12.02.1809 - 15.04.1865
Benutzeravatar
redbull254
Ehemaliges Teammitglied
Beiträge: 10379
Registriert: 05.01.2006 13:01
Kontaktdaten:

Re: Suchleiste (search-box) verschieben

Beitrag von redbull254 »

Code: Alles auswählen

<div style="text-align: center; ">

=====Code=====

</div>


Beste Grüße
Walter
Benutzeravatar
niwes
Mitglied
Beiträge: 266
Registriert: 11.10.2010 14:42
Wohnort: ~~
Kontaktdaten:

Re: Suchleiste (search-box) verschieben

Beitrag von niwes »

danke erst einmal für die Antwort aber das hatte ich auch schon versucht

so und einmal noch vor dem

Code: Alles auswählen

<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->

Code: Alles auswählen

			<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
	    	<div style="text-align: center; ">		
			<div id="search-box">
				<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" />
					<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>				
			</div>
		<!-- ENDIF -->
alerdings verschiebt das nur das hier in die Mitte
  • "Aktuelle Zeit: 16. Dez 2010, 14:18
    [ Moderations-Bereich ]"
Gruß niwes
Willst du den Charakter eines Menschen erkennen, so gib ihm Macht!
Abraham Lincoln, 12.02.1809 - 15.04.1865
Benutzeravatar
redbull254
Ehemaliges Teammitglied
Beiträge: 10379
Registriert: 05.01.2006 13:01
Kontaktdaten:

Re: Suchleiste (search-box) verschieben

Beitrag von redbull254 »

Oh Mann *mich an den Kopf klopf*

Regel es über die CSS:
common.css

Code: Alles auswählen

/* Search box
--------------------------------------------- */
#search-box {
	color: #FFFFFF;
	position: relative;
	margin-top: 30px;
	margin-right: 5px;
	display: block;
	float: right;
	text-align: right;
	white-space: nowrap; /* For Opera */
}
http://www.css4you.de/position.html

Lesen und tüfteln musst Du jetzt alleine.
Beste Grüße
Walter
Benutzeravatar
niwes
Mitglied
Beiträge: 266
Registriert: 11.10.2010 14:42
Wohnort: ~~
Kontaktdaten:

Re: Suchleiste (search-box) verschieben

Beitrag von niwes »

redbull254 hat geschrieben:Lesen und tüfteln musst Du jetzt alleine.
zum Glück kann ich das :lol:

danke für die Hilfe :wink:
Resultat http://board.reservoirdogs.biz
Gruß niwes
Willst du den Charakter eines Menschen erkennen, so gib ihm Macht!
Abraham Lincoln, 12.02.1809 - 15.04.1865
Benutzeravatar
redbull254
Ehemaliges Teammitglied
Beiträge: 10379
Registriert: 05.01.2006 13:01
Kontaktdaten:

Re: [Gelöst] Suchleiste (search-box) verschieben (prosilver)

Beitrag von redbull254 »

Na siehste, sieht doch wie auch dem Bild aus. :)

„Hilfe zur Selbsthilfe“ ;-)
Beste Grüße
Walter
Benutzeravatar
niwes
Mitglied
Beiträge: 266
Registriert: 11.10.2010 14:42
Wohnort: ~~
Kontaktdaten:

Re: [Gelöst] Suchleiste (search-box) verschieben (prosilver)

Beitrag von niwes »

okay noch eine Kleinlichkeit die mich stört ...

es ist immer noch der Abstand an der rechten Seite da!
das bedeutet wenn ich jetzt die SITE_DESCRIPTION vermittle ist sie nicht in der mitte :(

habe wie immer schon etwas gesucht aber kann nichts finden
Gruß niwes
Willst du den Charakter eines Menschen erkennen, so gib ihm Macht!
Abraham Lincoln, 12.02.1809 - 15.04.1865
Antworten

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