Such-Funktion verschieben und Board Titel enternen

[cpfan]

Hallo,

ich habe mir den Style proglass installiert. Die Suchfunktion befindet sich auf der rechten Seite des Headers. Ich hätte gerne ein größeres Logo und würde deshalb gerne die Suchfunktion in der Mitte haben. Was muss ich dafür eingeben?

Hier mal ein Ausschnitt aus meiner overall-header.html, ich denke zumindest das ist die Stelle, die geändert werden müsste oder? :

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 -->
	</div>
</div>

Außerdem wüsste ich gerne, ob ich den Board Titel für einzelne Styles entfernen kann oder geht das nur fürs ganze Board? Wenn das nicht geht, kann man den Titel zumindest ein wenig weiter nach rechts rücken, so dass er mit dem Logo an einer Position beginnt?

[JFooty]

Hallo cpfan!

Ich hätte gerne ein größeres Logo und würde deshalb gerne die Suchfunktion in der Mitte haben.

Könntest du bitte etwas genauer erläutern, was du dir vorstellst?

Hier mal ein Ausschnitt aus meiner overall-header.html, ich denke zumindest das ist die Stelle, die geändert werden müsste oder?

Die Position der Suche steuerst du über die css-Dateien (in diesem Fall common.css) an dieser Stelle:

Code: Alles auswählen

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

Außerdem wüsste ich gerne, ob ich den Board Titel für einzelne Styles entfernen kann oder geht das nur fürs ganze Board?

Wenn du den Board-Titel nicht im ACP angibst, wirkt sich das auf das ganze Board aus.
Wenn du das nur in einem bestimmten Style machen möchtest, suche in der overall_header.html nach {SITENAME} und entferne den entsprechenden Codeabschnitt. Bei proglass also das hier:

Code: Alles auswählen

<h1>{SITENAME}</h1>

Wenn das nicht geht, kann man den Titel zumindest ein wenig weiter nach rechts rücken, so dass er mit dem Logo an einer Position beginnt?

Das müsstest du wieder über die common.css steuern:

Code: Alles auswählen

#site-description h1 {
	margin-right: 0;
}

An dieser Stelle kannst du den Board-Titel positionieren.

[cpfan]

Oh Mensch, Danke. Ich hatte die Antwort gar nicht gesehen. Das mit dem Logo hat sich schon erledigt und den Tipp mit der Suche probiere ich direkt morgen aus.

[Günny]

Hallo zusammen,

ich klinke mich hier mal ein, weil ich das Problem mit dem Suchfeld im Header auch habe. Ich hätte das Suchfeld gerne höher und etwas weiter links und die Textfarbe schwarz.
Der Abschnitt in meiner common.css sieht jetzt so aus:

Code: Alles auswählen

/* Search box
--------------------------------------------- */
#search-box {
	color: #000000;
	position: relative;
	margin-top: 10px;
	margin-right: 10px;
	display: block;
	float: right;
	text-align: right;
	white-space: nowrap; /* For Opera */
}
#search-box #keywords {width: 95px;background-color: #FFF}
#search-box input {border: 1px solid #b0b0b0}
/* .button1 style defined later, just a few tweaks for the search button version */
#search-box input.button1 {padding: 1px 5px;}
#search-box li {text-align: right;margin-top: 4px}

#search-box img {vertical-align: middle;margin-right: 3px;}

/* Site description and logo */
#site-description {float: left;width: 70%}
#site-description h1 {margin-right: 0}

Mit phase5 bearbeitet, hochgeladen, Style-Cache geleert, Browser-Cache geleert - es ändert sich leider garnix.

Liebe Grüße

Günny

[Crizzo]

Hast du mal einen Link zu deinem Forum und einen bearbeiteten Screenshot, auf dem man sieht wo die Box hin soll!

[Günny]

Hallo BlackHawk 87,

der Link zum Forum ist in meiner Signatur, ein Bildchen kann ich auf die Schnelle nicht liefern.
Die Suchbox soll einfach etwas höher, damit sie nicht direkt auf dem Text sitzt und etwas nach links, damit sie nicht direkt am Rand pappt.
Alternativ wäre auch das ganze Ding in der ersten Zeile, wo "Foren-Übersicht" steht, gut aufgehoben.

Liebe Grüße

Günny

[Crizzo]

Dann ersetz mal das hier:

Code: Alles auswählen

#search-box {
   color: #000000;
   position: relative;
   margin-top: 10px;
   margin-right: 10px;
   display: block;
   float: right;
   text-align: right;
   white-space: nowrap; /* For Opera */
}

mit dem:

Code: Alles auswählen

#search-box {
    color: #FFFFFF;
    display: block;
    float: right;
    margin-right: 20px;
    margin-top: 10px;
    position: relative;
    text-align: right;
    white-space: nowrap;
}

Damit hab ich das gerade getestet, dann sieht es gut aus. Lösch am besten die alte CSS-Datei und lade dann die neue hoch. Theme aktualisieren, Cache leeren und Hardreload im Browser (Firefox STRG + F5), dann sollte es sichtbar sein.

[Günny]

Hallo BlackHawk87,

yup, so sieht das super aus! Die Schrift ist zwar immer noch weiß aber optisch kommt das besser.

Ganz herzlichen Dank!

Günny

[Crizzo]

Für die Schriftfarbe musst du das hier noch ändern:

Code: Alles auswählen

#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
    color: #FFFFFF;
}

Da würde ich, damit es zu keinen Überschneidungen mit den anderen Links kommt, den Absatz durch diesen ersetzen:

Code: Alles auswählen

.navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
    color: #FFFFFF;
}
#search-box a:link {
    color: #000000;
}