SoftBlue oberes Suchfeld

[Bengel1968]

Hallo zusammen.

Ich habe mir das Style "SoftBlue" in mein neues phpBB installiert.
Gefällt mir soweit gut und ich konnte auch keine Fehler finden, also gut gemacht

Ich möchte gerne das obere Suchfeld, was über der Headergrafik oben rechts sitzt direkt in die Grafik rechts verschieben, so wie es bei Standart des prosilver ist.
Ich habs schon versucht und auch die suche benutzt, natürlich, aber das bringt mir irgendwie alles nicht den gewünschten Erfolg.

Also, zwei Fragen die ich habe.

Wie bekomme ich das Suchfeld rechts in die Headergrafik ?
Und wie kann ich die Höhe der Headergrafik anpassen ?

http://netztreff2all.de

Danke für Eure Hilfe.

Gruß
Bengel

[Joyce&Luna]

Hallo

Ich benutze nicht den Standard Header von Prosilver, weil dort kein Logo responsiv angezeigt wird.
Daher kann das Suchfeld nicht mehr dort platziert werden, weil es hinter dem Logo verschwinden würde.
Anbieten kann ich dir das Suchfeld in der Navbar oder unter der Navbar.

Möchtest du die Headergrafik bündig mit der Navbar haben oder wie hast du dir das vorgestellt?
Da ich gleich weg muss, kann ich dir erst heute Nacht die passende Lösung schreiben.

Joyce&Luna

[Bengel1968]

Hallo

Ah ok, verstehe.
dann wäre es schön wenn es ganz rechts in der Navbar seinen Platz finden würde.
Die Headergrafik habe ich ja schon ausgetauscht, scheint auch soweit richtig zu sein, nur kann ich es dann wohl nicht so lassen, der unterschiedlichen Anzeigen ... oder ?

Gruß

Bengel

[Joyce&Luna]

Hallo, ist ein bisschen spät geworden
Wenn du deine Headergrafik an die Navbar anlegen möchtest.
Dann öffne styles => Soft-Blue => theme => softblue.css

Suche und ersetze es hiermit

Code: Alles auswählen

.logo-image-wrapper {
    margin: 0 auto -14px -0.4%;
    width: 100.9%;
    display: block;
    position: relative;
}

Searchbox in die Navbar verlegen.
Öffne styles => Soft-Blue => themplate => overall_header.html

Suche und schneide es aus.

Code: Alles auswählen

			<!-- EVENT overall_header_searchbox_before -->
			<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box" class="search-box search-header" role="search">
				<form action="{U_SEARCH}" method="get" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="search" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search tiny" size="20" value="{SEARCH_WORDS}" placeholder="{L_SEARCH_MINI}" />
					<button class="button button-search" type="submit" title="{L_SEARCH}">
						<i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH}</span>
					</button>
					<a href="{U_SEARCH}" class="button button-search-end" title="{L_SEARCH_ADV}">
						<i class="icon fa-cog fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH_ADV}</span>
					</a>
					{S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</div>
			<!-- ENDIF -->
			<!-- EVENT overall_header_searchbox_after -->

Suche

Code: Alles auswählen

<div class="bluewrap">
		<h5>{SITE_DESCRIPTION}</h5>

Füge darüber den Code wieder ein.

Dann öffne in theme die forms.css
Suche und er setze mit diesem

Code: Alles auswählen

.search-header {
    border-radius: 4px;
    display: block;
    float: right;
    margin-right: 5px;
    margin-top: -23px;
}

Anke

[Bengel1968]

Hallo Anke,

vielen Dank, hat alles soweit geklappt.
Ich habe allerdings die Searchbox wieder zurück gesetzt, das sah in der Navbar irgendwie komisch aus.

Danke für die tolle Anleitung, wir lesen uns bestimmt bald wieder

Gruß
Andreas

[Joyce&Luna]

Okay, melde dich wenn du Hilfe brauchst

Anke