3.2.0 Style Prosilver ändern

[Ginnymax]

Google Übersetzer sagt mir, das es nicht auf 3.2 läuft

[waldkatze]

Google Übersetzer sagt mir, das es nicht auf 3.2 läuft

Stimmt, aber man könnte diese Extension etwas an die Wünsche anpassen.

[Kirk]

Diese von mir verlinkte Extension funktioniert unter 3.2.0 schon, man muss nur eine Datei bearbeiten.
Öffne: root/ext/hifikabin/navbarsearch/styles/prosilver/template/event/overall_header_breadcrumbs_after.html
Ersetze den gesamten Code hiermit:

Code: Alles auswählen

<!-- IF S_DISPLAY_SEARCH -->
               <div id="n-search-box" class="search-box rightside responsive-hide">
				<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 -->

Was die Grafik angeht, finde in der colours.css deines Styles das hier .site_logo { trage dort background-repeat: no-repeat; ein.

Edit:
Eine aktuelle Version für 3.2.0 bekommt man hier.

[Ginnymax]

Vielen Dank
Das mit der Grafik hat perfekt geklappt.
Das mit Code heb ich mir für später auf.
LG Ginnymax

[Ginnymax]

Hallo

Eine aktuelle Version für 3.2.0 bekommt man hier.

Vielen Dank
Wo genau packe ich die Datei dann hin ? Irgendwas ist falsch.
Die extrahierte Datei heißt bei mir auch nicht Hifikabin sondern Hiikabin. Ist das von Bedeutung ?

[Kirk]

Mach doch dafür bitte hier ein neues Thema auf, denn dies hat nicht mit Styles zu tun.

[Ginnymax]

Hallo
Ich hab mit dem Outfit meines Testforums noch ein kleines optisches Problem.
Unterhalb des Header-Banners zieht sich ein heller Streifen bis rechts an den Rand. Ich hab gesucht und versucht, die background-color anzupassen, aber ich hab die richtige Stelle noch nicht gefunden.
Könnt ihr mir sagen, wo ich die Farbe(n) anpassen muß, das zumindest ganz rechts kein Streifen mehr zu sehen ist ? Unterhalb des Banners stört er nicht.
hier der Link zum Forum

[Dr.Death]

Hi,

deine Angaben für die Hintergrundgrafik sind zu groß:

Sollte besser so aussehen:

Code: Alles auswählen

.site_logo {
     float: center;
     display: inline-block;
     width: 1195px;
     height: 135px;
} 

Aber, btw, was machst du wenn die User den Browser nur auf eine Größe von ca 800 Pixeln Breite aufziehen?
Dann sieht dein Logo leider abgeschnitten aus.... besser wäre es auf zu große Hintergrund Grafiken / Logos zu verzichten, oder sie komplett dynamisch anzubieten....

[Ginnymax]

Hi,

deine Angaben für die Hintergrundgrafik sind zu groß:

Sollte besser so aussehen:

Code: Alles auswählen

.site_logo {
     float: center;
     display: inline-block;
     width: 1195px;
     height: 135px;
} 

Danke, das hat den Streifen beseitigt

Aber, btw, was machst du wenn die User den Browser nur auf eine Größe von ca 800 Pixeln Breite aufziehen?
Dann sieht dein Logo leider abgeschnitten aus.... besser wäre es auf zu große Hintergrund Grafiken / Logos zu verzichten, oder sie komplett dynamisch anzubieten....

Das große Logo ist eher ne Notlösung. Ich würde das schon gerne kleiner machen, aber ich habe keine (einfache) Möglichkeit gefunden das zu zentrieren. Der ganze Header könnte kleiner sein .... wenn ich wüßte, wo ich das ändern kann.
Wie könnte ich das dynamisch anbieten ? Keine Ahnung wie man das macht

[Ginnymax]

Ich möchte nochmal höflich um Hilfe bitten.
Ich hab jetzt ein kleineres Logo / Banner. Allerdings ist es nun wieder links.
Wie mache ich das, das es zentriert ist und auch bei kleinerer Ansicht nicht abgeschnitten wird?
Link zum Forum