Kategorien
Joomla Templates Stylesheets Webentwicklung

Joomla Template Reihe K14

Joomla Logo flat

Zusammenfassung

Das Template ist etwas älter, demzufolge müsst ihr die Installationsprozedur (index.php) anpassen. 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;}

Anpassung

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 und dem IE 11. Das Template ist etwas älter, demzufolge müsst ihr die Installationsprozedur (index.php) anpassen.

82 kB

Kategorien
Joomla Templates Stylesheets Webentwicklung

Joomla Template Reihe K05

Joomla Logo flat

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. Das Template ist etwas älter, demzufolge müsst ihr die Installationsprozedur (index.php) anpassen.

Dieses Template ist getestet mit Firefox 2.0 und dem IE 6 bzw. 7. Alle templatebezogenen Grafiken und Bilder sind selbst erstellt und bearbeitet.

130 kB

Kategorien
Joomla Templates

Joomla Template Reihe K20

Joomla Logo flat

Ein Joomla Template ist eine Vorlage, die das Erscheinungsbild und Layout einer Joomla-Website bestimmt. Sie bestehen aus einer Sammlung von Dateien. Damit wird das Design, die Struktur und das Verhalten einer Joomla-Website beeinflusst.

Im Grunde genommen sind Joomla Templates wie eine Schablone oder ein Rahmen. Dieser Rahmen legt fest, wie eine Joomla-Website aussehen und funktionieren soll. Sie enthalten das Design, die Farben, das Layout, die Schriftarten und Bilder, die auf der Website angezeigt werden sollen.

Es gibt Tausende von kostenlosen und kostenpflichtigen Joomla Templates. Viele verschiedene Designer und Entwickler haben an der Erstellung mitgewirkt. Die meisten Templates sind anpassbar und können von Benutzern bearbeitet werden. Damit kann das Aussehen und die Funktionalität ihrer Website geändert werden.

Im Allgemeinen sollten Joomla Templates so gestaltet sein, dass sie das Erscheinungsbild der Website verbessern und eine bessere Benutzererfahrung bieten. Sie sollten auch mit den neuesten Webstandards und Technologien kompatibel sein, um sicherzustellen, dass die Website auf verschiedenen Geräten und Browsern gut funktioniert.

Das hier vorliegende Template besteht aus zwei Containern die mittels float positioniert werden. Das funktioniert gut, evtl. ist noch Anpassungsbedarf nötig, der ist aber von Fall zu Fall verschieden.

Die Erstellung eines Joomla-Templates erfordert ein gewisses Verständnis von HTML, CSS und PHP, sowie Kenntnisse der Joomla-Architektur und der Funktionsweise von Templates.

Es gibt viele weitere Details und Feinheiten, die berücksichtigt werden müssen, um ein qualitativ hochwertiges Template zu erstellen. Es ist ratsam, sich mit der Joomla-Dokumentation und den Entwickler-Communities zu befassen, um weitere Informationen und Unterstützung zu erhalten.

https://www.w3.org/Style/CSS/Overview.de.html

Die CSS Deklarationen sehen wie folgt aus:

#rahmen	{
width:980px;
margin: auto;
text-align:left;
}		

#main {
float:left;
width:790px;
margin-top:10px;			
text-align:left;
}

#menue {
float:right;
clear:right;
margin:0;
padding:0;
text-align:center;
font-size:12px;
width:186px;
margin-top:10px;
background:#4D88FF url(../images/menue-bottom.jpg) bottom right no-repeat;
color:#FFFFFF;
border-left:1px solid #E0E0E0;	
min-height:400px;
}

Das header-Image ist 800x450px und wird über:

#header			{
			background:transparent url(../images/header.jpg) 0 0 no-repeat;
			height:400px;
			color:#FFFFCC;
			border-bottom:3px solid #000000;
			}

zugewiesen.

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

Getestet habe dieses Template mit Firefox 3 und dem IE8. Anpassungen für andere Browser sind nicht explzit enthalten und auch nicht geplant. Das Template ist etwas älter, demzufolge müsst ihr die Installationsprozedur (index.php) anpassen.

