NEW ! - Kristof Bilder

Unter Bildergallerie Kristof gibt es neue Bilder von unserem Kleinen!

Joomla 1.0.x Template KRISTOF

Das Grundgerüst dieses Templates besteht wie gehabt aus einem zentrierten Container (rahmen) mit der Breite von 980px und ist für die Joomlaversion 1.0.x.

Scrrenshot vom Template KRISTOF 10

Alle weiteren Angaben sind ebenfalls fix gesetzt, das sollte aber bei einer Auflösung von 1024 kein Problem darstellen. Die Container bestehen zumeisst aus einem -aussen und einen -innen Container, um mehr Möglichkeiten zur Abgrenzung der Elemente zu erreichen.

Die wichtigsten Änderungen an den CSS Deklarationen sehen wie folgt aus:

Ich habe den oberen Bereich etwas zusammengefasst so das schon in der Startpage mehr Content auf dem Bildscirm zu sehen ist.

Die beiden Bilder in den Bereichen LatestNews und Popular habe ich aus der index.php in die CSS Datei gezogen.

Die CSS Deklaration des rechten Menues ist nun auch validiert.

Weiterhin habe ich Fehler in den CSS Deklarationen beseitigt. Die Änderungen sehen folgendermaßen aus:

#content-left-popular {
float:left;
width: 230px;
margin: 0 0 0 75px;
padding: 0;
text-align:left;
font-size: 12px;
border:4px solid #FFFFFF;
background: #8FB5D9
url(../images/bg-content-aussen-popular.jpg)
no-repeat center center;
}
#content-left-latestnews {
float:left;
width: 230px;
margin: 0 0 0 75px;
padding: 0;
text-align:left;
font-size: 12px;
border:4px solid #FFFFFF;
background: #8FB5D9
url(../images/bg-content-aussen-latestnews.jpg)
no-repeat center center;
}
#content-left-latestnews .moduletable,
#content-left-popular .moduletable {
padding-left: 0;
margin: 5px 10px;
}
#content-left-latestnews h3, #content-left-popular h3 {
color:#FFFFFF;
background-color:transparent;
text-transform:lowercase;
}
#content-left-latestnews li, #content-left-popular li {
text-indent:-5px;
list-style-image: url(../images/indent1.png);
}
#content-left-latestnews a,
#content-left-popular a {
color:#454545;
background-color:transparent;
text-decoration:none;
}
#content-left-latestnews a:hover,
#content-left-popular a:hover {
color:#333333;
background-color:transparent;
text-decoration:underline;
margin-left: 10px;
}

Das Template ist nicht explizit für ältere Browser angepasst. Ich kann hierbei auch keinen Support übernehmen, da mir dafür einfach die Zeit fehlt. Ihr koennt mir allerdings Fragen zukommen lassen, ich werde versuchen diese zu beantworten.

Eine Besonderheit an diesem Template sind die Attributselektoren aus der CSS-3 Spezifikation. Diese ist zwar noch nicht Standard, jedoch werden diese von Firefox, SeaMonkey, Safari und IE7 unterstützt. Insofern ist das Risiko, dass diese Spezifikationen in die endgültige Version von CSS-3 übernommen werden relativ gering.

Warnhinweis - Diese Seiten benutzen bestimmte CSS-Definitionen, die von älteren Browsern nicht dargestellt werden können.