"proFormell" Suchleiste Updaten! [erledigt]

[niwes]

Hi niwes, was heißt denn "schmaler"? Was stört dich tatsächlich? Ich habe ja so einen Verdacht.....

hallo .. so das oben und unten (da wo die suche durchsichtig ist)
ca 10 - 12 Pixel weniger oben und unten zu sehen ist von dem durchsichtigen grau

und somit sich die suche insgesammt ca 20 pixel nach oben verschiebt
[ externes Bild ]

[Talk19zehn]

Das dachte ich mir fast. Das ist aber nicht "schmaler". Du möchtest die Höhe ändern.

suche #search-box

Code: Alles auswählen

#search-box {
   color: #FFFFFF;
   position: relative;
   margin-top: -5px;
   margin-right: -5px;
   display: block;
   float: right;
   text-align: right;
   white-space: nowrap; /* For Opera */
   border-bottom-left-radius: 10px;
   border-top-right-radius: 5px;
   padding: 15px 5px;
}

ändere hierin das padding - ungefähr -

Code: Alles auswählen

8px 1px 1px 5px

teste erneut.


Edit:

Oder verlege zusätzlich den Link der erweiterten Suche.
overalll_header.html
suche:

Code: Alles auswählen

<ul class="linklist rightside">

füge danach ein

Code: Alles auswählen

<!-- IF S_DISPLAY_SEARCH --><li class="icon-search"><a href="{U_SEARCH}" title="{L_SEARCH}">{L_SEARCH}</a></li><!-- ENDIF -->

und richte die Zeile konform aus. Oder lege den Link an eine andere gewünschte Stelle.

Ist dies die Entscheidung - sodann suche: nur Firebug entnommen! Die Codierung sieht bei dir anders aus!!

Code: Alles auswählen

	<fieldset>
		<input type="text" onblur="if(this.value=='')this.value='Suche…';" onclick="if(this.value=='Suche…')this.value='';" value="Suche…" class="inputbox search" title="Suche nach Wörtern" maxlength="128" id="keywords" name="keywords"> 
		<input type="submit" value="Suche" class="button2"><br />
		<a title="Zeigt die erweiterten Suchoptionen an" href="http://www.raccoongaming.de/search.php">Erweiterte Suche</a> 
	</fieldset>

lösche hierin:

Code: Alles auswählen

<br />
		<a title="Zeigt die erweiterten Suchoptionen an" href="http://www.raccoongaming.de/search.php">Erweiterte Suche</a>

Richte entsprechend die o.g. Paddingwerte erneut aus:
ungefähr... 10px 1px 1px 5px
teste erneut, richte aus.




Edit - BTW.:
Zum obigen Vorschlag von Kirk nur ergänzend: baue dann eher zurück und bedenke weniger als 50px für das Suchfeld gehen kaum....
Ich denke jedoch auch, dass du dir dein Forum ( Banner ) nicht in kleineren Auflösungen angeschaut hast. In meinen Tests endet das Logo u.U. rechts beim Großbuchstaben G ... 1024er-Breite

LG

[niwes]

Das dachte ich mir fast. Das ist aber nicht "schmaler". Du möchtest die Höhe ändern.

suche #search-box

ändere hierin das padding

Code: Alles auswählen

8px 1px 1px 5px

das was bei mir dort steht ist

Code: Alles auswählen

#search-box {
   color: #FFFFFF;
   background: none no-repeat scroll 0 0 rgba(194, 194, 194, 0.7);
   box-shadow: -2px 4px 3px 0 rgba(2, 2, 2, 0.7);
}

und eigentlich sollte die suche trotzdem oben rechts an dem bild anliegen
so wie jetzt blos halt 20pixel (weniger) von dem grauen zu sehen in der höhe

[Talk19zehn]

Das

Code: Alles auswählen

#search-box {
   color: #FFFFFF;
   background: none no-repeat scroll 0 0 rgba(194, 194, 194, 0.7);
   box-shadow: -2px 4px 3px 0 rgba(2, 2, 2, 0.7);
}

regelt nur den Schaten der Box und die Transparents der Farbe sowie die Schriftfarbe. Am Schatten -2, 4, 3 kannst du ggf. auch je 1px einsparen oder das box-shadow löschen. Teste es einfach.

Du musst dich um das Padding kümmern.... --> siehe vorherigen Beitrag oben.

Du schaffst das bestimmt.

LG

[niwes]

Sooodele erst einmal dankeeee für den guten Support hier
______________

Das einzige was machen könntest zb. diesen Background entfernen

Habe mich aber letzt endlich dafür entschieden ,da der IE sowieso keine Box rund um die suche angezeigt hat...
habe ich sie nun ganz entfernt und der Style gefällt mir auch besser so ...

Nun stimmt wenigstens mit dieser Lösung IE, Firefox, und Chrome überein

[Talk19zehn]

Hello, das

Code: Alles auswählen

 border-bottom-left-radius: 10px;
    border-top-right-radius: 5px;

macht in Folge sodann keinen Sinn.
Ich schrieb aus jenem Grunde, ---> "baue zurück"...

Demnach nutzt du nun wieder -beinahe- die Version, die auf der phBB-Version 3.0.10 für das Style basierte.

Da dies

Das einzige was machen könntest zb. diesen Background entfernen

nicht das Einzigste ist, was im Rückbau berücksichtigungsfähig ist / sein sollte, um Fehlerquellen auszuschließen.



Viel Glück!!!