113 kB

Kategorien
Joomla Templates Webentwicklung

Joomla Template Reihe K01

Joomla Logo flat

Ein Joomla Template ist eine Vorlage, die das Erscheinungsbild und Layout einer Joomla-Website bestimmt. Sie bestehen aus einer Sammlung von Dateien. Damit wird das Design, die Struktur und das Verhalten einer Joomla-Website beeinflusst.

Im Grunde genommen sind Joomla Templates wie eine Schablone oder ein Rahmen. Dieser Rahmen legt fest, wie eine Joomla-Website aussehen und funktionieren soll. Sie enthalten das Design, die Farben, das Layout, die Schriftarten und Bilder, die auf der Website angezeigt werden sollen.

Es gibt Tausende von kostenlosen und kostenpflichtigen Joomla Templates. Viele verschiedene Designer und Entwickler haben an der Erstellung mitgewirkt. Die meisten Templates sind anpassbar und können von Benutzern bearbeitet werden. Damit kann das Aussehen und die Funktionalität ihrer Website geändert werden.

Im Allgemeinen sollten Joomla Templates so gestaltet sein, dass sie das Erscheinungsbild der Website verbessern und eine bessere Benutzererfahrung bieten. Sie sollten auch mit den neuesten Webstandards und Technologien kompatibel sein, um sicherzustellen, dass die Website auf verschiedenen Geräten und Browsern gut funktioniert.

Das hier vorliegende Template besteht aus zwei Containern die mittels float positioniert werden. Das funktioniert gut, evtl. ist noch Anpassungsbedarf nötig, der ist aber von Fall zu Fall verschieden.

Die Erstellung eines Joomla-Templates erfordert ein gewisses Verständnis von HTML, CSS und PHP, sowie Kenntnisse der Joomla-Architektur und der Funktionsweise von Templates.

Es gibt viele weitere Details und Feinheiten, die berücksichtigt werden müssen, um ein qualitativ hochwertiges Template zu erstellen. Es ist ratsam, sich mit der Joomla-Dokumentation und den Entwickler-Communities zu befassen, um weitere Informationen und Unterstützung zu erhalten.

https://www.w3.org/Style/CSS/Overview.de.htm

Zusammenfassung

Dieses Template baut auf DIV-Container auf, besitzt eine feste Breite von 980px. Der primaere Font ist Tahoma und sans-serif. Das Zentrieren des Layouts erfolgt mittels automatischer Ränder:

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

Dieses Template ist getestet mit Firefox und dem IE. Das Topmenue liegt auf “user4”, der banner auf “banner”, der newsflash auf “top”, latestnews auf “user1” und mostread auf “user2” Die CSS Datei ist beim W3C nach CSS Standard 2.1 validiert. Alle templatebezogenen Grafiken und Bilder sind selbst erstellt und bearbeitet. Das Template ist etwas älter, demzufolge müsst ihr die Installationsprozedur (index.php) anpassen.

112 kB

Kategorien
Joomla Templates Stylesheets Webentwicklung

Joomla Template Reihe K15

Joomla Logo flat

Joomla Templates sind Vorlagen, die das Erscheinungsbild und Layout einer Joomla-Website bestimmen. Sie bestehen aus einer Sammlung von Dateien. Damit wird das Design, die Struktur und das Verhalten einer Joomla-Website beeinflusst.

Im Grunde genommen ist ein Joomla Template wie eine Schablone oder ein Rahmen. Dieser Rahmen legt fest, wie eine Joomla-Website aussehen und funktionieren soll. Sie enthalten das Design, die Farben, das Layout, die Schriftarten und Bilder, die auf der Website angezeigt werden sollen.

Es gibt Tausende von kostenlosen und kostenpflichtigen Joomla Templates. Viele verschiedene Designer und Entwickler haben an der Erstellung mitgewirkt. Die meisten Templates sind anpassbar und können von Benutzern bearbeitet werden. Damit kann das Aussehen und die Funktionalität ihrer Website geändert werden.

