Layout Ihrer Singlebörse über das Admin-Menü bearbeiten

Im Admin-Menüpunkt Einstellungen der Flirt-SoftwareLayout bearbeiten können Sie ohne CSS-Kenntnisse das Layout, das heißt in erster Linie die farbliche Darstellung Ihres Flirt-Portals editieren.

Layout bearbeiten

Den Unter-Menüpunkt Layout bearbeiten erreichen Sie durch Klick auf den gleichnamigen Link in der linken Spalte des Admin-Menüpunkts Einstellungen der Flirt-Software.

Zur Design-Anpassung empfiehlt sich, ein Backup der includes/styles.php-Datei anzufertigen, die Wirkung der Änderungen in diesem Menüpunkt auszutesten und bei Nicht-Gefallen die Sicherungs-Kopie der includes/styles.php-Datei einzuspielen, sowie gegebenenfalls die Zugriffsrechte (777) zu vergeben.

 

Bei Design-Anpassungen ist es unumgänglich, mehrere Angaben zu testen und das praktische Ergebnis zu betrachten. Mit den möglichen Layout-Anpassungen über das Admin-Menü wurde versucht, einen Kompromiss zwischen einer für Laien eigenständig durchführbaren Layout-Anpassung und eines für Experten relativ einfach auf CSS-Basis umzustellenden Systems zu finden. Die möglichen Einstellungen sind:

Layout bearbeiten
  1. Unterrubriken in Menü anzeigen
    Mit Auswahl nein werden in der vertikalen Menü-Leiste Ihres Dating-Portals nur Hauptrubriken dargestellt, nicht die Unterrubriken. Letztere werden mit Auswahl ja angezeigt.
  2. Hintergrund 1
    Hier ist die Angabe eines HTML-Farbcodes erforderlich. Der angegebene Farbcode bestimmt die Hintergrundfarbe innerhalb der Haupt-Tabelle.

Es gibt zahlreiche Websites mit umfangreichen HTML-Farbcode-Tabellen und eigenen Farbcode-Generatoren. Eine dieser Tabellen finden Sie z.B. auf http://www.html-php-mysql.de/generatoren/colors.php.

  1. Hintergrund 2
    Auch hier wird die Angabe eines HTML-Farbcodes erwartet. Der Hintergrund 2 wird unter anderem für die horizontale Menüleiste im Kopf-Bereich Ihres Dating-Portals verwendet.
  2. Header-Hintergrund
    Der Header-Hintergrund wird vorwiegend als Rahmenfarbe für die Haupt-Tabelle verwendet.
  3. Fehlermeldung
    Empfohlenerweise ist hier eine rote Schrift via -Tag anzugeben.
  4. Standard-Text
    In dieser Schriftart, -farbe und -größe wird der Großteil der Texte auf Ihrer Dating-Community dargestellt.
  5. Weiße Schrift
    Die Weiße Schrift findet vor allem auf dem als empfohlenerweise dunkelfarbig anzugebenden Header-Hintergrund Anwendung.
  6. Kleine Schrift
    Diese empfohlenerweise als -Tag anzugebende Schrift wird vorwiegend für Vermerke verwendet.
  7. Kleine, weiße Schrift
    Diese Schrift wird vorwiegend auf dem standardmäßig dunkelfarbigen Header-Hintergrund verwendet.
  8. Button-Style 1
    Der Button-Style 1 ist als Inline-CSS anzugeben nach dem Schema style=“…“. Standardmäßig unterscheidet er sich vom Button-Style 2 durch die Verwendung von Fettschrift im Button.
  9. Button-Style 2
    Wie beim Button-Style 1 ist die Angabe im Inline-CSS-Format zu machen. Der Button-Style 2 wird für vergleichsweise weniger wichtige Buttons verwendet.
  10. Text-Style 1
    Der im Inline-CSS-Format anzugebende Text-Style 1 wird für -, d.h. einzeilige Eingabe-Felder genutzt.
  11. Text-Style 2
    Der Text-Style 2 wird für
  12. Überschriften-Tabelle 1
    Die Überschriften-Tabelle wird auf nahezu jeder Seite Ihres Dating-Portals verwendet. Der unter Überschriften-Tabelle 1 angegebene Code wird vor der Überschrift der jeweiligen Seite eingesetzt. Auf der Startseite z.B. vor Herzlich willkommen bei….
  13. Überschriften-Tabelle 2
    Der unter Überschriften-Tabelle 2 angegebene Code schließt die eigentliche Überschrift und leitet den unterhalb der Überschrift angezeigten Text ein. Auf der Startseite beispielsweise ist dies der Code zwischen Herzlich willkommen bei… und dem in der templates/de/index.html-Datei zu hinterlegenden Begrüßungstext.
  14. Überschriften-Tabelle 3
    Die Überschriften-Tabelle 3 kommt unterhalb des eigentlichen Inhalts der Seiten zum Einsatz, um in der Überschriften-Tabelle 1 und/oder Überschriften-Tabelle 2 geöffnete Tags zu schließen.
  15. Kleine Tabelle 1
    Die Kleine Tabelle 1 kommt vor allem in der vertikalen Menü-Leiste zum Einsatz. Ihr folgen Überschriften wie User online oder Statistik. Des Weiteren finden Sie die Kleine Tabelle 1 unter anderem auf der Startseite zur Darstellung der Überschrift Aktuelle Community- und Systemnachrichten.
  16. Kleine Tabelle 2
    Der unter Kleine Tabelle 2 eingegebene Code ist dafür vorgesehen, unter Kleine Tabelle 1 geöffnete Tags zu schließen.
  17. Unsichtbare Tabelle 1
    Die Unsichtbare Tabelle 1 wird an mehreren Stellen Ihres Flirt-Portals als Platzhalter eingesetzt.
  18. Unsichtbare Tabelle 2
    Unter Unsichtbare Tabelle 2 werden im code von Unsichtbare Tabelle 1 geöffnete Tags geschlossen.

