XHTML, CSS und PHP (Probleme und Fehler)
Das Papoo-CMS basiert auf drei Bestandteilen,
- PHP, in dieser Programmiersprache ist Papoo geschrieben
- XHTML, die Ausgaben im Browser wird über XHTML erreicht
- CSS, mittels CSS werden die Formatierungen, also das Aussehen der Ausgabeseiten von Papoo, gesteuert.
Den Anwender von Papoo ist es möglich das Aussehen von Papoo über Änderungen an den CSS-Dateien weitesgehend an Ihre eigenen Bedürfnisse anzupassen. Einen Überblick über die Vielfalt der Seiten bieten die Referenzen von Papoo. Schauen Sie sich einfach mal auf den Seiten um. Sind spezielle Anpassungen im Layout nötig, sind auch tiefere Eingriffe in das System von Papoo nötig. Die Ausgabesteuerung wird im Papoo über Templates erreicht.
An dieser Stelle wollen wir Lösungen zeigen, wie Probleme und Fehler im Papoo behoben werden können, die nicht eine reine Fehlerbehebung nach einem Update sind. Häufig ist damit auch ein erhöhter Arbeitsaufwand bei zukünftigen Upgrades von Papoo verbunden, da die Änderungen dann wieder in das neue Upgrade eingearbeitet werden muss.
Ich habe ein Problem mit dem CSS
Die Frage des Designs stellt sich mit jeder Installation von Papoo.
Bisher gibt es eine CSS-Datei für alle Browser und eine CSS-Datei (IE_Fixes), in der die besonderheiten für den Internet Explorer reinkommen.
Nun kommen immer wieder Fragen, wo kann ich dies oder das in der CSS-Datei ändern. Dafür gibt für den Firefox mit dem Web Developer eine sehr gute Erweiterung, die eine zusätzliche Symbolleiste einblendet. Mit dieser Leiste können online Änderungen zum Test vorgenommen werden:
- CSS bearbeiten (Shortcut: STRG+Umschalt+B)
- CSS deaktivieren (Shortcut: STRG+Umschalt+D)
- Grafiken deaktivieren
- Grafiken ohne ALT-Attribute hervorheben
Ebenso kann über die Funktion Style informationen anzeigen (STRG+Umschalt+Y) mittels Mauszeiger jedes Element auf dem Bildschirm auf seine grundlegenden CSS Elemente überprüft werden.
Ab Papoo Version 3.0 wird das System auf YAML umgestellt.
Überschriften in der 3. Spalte sollen auch farbig unterlegt sein
<h3 class="bla">header</h3>
.bla {
background:#555;
}
oder
/* Kann natürlich auch h2,h4 etc sein */
.rechts1fl h3 {
background:#555;
}