Im Allgemeinen sollten Joomla Templates so gestaltet sein, dass sie das Erscheinungsbild der Website verbessern und eine bessere Benutzererfahrung bieten. Sie sollten auch mit den neuesten Webstandards und Technologien kompatibel sein, um sicherzustellen, dass die Website auf verschiedenen Geräten und Browsern gut funktioniert.

Das hier vorliegende Template besteht aus zwei Containern die mittels float positioniert werden. Das funktioniert gut, evtl. ist noch Anpassungsbedarf nötig, der ist aber von Fall zu Fall verschieden.

Die Erstellung eines Joomla-Templates erfordert ein gewisses Verständnis von HTML, CSS und PHP, sowie Kenntnisse der Joomla-Architektur und der Funktionsweise von Templates.

Es gibt viele weitere Details und Feinheiten, die berücksichtigt werden müssen, um ein qualitativ hochwertiges Template zu erstellen. Es ist ratsam, sich mit der Joomla-Dokumentation und den Entwickler-Communities zu befassen, um weitere Informationen und Unterstützung zu erhalten.

https://www.w3.org/Style/CSS/Overview.de.htm

Zusammenfassung

Dieses Template besteht aus zwei Containern die mittels “float” positioniert werden.

Die CSS Deklarationen sehen wie folgt aus:

body 			{
			font:normal 12px/1.7em "Trebuchet MS",Arial,Helvetica,Geneva,sans-serif;
			margin: 0; padding: 0;
			background: #000000 url(../images/background.jpg) 0 0 fixed no-repeat;
			text-align:center;
			}
