Ihre Seite gestalten

In zwei Schritten können Sie Ihren Firmeneintrag gestalterisch beeinflussen. Sehr einfach können Sie vorhandene Stilvorlagen auf Ihre Seite anwenden. Wenn Sie es individueller wünschen, können Sie die vorhandenen Vorlagen für eigene Zwecke kopieren und dann nach Ihren Vorstelllungen anpassen.

Stilvorlagen

Sie können aus einer wachsenden Auswahl von Layout-Vorlagen (Styles oder Skins) einen veränderten Hintergrund auswählen:

• werben.css - Werben für den Kiez, leuchtend gelbes Papier
• Mauerwerk.css - unverputzt...
• dunkel.css - Infoleitsystem bei Nacht, mit schickem Rahmen im Noppen-Stil
• beispiel.css - Große, zentrierte Lettern auf orangem Grund

Setzen Sie dazu unter Seiten-Eigenschaften Ihrer Seite zum Beispiel den Eintrag:

 pagestyle=beispiel.css

Ihre Seite individuell gestalten

Auf //sprengelkiez.info/ können Sie Farben, Layout und Schriften Ihrer Firmenseite sogar individuell einrichten. Das setzt allerdings für alle, denen das Kürzel CSS nichts sagt, eine gewisse Bereitschaft zur Einarbeitung voraus, weil wir dazu leider keine automatisierte Unterstützung mehr anbieten können.

CSS steht für Stilvorlagen, eine Art Notation zur Festlegung des Aussehens von Webseiten. Sie brauchen nun vor dem Erlernen dieser Notation nicht zurückschrecken, denn sie ist relativ einfach und Sie können damit beginnen, daß Sie sich eine der bestehenden Stilvorlagen kopieren.

Was ist zu tun?

1. Überlegen Sie sich eine einfache Bezeichnung für Ihr neues Layout, am besten ein Wort. Das kann Ihr Firmenname sein, sie können aber auch eine Beschreibung wählen, wie "Herbst", "Italien" oder "mint". Diese könnten Sie dann auch weiter oben in die Sammlung von Stilvorlagen einfügen und damit anderen zur Verfügung stellen.
2. Lassen Sie sich eine bestehende Stilvorlage Ihrer Wahl anzeigen.
3. Wählen Sie Aktualisieren?,
4. kopieren Sie sich den kompletten Text der Stilvorlage in die Zwischenablage
5. In der Adresszeile Ihres Browsers sehen Sie "..index.php?edit=vorlage.css". Ersetzen Sie vorlage durch den Namen Ihres Layouts (".css" lassen Sie stehen) und starten damit Ihre Anfrage neu.
6. Es erscheint ein fast leeres Seitenformular
7. Setzen Sie aus der Zwischenablage den eben kopierten Text wieder ein.
8. Nun können Sie damit beginnen, Ihr eigenes Layout zu definieren.
9. Setzen Sie Seiten-Eigenschaften

  Art=Layout
  in=Stilvorlage
  pagestyle=IhrLayout?.css

Stilvorlage schreiben

Jede Stilvorlage besteht aus Abschnitten zu bestimmten Bereichen der Seite. Zuerst wird der Bereich genannt, dann folgen in geschweiften Klammern die Formatierungen.

 .page { background-color: #ddd;
         font-family: Verdana;
         font-size: large;
       }

In diesem Beispiel werden drei Festlegungen für den Seitenbereich getroffen, jeweils abgeschlossen mit einem Semikolon:

1. hellgrauer Hintergrund
2. Schrifttyp Verdana
3. Große Schrift

Eine Übersicht der verschiedenen Farbtöne finden Sie in der Wikipedia: *http://de.wikipedia.org/wiki/Webfarben und bei

• //droeppez.de/

Um sich Anregungen zu holen, schauen Sie doch ein fach in die vorhandenen Stilvorlagen!

 

---

Haben Sie noch Fragen zu dieser Seite? Wir helfen Ihnen jederzeit gerne weiter.