Headgrafik ins Theme einfügen

  • Hallo,

    ich nbenutze das Lysa 1.3 Theme und möchte eine eigene Headgrafik einfügen, die auch schon bei mir im image Ordner liegt (header2.png). Ich habe schon recherchiert, es hängt doch mit der style.css und der header.php zusammen oder?
    Da ich schonn veruscht habe einiges einzufügen aber bisher nichts geklappt hat würd eich euch um Hilfe bitten.
    Vllt kann mir ja jemand besonders hilfsbereites den Code freundlicherweise anpassen. :smile:

    Theme: Lysa 1.3

    PHP-Code:
    [LEFT] [COLOR=#000000]

    </div>[/COLOR] [/LEFT]

    und style.css

    http://forum.wordpress-deutschland.org/lexikon/?do=showentry&item=css
    /* header */

    #header {
    min-height:260px;

    }

    #header h1{
    font:normal 60pt "Arial Black", Arial, Helvetica, sans-serif;
    padding:40px 0 20px 0;
    margin:0;
    text-align:center;
    letter-spacing:-5px;
    text-shadow: 0px 2px 3px #555;
    }


    #header h2{
    font:bold 10pt Arial, Helvetica, sans-serif;
    padding: 0 30px 10px 0 ;
    margin:0;
    float:right;
    }

    Danke und Gruß

    Einmal editiert, zuletzt von jottlieb (4. Mai 2010 um 19:36)

    • 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

  • Moin,

    Zitat

    Ich habe schon recherchiert, es hängt doch mit der style.css und der header.php zusammen oder?

    Jein, unter [Design] => [Lysa Options] kannst Du die Header-Grafik austauschen. Wobei dieses Theme eine URL des Bildes verlangt. Reichlich unelegante Lösung.

    Blödsinn, vergiss das:
    [COLOR="Silver"]Du kannst allerding auch in der style.css dem folgenden Code eine Hintergrundgrafik verpassen und Dein Bild so einbinden.

    Code
    #header h1 {
    font:60pt "Arial  Black",Arial,Helvetica,sans-serif;
    letter-spacing:-5px;
    margin:0;
    padding:40px 0  20px;
    text-align:center;
    text-shadow:0 2px  3px #555555;
    }

    [/COLOR]Es muss natürlich hier geschehen:

    Code
    #header {
    min-height:260px;
    
    
    
    
    }

    Gruß
    Marc

    „Ich bin Leben, das leben will, inmitten von Leben, das leben will.“ Albert Schweitzer

    Einmal editiert, zuletzt von -=Marc=- (4. Mai 2010 um 19:13)

  • danke für die schnelle Antwort....

    hab ja meine Grafik auf meinem Server liegen

    .../wp-content/themes/lysa/images/header2.png

    wie ist denn dann die url die ich da eintragen muss?

    Und wenn ich die style .css anpassen will, wie muss denn meine Änderung aussehen...so?

    /* header */

    #header {
    min-height:260px;
    background-image:url('Images/header2.png');
    }

    #header h1{
    font:normal 60pt "Arial Black", Arial, Helvetica, sans-serif;
    padding:40px 0 20px 0;
    margin:0;
    text-align:center;
    letter-spacing:-5px;
    text-shadow: 0px 2px 3px #555;
    }


    #header h2{
    font:bold 10pt Arial, Helvetica, sans-serif;
    padding: 0 30px 10px 0 ;
    margin:0;
    float:right;
    }

    Es wäre toll wenn mir jemand den richtigen code schreiben könnte..ich schaff es irgendwie nicht

    Danke und Gruß

  • Hi,

    Code
    background: url("images/header.png");

    wird normalerweise so angewendet, das ist schon korrekt.

    Aber mit ist aufgefallen, das du als Ordnername Images verwenden willst.

    Soweit ich weiß sollte man auf die Schreibweise achten, da es sonst wegen Case Sensitive zu Problemchen kommen kann, das heißt also das I = i .;)

    Ach ja, da ich ja nicht weiß, welche css du bearbeiten willst, es wäre die, welche in deinem Themeordner vorhanden ist.
    Aber ich schätze das weißt du ja schon, sonst hättest du es ja geschrieben. ;)

    Bitte keine Fragen per PM, oder Foren-Chat. Für Fragen ist das öffentliche Forum da. Meine Uerdinger Seite

Jetzt mitmachen!

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