a:link          	{color:#F0F0F0;}
a:visited       	{color:#E2E2E2;}
a:hover         	{color:#7D1215;text-decoration:underline;} 
a:active        	{color:#FFFFCC;}
a               	{
			font-size:12px;
			text-decoration:none;
			font-weight:normal;
			}

a.urlextern
{
padding-right:10px;
background: url(../images/externallinks.gif) no-repeat right top;
}

a.urlextern:hover
{
padding-right:10px;
background: url(../images/externallinks-hover.gif) no-repeat right top;
}

.sitename		
{
margin:0;
padding:0;
text-align:left;
padding:24px;
color:#E0E0E0;
}
.sitename a, .sitename a:hover
{
margin:0;
padding:0;
text-align:left;
font-size:24px;
padding:20px;
color:#E0E0E0;
text-decoration:none;
}

p
{
font-size:12px;
padding: 5px;
margin: 0px;
line-height:150%;
}

strong
{
font-size:12px;
color:#7D1215;
font-weight:bold
padding: 5px 15px;
margin: 0px;
line-height:150%;
}

Warnhinweis – Diese Seiten benutzen bestimmte CSS-Definitionen, die von älteren Browsern nicht dargestellt werden können. (Transparenz und abgerundete Ecken)

Getestet habe ich dieses Template mit Firefox, Chrome und IE. Anpassungen für andere Browser sind nicht explizit enthalten und auch nicht geplant.
Auf Grund des Alters dieses Templates müsst ihr die Installationsprozedur (index.php) anpassen.

138 kB

Kategorien
Joomla Templates Webentwicklung

Joomla Template Reihe K07

Joomla Logo flat

Ein Joomla Template ist eine Vorlagen, die das Erscheinungsbild und Layout einer Joomla-Website bestimmt. Sie bestehen aus einer Sammlung von Dateien. Damit wird das Design, die Struktur und das Verhalten einer Joomla-Website beeinflusst.

Im Grunde genommen sind Joomla Templates wie eine Schablone oder ein Rahmen. Dieser Rahmen legt fest, wie eine Joomla-Website aussehen und funktionieren soll. Sie enthalten das Design, die Farben, das Layout, die Schriftarten und Bilder, die auf der Website angezeigt werden sollen.

Es gibt Tausende von kostenlosen und kostenpflichtigen Joomla Templates. Viele verschiedene Designer und Entwickler haben an der Erstellung mitgewirkt. Die meisten Templates sind anpassbar und können von Benutzern bearbeitet werden. Damit kann das Aussehen und die Funktionalität ihrer Website geändert werden.

Im Allgemeinen sollten Joomla Templates so gestaltet sein, dass sie das Erscheinungsbild der Website verbessern und eine bessere Benutzererfahrung bieten. Sie sollten auch mit den neuesten Webstandards und Technologien kompatibel sein, um sicherzustellen, dass die Website auf verschiedenen Geräten und Browsern gut funktioniert.

Das hier vorliegende Template besteht aus zwei Containern die mittels float positioniert werden. Das funktioniert gut, evtl. ist noch Anpassungsbedarf nötig, der ist aber von Fall zu Fall verschieden.

Die Erstellung eines Joomla-Templates erfordert ein gewisses Verständnis von HTML, CSS und PHP, sowie Kenntnisse der Joomla-Architektur und der Funktionsweise von Templates.

Es gibt viele weitere Details und Feinheiten, die berücksichtigt werden müssen, um ein qualitativ hochwertiges Template zu erstellen. Es ist ratsam, sich mit der Joomla-Dokumentation und den Entwickler-Communities zu befassen, um weitere Informationen und Unterstützung zu erhalten.

https://www.w3.org/Style/CSS/Overview.de.htm

Zusammenfassung

Alle Angaben sind fix gesetzt, das sollte aber bei einer Auflösung von 1024px kein Problem darstellen.
Die Container bestehen aus einem Außen- 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 Bildschirm 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 Menüs ist nun auch validiert.

Kategorien
Joomla Templates

Joomla Template Reihe K19

Joomla Logo flat

Ein Joomla Template ist eine Vorlage, die das Erscheinungsbild und Layout einer Joomla-Website bestimmt. Sie bestehen aus einer Sammlung von Dateien. Damit wird das Design, die Struktur und das Verhalten einer Joomla-Website beeinflusst.

Im Grunde genommen sind Joomla Templates wie eine Schablone oder ein Rahmen. Dieser Rahmen legt fest, wie eine Joomla-Website aussehen und funktionieren soll. Sie enthalten das Design, die Farben, das Layout, die Schriftarten und Bilder, die auf der Website angezeigt werden sollen.

Es gibt Tausende von kostenlosen und kostenpflichtigen Joomla Templates. Viele verschiedene Designer und Entwickler haben an der Erstellung mitgewirkt. Die meisten Templates sind anpassbar und können von Benutzern bearbeitet werden. Damit kann das Aussehen und die Funktionalität ihrer Website geändert werden.

Im Allgemeinen sollten Joomla Templates so gestaltet sein, dass sie das Erscheinungsbild der Website verbessern und eine bessere Benutzererfahrung bieten. Sie sollten auch mit den neuesten Webstandards und Technologien kompatibel sein, um sicherzustellen, dass die Website auf verschiedenen Geräten und Browsern gut funktioniert.

Das hier vorliegende Template besteht aus zwei Containern die mittels float positioniert werden. Das funktioniert gut, evtl. ist noch Anpassungsbedarf nötig, der ist aber von Fall zu Fall verschieden.

Die Erstellung eines Joomla-Templates erfordert ein gewisses Verständnis von HTML, CSS und PHP, sowie Kenntnisse der Joomla-Architektur und der Funktionsweise von Templates.

Es gibt viele weitere Details und Feinheiten, die berücksichtigt werden müssen, um ein qualitativ hochwertiges Template zu erstellen. Es ist ratsam, sich mit der Joomla-Dokumentation und den Entwickler-Communities zu befassen, um weitere Informationen und Unterstützung zu erhalten.

https://www.w3.org/Style/CSS/Overview.de.htm

Grundstruktur

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

Probiert es aus, ihr könnt es anpassen oder auch Teile davon verwenden. Alle weiteren Angaben sind ebenfalls fix gesetzt, das sollte aber bei einer Auflösung von 1024 kein Problem darstellen. Fast alle Container bestehen zumeist aus einem -außen und einen -innen
Container, um mehr Möglichkeiten zur Abgrenzung der Elemente zu ermöglichen.

Ich habe den oberen Bereich etwas zusammengefasst, so das schon in der Startpage mehr Content auf dem Bildschirm zu sehen ist. Das ist meiner nach wichtig, denn der Platz auf der Startseite sollte genutzt werden. Das ist das was der Anwender sofort präsentiert bekommt. Beide Bilder in den Bereichen Latest News und Popular habe ich aus der index.php in die CSS Datei gezogen.

Die CSS Deklaration des rechten Menüs 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;
}

248 kB

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 könnt mir allerdings Fragen zukommen lassen, ich werde diese zu beantworten. Viel Erfolg beim Einsatz.

Eine Besonderheit an diesem Template sind die Attributselektoren aus der CSS 3 Spezifikation. Aktuell werden diese von Firefox, Safari und IE unterstützt.

Folglich ist das Risiko, dass diese Spezifikationen in die endgültige Version von CSS 3 übernommen werden relativ gering. Warnhinweis – Einige Seiten benutzen bestimmte CSS-Definitionen, die von älteren Browsern nicht dargestellt werden können. Das Template ist etwas älter, demzufolge müsst ihr die Installationsprozedur (index.php) anpassen.

Kategorien
Joomla Templates

Joomla Template Reihe K28

Joomla Logo

Ein Joomla Template ist eine Vorlage, die das Erscheinungsbild und Layout einer Joomla-Website bestimmt. Sie bestehen aus einer Sammlung von Dateien. Damit wird das Design, die Struktur und das Verhalten einer Joomla-Website beeinflusst.

Im Grunde genommen sind Joomla Templates wie eine Schablone oder ein Rahmen. Dieser Rahmen legt fest, wie eine Joomla-Website aussehen und funktionieren soll. Sie enthalten das Design, die Farben, das Layout, die Schriftarten und Bilder, die auf der Website angezeigt werden sollen.

Es gibt Tausende von kostenlosen und kostenpflichtigen Joomla Templates. Viele verschiedene Designer und Entwickler haben an der Erstellung mitgewirkt. Die meisten Templates sind anpassbar und können von Benutzern bearbeitet werden. Damit kann das Aussehen und die Funktionalität ihrer Website geändert werden.

Im Allgemeinen sollten Joomla Templates so gestaltet sein, dass sie das Erscheinungsbild der Website verbessern und eine bessere Benutzererfahrung bieten. Sie sollten auch mit den neuesten Webstandards und Technologien kompatibel sein, um sicherzustellen, dass die Website auf verschiedenen Geräten und Browsern gut funktioniert.

Das hier vorliegende Template besteht aus zwei Containern die mittels float positioniert werden. Das funktioniert gut, evtl. ist noch Anpassungsbedarf nötig, der ist aber von Fall zu Fall verschieden.

Die Erstellung eines Joomla-Templates erfordert ein gewisses Verständnis von HTML, CSS und PHP, sowie Kenntnisse der Joomla-Architektur und der Funktionsweise von Templates.

Es gibt viele weitere Details und Feinheiten, die berücksichtigt werden müssen, um ein qualitativ hochwertiges Template zu erstellen. Es ist ratsam, sich mit der Joomla-Dokumentation und den Entwickler-Communities zu befassen, um weitere Informationen und Unterstützung zu erhalten.

https://www.w3.org/Style/CSS/Overview.de.htm

Zusammenfassung

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.

Vorschau

Das Logo und das Topmenue werden ebenfalls absolute über den Containern positioniert. Hierbei ist der Abstand vom rechten Rand als Prozentwert angegeben und “schwimmt” somit mit der Browserbreite mit.

Bei diesem Beispiel muss man ein wenig Rechnen. Die Summe der Breiten ergibt 98%. Der Abstand vom Body-Rand zur ersten Box, plus ihre Breite plus den Abstand ergibt die left-position der nächsten Box. (alles in %).

Wenn Du nun also unterschiedlich breite Boxen oder mehr Abstand möchtest, brauchst Du diese Werte nur gegeneinander zu verschieben.

#links { 
position: absolute; 
left: 2%; 
width: 19%; 
top: 100px; 
}

#mittelinks { 
position: absolute; 
left: 22%; 
width: 28%; 
top: 100px; 
}

#mitterechts { 
position: absolute; 
left: 51%; 
width: 28%; 
top: 100px; 
overflow: auto;
}

