Gesammelte Tipps & Tricks zur optischen Gestaltung

Collapse
X
Collapse
 

  • Gesammelte Tipps & Tricks zur optischen Gestaltung

    Gelesene & ungelesene Beiträge optisch trennen

    Folgenden Code im Template css_additional.css hinzufügen oder mittels Site Builder -> Style -> CSS-Editor:

    Code:
     /* read posts */ .topic-item.read .topic-title {     color: green !important; }  /* unread posts */ .topic-item .topic-title {     color: red !important; }
    Die Farben können dann nach Belieben angepasst werden.


    Header-Logo zentrieren

    Nachdem sich das Seitenlogo und das Suchfeld in unterschiedlichen Zellen befinden, ist es nicht ganz so einfach, dass Logo auszutauschen bzw. dessen Größe und Ausrichtung anzupassen.
    Dieser Code kann in das Template css_additional.css eingegeben werden:
    [code]
    #header .header-cell { width: 50%; text-align: right; } #header .toolbar { width: 50%; /* seems to work without this, but I don't know about IE (try with and without this) */ } #header .site-logo { max-width: 350px; display: inline-block; margin-right: -175px; /* half of the logo width */ } #header .site-logo img { max-width: 350px; width: 350px; height: 108px; } Hinweis: Hier wurde ein Logo mit einer Breite von 350 Pixel und einer Höhe von 108 Pixel verwendet.


    Dieser Beitrag wird laufend erweitert...
    Last edited by captainslater; Tue 16 Sep '14, 10:00pm.

    • wurfgang
      #1
      wurfgang commented
      Editing a comment
      @ Gelesene & ungelesene Beiträge optisch trennen: den Teil für ".topic-item.read" weglassen führt dazu, dass alle Thementitel rot sind. Kann man den Code so modifizieren, dass nur die unread Topics markiert werden, die read Topics unverändert bleiben? (Ohne den read Topics die Farbe zu geben, die sie ohnehin schon haben - das müsste man dann ja in verschiedenen Styles mit versch. Farben immer extra machen)

    • Madekozu
      #2
      Madekozu commented
      Editing a comment
      sammelt noch jemand diverse tipps?
      ich mag solch kleinen spielereien - bin gerade dabei mein 5'er vbulletin kennen zu lernen - mit all den macken die es hat.
    Posting comments is disabled.

Related Topics

Collapse

Working...