Letzte Woche habe ich an einer Joomla-Webseite diverse CSS-Änderungen vorgenommen, um diese Seite der Designvorlage anzugleichen. Die Basis war das ja_purity-Template von JoomlArt.com, welches sich scheinbar nicht für den Internet Explorer 7 eignet. Zumindest der Header der Seite war definitiv nicht das, was andere Browser darstellten. Der Header besteht, neben einem H1 mit Link und einem Logo im Hintergrund, aus einer Tabelle, in welcher die Kontakt-Links eingesetzt werden. Kurzerhand habe ich Header neu erstellt und diesen etwas übersichtlicher gestaltet:

<div id="logo_new">
    <img src="/templates/ja_purity/images/logo.png" alt="" />
    <div id="logo_title">Titel der Webseite</div>
    <div id="logo_links">
        <a href="#">Kontakt</a>
        <span>  - </span>
        <a href="#">Impressum</a></div>
    </div>
</div>

Verwundert war ich über den PHP-Code direkt im Template. Meine Idee von einem CMS war bisher immer, dass man nicht gleich PHP-Entwickler sein muss, um ein Template zu ändern.
Die Links innerhalb des letzten DIVs werden so wie sie sind von Joomla in die Seite gesetzt. Wichtigster Part ist das umliegende DIV, indem die DIVs und das Image ganz ungestört “floaten” können.

Der CSS-Teil ist ebenfalls sehr übersichtlich:

#logo_new
{
    padding:        30px;
    margin:         0px;
    width:          770px;
    height:         41px;
}
#logo_new img
{
    float:          left;
}
#logo_title
{
    margin-left:    20px;
    float:          left;
    color:          #9D9D9C;
    font-size:      20px;
    line-height:    45px;
    font-weight:    bold;
}
#logo_links
{
    margin-top:     10px;
    float:          right;
    color:          #999;
    font-size:      11px;
}
#logo_links a
{
    text-decoration:none;
}
#logo_links a:hover
{
    color:          #000;
}

Interessant war die Tatsache, dass die template.css mehr als 1500 Codezeilen hat. Das halte ich für extrem übertrieben und ist mir bisher für ein “einfaches” Template in der Form noch nicht unter die Augen gekommen. Meine Empfehlung: ein Joomla-Template auf Basis eines CSS-Frameworks erstellen.