#rechts { 
position: absolute; 
left: 80%; 
width: 18%; 
top: 100px; 
}

#rechts,#mitterechts,#mittelinks,#links{ 
border: 3px solid #123456;
padding:0px;
margin:0px;
}

Das Logo-Image ist 343x90px und kann durch ersetzen einfach ausgetauscht werden. Die Breite kann maximal 50% des Browserfensters betragen, ohne das zu Überlagerungen kommt. Sonst müsste auch das Topmenue angepasst werden.
Das Logo ist direkt in der index.php verankert.
Solltet Ihr die Höhe verändern wollen braucht Ihr nur die vier Container und die ID #breadcrumb im top-Wert erhöhen.

Das Body-Image ist 40x300px und wird über:

body {
background: url(../images/body.jpg) repeat-x bottom fixed;
font-size: 12px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
color:#353D41;
padding:0px;
margin:0px;
}

zugewiesen. Durch die Eigenschaft “fixed” bleibt es beim Scrollen immer am unteren Rand. Ausgetauscht werden kann es problemlos.

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

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

Anpassen solltet Ihr die Linkattribute auf Eure URL!

91 kB

Kategorien
Joomla Templates

Joomla Template Reihe K02

Joomla Logo flat

Ein Joomla Template ist eine Vorlage, die das Erscheinungsbild und Layout einer Joomla-Website bestimmt. Sie bestehen aus einer Sammlung von Dateien. Damit wird das Design, die Struktur und das Verhalten einer Joomla-Website beeinflusst.

