Rheinwerk Computing < openbook > Rheinwerk Computing - Professionelle Bücher. Auch für Einsteiger.
Professionelle Bücher. Auch für Einsteiger.

Inhaltsverzeichnis
Vorwort
1 Einleitung
2 Installation
3 Frontend
4 Backend
5 Inhalte erstellen und verändern
6 Eine erste Webseite
7 Das Website-Design
8 Benutzer und Bereiche
9 Module, Plug-ins, Komponenten
10 Pflege der Webseite
11 Eine Site aufbauen
12 Was macht ein Template aus?
13 Tools zur Template-Erstellung
14 Barrierefreiheit
15 Aus der Trickkiste
16 Joomla! als professionelle Geschäftsplattform
17 Online-Shop: VirtueMart
18 Formulare: BreezingForms und ChronoForms
19 Dokumentenverwaltung: Docman und Attachments
20 Kalender: JEvent und iWebCal
21 Bildergalerien: Zoom Media Gallery und JoomGallery
22 Joomla! als Community-Treff
23 Weblogs: IDoBlog und MMS Blog
24 Wiki: JoomlaWiki
25 Forum: FireBoard
26 Gästebücher
27 Noch mehr Kommunikation
28 Installation beim Webhost
29 Backup und Upgrade
30 Tools
31 Standard-Erweiterungen
32 Mehrsprachigkeit
33 Suchmaschinenoptimierung
34 Statistik
35 Performance
36 Datentransfer und FTP-Modus
37 Sicherheit
38 Troubleshooting
39 Mein erstes Modul
40 Die Joomla!-API
41 Plug-ins erstellen
42 Eine eigene Komponente
A Parameter der unterschiedlichen Menütypen
B Die Joomla!-API
C Glossar
D Inhalt der DVD
Stichwort
Ihre Meinung?

Spacer
<< zurück
Joomla! 1.5 von Anja Ebersbach, Markus Glaser, Radovan Kubani
Das umfassende Handbuch
Buch: Joomla! 1.5

Joomla! 1.5
geb., mit DVD
820 S., 34,90 Euro
Rheinwerk Computing
ISBN 978-3-89842-881-1
Pfeil 14 Barrierefreiheit
Pfeil 14.1 Bedeutung
Pfeil 14.2 Kodifizierung und gesetzliche Grundlagen
Pfeil 14.3 Das Beez-Template
Pfeil 14.4 Beez HTML
Pfeil 14.5 Beez CSS
Pfeil 14.6 Überschreibungen
Pfeil 14.7 Weitere Hinweise


Rheinwerk Computing - Zum Seitenanfang

14.5 Beez CSS topZur vorigen Überschrift

Das gesamte Layout von Beez wird über CSS gesteuert. Dabei werden die folgenden Dateien eingebunden:


Tabelle 14.1 Die CSS-Dateien des Beez-Templates

Name Funktion

general.css

Hier werden Elemente definiert, die überall auftauchen können, beispielsweise Buttons und Tooltips.

layout.css

Definiert das Aussehen innerhalb der verschiedenen Positionen und Bereiche. Hier werden Schriftgrößen, Farben und Hintergründe festgelegt.

position.css

Legt, wie der Name schon sagt, die Position der einzelnen <div>-Bereiche auf dem Bildschirm fest.

ieonly.css

Spezifische Anpassungen für Internet Explorer bis Version 6.

ie7only.css

Spezifische Anpassungen für Internet Explorer 7.

print.css

Wird beim Druck der Seite zugrunde gelegt.

template.css

Bezieht sich auf zusätzliche Fenster, beispielsweise beim Versenden einer Seite als E–Mail.

template_rtl.css

Wird das Template in einer Sprache ausgegeben, deren Schriftrichtung von rechts nach links verläuft, ist diese CSS-Datei maßgeblich.


Um Beez an die eigenen Bedürfnisse anzupassen, wird in erster Linie die Datei layout.css von Interesse sein. Hier wird auf eine sehr ausgefeilte Art mit Klassen, IDs und Tag-Definitionen umgegangen. So wird der Mouseover-Effekt im Menü zweiter Ebene beispielsweise nicht über eine eigene CSS-Klasse erzeugt, sondern mit folgender Hierarchie angesprochen:

#left ul li ul li a:hover { 
    background:#93246F; 
}

Listing 14.2 Auszug aus »layout.css«

Also: Im Bereich (div) mit der ID left sollen alle Links (a), die in einer doppelt verschachtelten Liste stehen (ul li ul li), mit einer Hintergrundfarbe versehen werden, wenn die Maus darüber liegt (hover). Das CSS hier komplett zu besprechen würde ein eigenes Buch füllen. Um Änderungen nach Ihren Wünschen vorzunehmen, haben wir aber noch ein paar kleine Tipps:

  • Bearbeiten Sie das CSS in einem Editor und nicht über das Joomla!-Backend. Damit haben Sie einfache Suchen/Ersetzen-Funktionen verfügbar. Die CSS-Dateien liegen im Verzeichnis templates/beez/css.
  • Nutzen Sie die Suchen/Ersetzen-Funktion, wenn Sie Farben durchgehend ändern wollen.
  • Für eine Analyse des CSS sei Ihnen wärmstens die Firebug-Erweiterung für den Firefox-Browser ans Herz gelegt. Mit der Inspect-Funktion können Sie einfach das CSS und die zugehörige Datei ausfindig machen, die zu einem HTML-Element gehört, indem Sie mit der Maus darauf zeigen.


Ihr Kommentar

Wie hat Ihnen das <openbook> gefallen? Wir freuen uns immer über Ihre freundlichen und kritischen Rückmeldungen. >> Zum Feedback-Formular
<< zurück
  Zum Katalog
Zum Katalog: Joomla! 1.5 - Das umfassende Handbuch





Joomla! 1.5 -
Das umfassende Handbuch

Jetzt bestellen


 Ihre Meinung?
Wie hat Ihnen das <openbook> gefallen?
Ihre Meinung

 Buchtipps
Zum Katalog: Joomla! 3.5






 Joomla! 3.5


Zum Katalog: Top-Rankings bei Google und Co






 Top-Rankings bei
 Google und Co


Zum Katalog: Erfolgreiche Websites






 Erfolgreiche Websites


Zum Katalog: WordPress 4






 WordPress 4


Zum Katalog: Webseiten erstellen für Einsteiger






 Webseiten erstellen
 für Einsteiger


 Shopping
Versandkostenfrei bestellen in Deutschland und Österreich
InfoInfo




Copyright © Rheinwerk Verlag GmbH 2009
Für Ihren privaten Gebrauch dürfen Sie die Online-Version natürlich ausdrucken. Ansonsten unterliegt das <openbook> denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.


[Rheinwerk Computing]

Rheinwerk Verlag GmbH, Rheinwerkallee 4, 53227 Bonn, Tel.: 0228.42150.0, Fax 0228.42150.77, service@rheinwerk-verlag.de