Stylesheets erweitern

Aus OpenEstate-Wiki

Allgemeines

Sowohl beim HTML-Export als auch beim PHP-Export werden vorgefertigte Stylesheets erzeugt. Im Allgemeinen ist es nicht sinnvoll, diese CSS-Dateien von Hand zu verändern. Bei der nächsten Übertragung aus dem ImmoTool können die Änderungen wieder verloren gehen.

Eigenen Stylesheet verwenden

Um individuelle Änderungen vornehmen zu können, die nicht versehentlich überschrieben werden können, erzeugen Sie sich eine zweite CSS-Datei und speichern diese auf dem Server ab.

Stylesheet im HTML-Export registrieren

• Tragen Sie die URL zum Stylesheet in den Format-Optionen ein und führen Sie den HTML-Export erneut aus, damit die Änderung wirksam wird.

Stylesheet im PHP-Export registrieren

• Tragen Sie die URL zum Stylesheet in den Format-Optionen ein.
• Sollte das PHP-Skript bereits auf dem Server eingerichtet sein, kann der Stylesheet zusätzlich in $AdditionalStylesheet hinterlegt werden. In diesem Falle ist kein erneuter Export aus dem ImmoTool nötig.

Vorgehensweise zur Erstellung des eigenen Stylesheets

Der registrierte eigene Stylesheet wird nach dem originalen Stylesheet geladen. Dies ermöglicht es dem eigenen Stylesheet, die bestehenden Werte zu überschreiben.

Beispiel: allgemeine Linkfarbe ändern

Man prüfe die Original-Stylesheet-Datei (website.css) auf die hinterlegte Einstellung. Dort steht z.B.

a, a:link, a:active, a:visited
{
  color: #909090;
  text-decoration: none;
}
 
a:hover
{
  color: #303030;
  text-decoration: underline;
}

In der eigenen Stylesheet-Datei müssen nur die abweichenden Farbwerte übernommen werden:

a, a:link, a:active, a:visited
{
  color: #123456;
}
 
a:hover
{
  color: #654321;
}

Beispiel: Hintergrund ändern

Man prüfe die Original-Stylesheet-Datei (website.css) auf die hinterlegte Einstellung. Dort steht z.B.

body
{
  background-color: #ffffff;
  font-size: 12px;
  margin: 0;
}

In der eigenen Stylesheet-Datei müssen nur die abweichenden Werte übernommen werden:

body
{
  background-color: #c0c0c0;
  background-image: url(my_background_image.jpg);
}