Sidebar Text zweifarbig

    Wir möchten in der Sidebar unser Logo zweifarbig als Text anzeigen. In etwa so:

    [COLOR=Red]loft[COLOR=DimGray]home.ch[/COLOR][/COLOR]

    So sieht der Sidebar source aus.
    <li class="sidebox">
    <div class="lofth1">
    loft
    <div class="lofth2">
    home.ch</div>
    </div>
    </li>

    Und so die CSS

    #sidebar .lofth1 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color: #e02d23;
    background: #626262;
    font-weight: normal;
    font-size: 1.8em;
    text-align: left;
    font-variant:normal;
    }
    #sidebar .lofth1 .lofth2 {
    color: #ffffff;
    font-size: 1.8em;
    }

    Und so das Resultat:

    [COLOR=Red]loft[/COLOR]
    [size=18][COLOR=Gray]home.ch

    [/COLOR][/SIZE]Wer weiss Rat?

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Was Du da hattest, war ein insgesamt schlechter Ansatz. Hier eine Möglichkeit:

    HTML
    <div class="loft">
loft<span>home.ch</span>
</div>

    Ins Stylesheet muss dafür dann sowas hier rein:

    .loft {
    Hier alle Eingaben, die für die gesamte Überschrift gelten sollen, außerdem die Farbe von loft.
    }
    .loft span {
    Hier muss nur noch die Farbe für home.ch eingetragen werden.
    }

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden