Beim Erstellen eines eigenen Templates für Joomla! 1.5 ist es teilweise schwierig alle Klassen und ID von Joomla! 1.5 zu kennen oder herauszufinden auch trotz Hilfen wie Firebug, Webdevelopper etc. Ein Beispiel dazu sind die Elemente des Tooltips, der erscheint wenn man eingeloggt im Frontend ein Beitrag editieren möchte und mit der Maus über das Notizblockicon fährt. Anbei eine Lösung, wie dies gemacht werden kann (Wir nicht im Joomla Kurs behandelt):
/* Tooltips */
.tool-tip {
float: left;
background: #ffc;
border: 1px solid #D4D5AA;
padding: 5px;
max-width: 200px;
text-align:left;
}
.tool-title {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
}
.tool-text {
font-size: 100%;
margin: 0;
}
Der Ansatz oben ist aus dem Beez Template von Angie Radtke und Robert Deutz entlehnt. Das schlanke daran ist, das eigentlich alles mit Hausmittel gelöst wird und benötigte Grafiken aus dem Core von Joomla! 1.5 geholt werden.
Kopieren Sie den Code unverändert in Ihre template.css Datei.
|
