Template static red 1.0

Template Static Red 1.0

Dieses Template baut auf DIV-Container auf, besitzt eine feste Breite von 840px. Als primaeren Font verwende ich Tahoma. Das Zentrieren des Layouts erfolgt mittels automatischer Raender:

#container {width: 840px; margin:auto;} 

Das funktioniert bei den meisten neueren Browsern, fuer den IE im Quirks-Modus sollte ein

body {text-align: center;}  

eingefuegt werden. Dieses Template ist getestet mit Firefox 3 und dem IE 8. Alle templatebezogenen Grafiken und Bilder sind selbst erstellt und bearbeitet.

Template Grau 1.0

Template Grau 1.0

Dieses Template baut auf DIV-Container auf, besitzt eine flexible Breite. Das Zentrieren des Layouts erfolgt mittels negativer Raender. Alle templatebezogenen Grafiken und Bilder sind selbst erstellt und bearbeitet. Das Template ist mit dem IE 8 und mit dem Firefox / Mozilla / SeaMonkey getestet. Das CSS File ist W3C validiert.

Template Blume 1.0

Template Blume 1.0

Dieses Template baut auf DIV-Container auf und besitzt eine feste Breite von 920px. Als primaeren Font verwende ich Trebuchet MS. Das Zentrieren des Layouts erfolgt mittels automatischer Ränder:

#container{width: 920px; margin:auto;}

Das funktioniert bei den meisten neueren Browsern, für den IE im Quirks-Modus sollte ein

body{text-align: center;}

eingefügt werden.

Die Eiganschaft "text-align" wurde dann im #container wieder angepasst. Dieses Moeglichkeit des Zentrierens verhindert das Verschieben bei geringen Breiten oder Auflösungen, im Vergleich zu einer Zentrierung mit negativen Rändern. Die Farbdarstellung der Ränder erfolgt einmal im #footer mittels border-bottom sowie unter #smallbar mittels border-top. Für Änderungen an der index.php und an der CSS-Datei seid Ihr selbst verantwortlich. Dieses Template ist getestet mit Firefox 2.0 und dem IE 6 bzw. 7. Alle templatebezogenen Grafiken und Bilder sind selbst erstellt und bearbeitet.

Template 4float green 1.0

Dieses Template besteht aus vier Containern die absolut positioniert werden. Die Breite ist in Prozentwerten angegeben. Dadurch passt sich das Layout an eine veränderte Breite automatisch an. Es ist nur darauf zu achten das Bilder unter Umständen bei geringen Breiten aus den Boxen herauslaufen können. Das Logo und das Topmenue werden ebenfalls absolute über den Containern positioniert.

Template Image 1.0

Das Grundgerüst dieses Templates besteht wie gehabt aus einem zentrierten Container (rahmen) mit der Breite von 980px.

Templatereihe Images

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;
}

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.

NEW ! - Joomla Template Green 2.5 für Joomla!

Jetzt auch für Joomla 2.5 im native Mode. Joomla Template Green 2.5 mit float Containern. Vier Container koennt Ihr belegen wie Ihr wollt nebeneinander angeordnet.

Akku Berechnung 1.6

Akku Leistung





Transfer Calc 1.6

Volumen, Bandbreite zu Zeit