AnfaengerZ hat geschrieben:Ich fürchte ich habe noch nicht verstanden, wie das Banner sonst in den Header kommt!?
Das Einfügen und Formatieren des Banners wird von der Extension vorgenommen
Sie bringt hierfür sowohl angepasste HTML-Files mit als auch ein Stylesheet mit den erforderlichen Regelsätzen.
Wenn Du mal in die
overall_header.html von prosilver gehst, dann findest Du dort in Zeile 113 ein sogenanntes "Event"
An dieser Stelle wird der Inhalt des gleichnamigen Eventfiles der Extension =>
/ext/kirk/site_logo_responsive/styles/prosilver/template/event/overall_header_headerbar_after.html eingeblendet.
In diesem Eventfile befindet sich der komplette Code für einen neuen Header: die Elemente des "alten" Headers werden über das CSS der Extension dann unsichtbar gemacht =>
Code: Alles auswählen
.logo {
display: none;
}
.search-header {
display: none;
}
.site-description {
display: none;
}
In diesem Code wird dann auch der Link zur anzuzeigenden Grafikdatei definiert. Gehe mal in die Datei rein und schaue Dir die Zeile 3 an:
Code: Alles auswählen
<a href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->"><img src="{T_THEME_PATH}/images/site_logo.gif" class="site-logo-responsive" alt=""></a>
Das
<img src="{T_THEME_PATH}/images/site_logo.gif" gibt die Datei und den Pfad zu ihr an, hier noch zur originalen Logo-Grafik von prosilver.
In der angepassten Version, die ich Dir angehängt hatte, ist das
site_logo.gif einfach nur durch den Namen der von Dir vorgesehenen Grafikdatei ersetzt worden =>
<img src="{T_THEME_PATH}/images/back.png".
Nach dieser Änderung wird jetzt Deine eigene Grafik anstelle der ursprünglich dort genannten angezeigt.
Die Formatierungen, die diese Extension verwendet und mit denen sie teilweise diejenigen von prosilver ersetzt oder überschreibt, findest Du in der
/ext/kirk/site_logo_responsive/styles/prosilver/theme/site_logo_responsive_3_2.css
Wie wird dieses Stylesheet bzw. der darin enthaltene Code eingebunden?
Öffne nochmals die
overall_header.html und suche in der Zeile 70 nach folgendem Code:
Dies ist ein Platzhalter. Alle Stylesheets, die von Extensions mitgebracht werden und eingebunden werden müssen, werden an dieser Stelle eingefügt und von Dort importiert.
Das bedeutet dann, weil dieser Code erst nach der Stelle kommt, an der die
stylesheet.css aufgerufen wird, dass die Stylesheets (= das CSS) von Extensions erst nach dem Abarbeiten aller Stylesheets des Styles selbst zum Tragen kommen.
Deswegen kann in ihnen enthaltenes CSS auch das des Styles überschreiben oder modifizieren bzw. neues hinzufügen.
Es besteht also keine Notwendigkeit, den Code der Extension in eines der Stylesheets von prosilver einzubauen