Im Grunde genommen sind Joomla Templates wie eine Schablone oder ein Rahmen. Dieser Rahmen legt fest, wie eine Joomla-Website aussehen und funktionieren soll. Sie enthalten das Design, die Farben, das Layout, die Schriftarten und Bilder, die auf der Website angezeigt werden sollen.

Es gibt Tausende von kostenlosen und kostenpflichtigen Joomla Templates. Viele verschiedene Designer und Entwickler haben an der Erstellung mitgewirkt. Die meisten Templates sind anpassbar und können von Benutzern bearbeitet werden. Damit kann das Aussehen und die Funktionalität ihrer Website geändert werden.

Im Allgemeinen sollten Joomla Templates so gestaltet sein, dass sie das Erscheinungsbild der Website verbessern und eine bessere Benutzererfahrung bieten. Sie sollten auch mit den neuesten Webstandards und Technologien kompatibel sein, um sicherzustellen, dass die Website auf verschiedenen Geräten und Browsern gut funktioniert.

Das hier vorliegende Template besteht aus zwei Containern die mittels float positioniert werden. Das funktioniert gut, evtl. ist noch Anpassungsbedarf nötig, der ist aber von Fall zu Fall verschieden.

Die Erstellung eines Joomla-Templates erfordert ein gewisses Verständnis von HTML, CSS und PHP, sowie Kenntnisse der Joomla-Architektur und der Funktionsweise von Templates.

Es gibt viele weitere Details und Feinheiten, die berücksichtigt werden müssen, um ein qualitativ hochwertiges Template zu erstellen. Es ist ratsam, sich mit der Joomla-Dokumentation und den Entwickler-Communities zu befassen, um weitere Informationen und Unterstützung zu erhalten.

https://www.w3.org/Style/CSS/Overview.de.htm

Zusammenfassung

Dieses Template baut auf DIV-Container auf, besitzt eine feste Breite von 980px.

Der primaere Font ist Tahoma, so ist auch wie bei anderen Vorlagen das Zentrieren des Layouts mittels automatischer Ränder erfolgt:

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

Eine andere Möglichkeit besteht mit einer Flexbox.

#zentriert {
  display: flex;
  align-items: center;
  justify-content: center;
}

Dieses Template ist getestet mit Firefox 3 und dem IE 8. Das Topmenue liegt auf “user4”, der banner auf “banner”, der newsflash auf “top”, latestnews auf “user1” und mostread auf “user2”

Die CSS Datei ist beim W3C nach CSS Standard 2.1 validiert. Alle templatebezogenen Grafiken und Bilder sind wie immer selbst erstellt und bearbeitet worden. Das Template ist etwas älter, demzufolge müsst ihr die Installationsprozedur (index.php) anpassen.

95 kB

Kategorien
Joomla Templates

Joomla Template Reihe K09

Joomla Logo flat

Ein Joomla Template ist eine Vorlage, die das Erscheinungsbild und Layout einer Joomla-Website bestimmt. Sie bestehen aus einer Sammlung von Dateien. Damit wird das Design, die Struktur und das Verhalten einer Joomla-Website beeinflusst.

Im Grunde genommen sind Joomla Templates wie eine Schablone oder ein Rahmen. Dieser Rahmen legt fest, wie eine Joomla-Website aussehen und funktionieren soll. Sie enthalten das Design, die Farben, das Layout, die Schriftarten und Bilder, die auf der Website angezeigt werden sollen.

Es gibt Tausende von kostenlosen und kostenpflichtigen Joomla Templates. Viele verschiedene Designer und Entwickler haben an der Erstellung mitgewirkt. Die meisten Templates sind anpassbar und können von Benutzern bearbeitet werden. Damit kann das Aussehen und die Funktionalität ihrer Website geändert werden.

Im Allgemeinen sollten Joomla Templates so gestaltet sein, dass sie das Erscheinungsbild der Website verbessern und eine bessere Benutzererfahrung bieten. Sie sollten auch mit den neuesten Webstandards und Technologien kompatibel sein, um sicherzustellen, dass die Website auf verschiedenen Geräten und Browsern gut funktioniert.

Das hier vorliegende Template besteht aus zwei Containern die mittels float positioniert werden. Das funktioniert gut, evtl. ist noch Anpassungsbedarf nötig, der ist aber von Fall zu Fall verschieden.

Die Erstellung eines Joomla-Templates erfordert ein gewisses Verständnis von HTML, CSS und PHP, sowie Kenntnisse der Joomla-Architektur und der Funktionsweise von Templates.

Es gibt viele weitere Details und Feinheiten, die berücksichtigt werden müssen, um ein qualitativ hochwertiges Template zu erstellen. Es ist ratsam, sich mit der Joomla-Dokumentation und den Entwickler-Communities zu befassen, um weitere Informationen und Unterstützung zu erhalten.

https://www.w3.org/Style/CSS/Overview.de.htm

Zusammenfassung

Dieses Template baut auf DIV-Container auf, besitzt eine feste Breite von 980px.
Der primäre Font ist Tahoma. Das Zentrieren des Layouts erfolgt mittels automatischer Ränder:

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

Dieses Template ist getestet mit Firefox 4.0 und dem IE 8.
Das Topmenue liegt auf “user4”, der banner auf “banner”, der newsflash auf “top”, latestnews auf “user1” und mostread auf “user2”.


Die CSS Datei ist beim W3C nach CSS Standard 2.1 validiert.

Das bedeutet, dass die Datei den damals gültigen Webstandards entspricht und keine Fehler oder Abweichungen aufweist, die die Funktionalität oder das Erscheinungsbild der Website beeinträchtigen könnten. Dies ist ein gutes Zeichen für die Qualität und die korrekte Umsetzung der gestalterischen Elemente auf der Website.
Alle templatebezogenen Grafiken und Bilder sind selbst erstellt und bearbeitet. Das Template ist etwas älter, demzufolge müsst ihr die Installationsprozedur (index.php) anpassen.

140 kB