Seite 1 von 2
[Gelöst] Suchleiste (search-box) verschieben (prosilver)
Verfasst: 16.12.2010 14:03
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/
Re: Suchleiste (search-box) verschieben
Verfasst: 16.12.2010 14:38
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“
Re: Suchleiste (search-box) verschieben
Verfasst: 16.12.2010 14:46
von niwes
hallo
danke jetzt habe ich einen Ansatz
an der index_body hatte ich mich bislang noch nicht versucht
Re: Suchleiste (search-box) verschieben
Verfasst: 16.12.2010 14:59
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
Re: Suchleiste (search-box) verschieben
Verfasst: 16.12.2010 15:02
von redbull254
Code: Alles auswählen
<div style="text-align: center; ">
=====Code=====
</div>
Re: Suchleiste (search-box) verschieben
Verfasst: 16.12.2010 15:21
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 -->
<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 ]"
Re: Suchleiste (search-box) verschieben
Verfasst: 16.12.2010 15:27
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 */
}
Lesen und tüfteln musst Du jetzt alleine.
Re: Suchleiste (search-box) verschieben
Verfasst: 16.12.2010 15:47
von niwes
redbull254 hat geschrieben:Lesen und tüfteln musst Du jetzt alleine.
zum Glück kann ich das
danke für die Hilfe
Resultat
http://board.reservoirdogs.biz
Re: [Gelöst] Suchleiste (search-box) verschieben (prosilver)
Verfasst: 16.12.2010 16:32
von redbull254
Na siehste, sieht doch wie auch dem Bild aus.
„Hilfe zur Selbsthilfe“
Re: [Gelöst] Suchleiste (search-box) verschieben (prosilver)
Verfasst: 16.12.2010 18:07
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
