Theme: Modern Hilfe zu Anpassungen

    Da ich im ganzen Forum nichts über das Theme Modern von Ulf Pettersson finden konnte, eröffne ich hier mal einen Thread in dem (hoffentlich) die eine oder andere Frage zur Anpassung beantwortet werden kann.

    Für diejenigen die das Theme noch nicht kennen:
    http://ulfpettersson.se/design/modern/

    Das Theme ist ein ziemlich simples aber gerade deswegen ideal (zumindest für meine Zwecke). Ein paar Änderungen würde ich aber gerne vornehmen, bitte an dieser Stelle jedoch um Nachsicht, ich bin wie bereits erwähnt absoluter Neueinsteiger.

    Mir schweben diverse Änderungen vor, zuallererst würde ich gerne anstelle des Namens ein Bild einfügen (also die Header Grafik auswechseln), doch wie entferne ich den dort stehende Namen der ja auch noch ein Hoover beinhaltet (weißes Feld). Ich möchte also lediglich ein Bild an dieser Stelle einfügen und dieses dann aber "anklickbar" lassen.

    Dank vorab
    peelot

    • 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

    in der style.css findest Du

    h1 {
    font-size: 3.8em;
    line-height: 0.9em;
    }

    #header h1 a {
    color: rgb(200,100,40);
    letter-spacing: -3px;
    font-family: Galliard, Georgia, 'Times New Roman', Serif;
    font-weight: normal;
    text-align: center;
    text-transform: lowercase;
    border: none;
    }
    das ist für den Namen verantwortlich

    in der header.php nehme ich an , findest Du wo

    <div id="header">

    und dort steht wo was zwischen dem h1

    genau dort musst Du Dein Bild einbinden,

    ich habe es nicht ausprobiert,
    nutze das Theme nicht,
    bei weiteren Fragen einfach fragen ;)

    lg


    <ul>

    Monika:
    Vielen Dank für Deine schnelle Rückmeldung.

    Also, die Grafik habe ich jetzt eingebunden (zwar noch nicht perfekt aber ersteinmal geschafft), doch wie bekomme ich jetzt diese Hover-Funktion weg, ohne diese auch in der oberen Navigation wegzunehmen?

    Dank schonmal vorab.

    Einmal editiert, zuletzt von peelot (14. Februar 2006 um 22:56)

    a {color: rgb(020,105,185); text-decoration: none;}
    a:visited {color: rgb(200,100,40);}
    a:hover {color: rgb(000,160,240); text-decoration: underline;}

    das designt alle links,

    #header a {z-index: 100;
    margin-top: -3px;
    border-top: 3px solid rgb(130,135,145);
    border-left: 1px solid rgb(221,217,215);
    border-bottom: none;
    text-transform: uppercase;
    font-size: 1em;
    font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    letter-spacing: 1px;}
    #header a:hover, .preview:hover, .selected, a:visited.selected {text-decoration: none; color: white; background: rgb(221,217,215);}


    das designt die links im header

    so kannst Du das Bild extra ansprechen,

    #header h1 a img {color: rgb(020,105,185); text-decoration: none;}
    #header h1 a:visited img {color: rgb(200,100,40);}
    #header h1 a:hover img {color: rgb(020,105,185); text-decoration: none;}

    müßte klappen
    (aber ich habe erst einen Kaffee;) )

    lg

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden