Da ich mich jetzt in Joomla einarbeiten muss und irgendwie immer das Gleiche googeln muss, habe ich mir überlegt, dass ich eine neue Kategorie erstelle und dort ein paar Codes zu verschiedenen Sprachen posten werde, vielleicht werden die ja jemanden auch ein bisschen weiterhelfen :)

Also hier die neue Kategorie

Symbole

raquo : »
laquo : «
rsaquo : ›
lsaquo : ‹
(ein & davor und ein ; danach setzen!)

XHTML 1.0 Strict

Module in Template

<jdoc:include type=”modules” name=”NAME  DER POSITION” />

Position wird festgelegt in templateDetails.xml

left
right
top
breadcrumb
...

2. Ebene des Menüs an einer anderen Position darstellen (Split-Menü)

1. ein ganz normales Menü erstellen mit allen Unterpunkten. Danach unter Module das Menü raussuchen und
Modulparameter ändern:

Menüstil: Liste,
Erste Ebene 0,
Letzte Ebene 1,

Menüsauswahl: Alle,

2. ein neues Menü Modul erstellen (das ist ein Untermenü zu einem Oberpunkt), danach auch Modulparameter ändern:

Menüname: der selbe wie vorhin!
Menüstil: Liste,
Erste Ebene 1,
Letzte Ebene 0,

Menüauswahl: der Oberpunkt!

benutzte Joomla Version 1.5

Horizontale Menüliste

Link 1
Link 2

CSS:

#menu li {
  display: inline;
  list-style-type: none;
}

Template zentriert mit 2 Spalten

HTML:

HEADER


Menue links


Inhalt


FOOTER

CSS:

body {
background-color: #404040;
padding:0;
margin:0;
}

#container {
width: 800px;
margin: 20px auto;
background-color: #c0c0c0;
margin-top: 20px;
}

#header {
background-color: #808080;

}
#content {
background-color: #ffffff;
margin: 0 0 0 200px;
}
div#content {
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px");
}

#left {
float: left;
width: 200px;
}
#footer {
clear: left;
background-color:#808080;
}

3 Hintergrundbilder

Wenn man z.B. in der Mitte ein Logo haben möchte und rechts und links ein Teil des Bildes als Verlauf dargestellt werden soll.

HTML:

INHALT VON HEADER LOGO ETC.

CSS:

* {
    border: 0 none;
    margin: 0;
    padding: 0;
}

.body1 {
    background: url('links.jpg') repeat-x center top; /* linkes Bild wiederholend, z.B. 1px links vom mittleren Bild nehmen */
}
.body2 {
    background: url('rechts.jpg') repeat-x center top; /* rechtes Bild wiederholend */
    height: 241px;
    position: absolute;
    right: 0;
    width: 50%;
}
.body3 {
    background: url('mitte.jpg') no-repeat center top; /* mittleres Bild */
    position: relative;
    width: 246px;
    height: 241px;
    overflow: hidden;
    margin: 0 auto;
}