Wer sich mit CSS auskennt, kann statt einer Tabelle als Unsichtbare Tabelle ein div-Element mit einer Mindesthöhe von wenigen Pixeln, Breite 99% mit zentraler Ausrichtung oder einem geringen Innenabstand verwenden, das unter Unsichtbare Tabelle 2 geöffnet und unter Unsichtbare Tabelle 2 geschlossen wird.

  1. Link-Style
    Die Angabe zur graphischen Darstellung von Links auf der Seite sollte auch Laien innerhalb einer CSS-Datei möglich sein. Die Angabemöglichkeit unter Link-Style ist damit hinfällig.
  2. Listenelement 1
    Das Listenelement 1 erwartet die Angabe eines -Tags, der wichtigen Hinweisen vorangestellt wird.
  3. Listenelement 2
    Der unter Listenelement 2 anzugebende -Tag wird vorwiegend Links vorangestellt, z.B. im Haupt-Menü Ihrer Flirtbörse.
  4. Listenelement 3
    Auch beim Listenelement 3 empfiehlt sich die Angabe eines -Tags. Angewandt wird das Listenelement 3 vor allem bei Hinweistexten, die von geringerer Bedeutung sind als die mit dem Listenelement 1 gekennzeichneten.
  5. Schrift auf weiß-grauem Hintergrund
    In der User-Statistik, Posteingang etc. wird nicht-editierbarer, weiß-grauer Hintergrund verwendet. Sollten Sie als Kleine Schrift eine helle Farbe angegeben haben, kann es zu Darstellungs-Problemen (weiß auf weiß) kommen. Um dieses Problem zu beseitigen, können Sie an dieser Stelle nun eine andere Schriftfarbe angeben.

Alternativ zur Angabe einer abweichenden Schriftfarbe unter Schrift auf weiß-grauem Hintergrund kann auch die Farbe des ursprünglich weiß-graue Hintergrunds in den Template-Dateien editiert werden.

 

Ein Klick auf den Speichern-Button sichert die gemachten Layout-Angaben.