Header Image in Design zBench einfügen

    Hallo zusammen,
    ich möchte in mein Design "zBench" ein Header Image einfügen, doch finde ich mich im css nicht zurecht, hier der code:

    /* Header */
    #header{z-index:1;position:relative;margin:30px auto 0;height:60px;}
    #header h1{float:left;padding:0 0 0 10px;text-shadow:1px 1px 1px #999;font-size:28px;font-family:Georgia,"Times New Roman",Times,serif;}
    #header h1 a{color:#222;line-height:30px;}
    #header h2{float:left;height:20px;overflow:hidden;line-height:18px;padding:10px 0 0 20px;color:#222;font-size:12px;font-weight:normal;text-shadow:0 1px 0 #fff;}

    schon einmal vielen Dank für die Antworten

    • 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

    Zitat von schmtimo

    Super Forum!

    freut uns, das du das Forum super findest :mrgreen:

    kleiner Tipp, ein Link zum Blog, hilft beim helfen
    nicht jeder durchsucht erst mal das Netz, nach deinem Theme

    was hast du denn schon versucht?

    du hast ja oben 4Zeilen header-css-Code
    ich hätte es gleich mal in der 1.Zeile versucht

    falls du nicht weißt wie das Header-Bild eingefügt wird

    wie schon geschrieben erste Zeile des Codes oben also diese

    Code
    #header{z-index:1;position:relative;margin:30px auto 0;height:60px;}

    das

    Code
    height:60px;

    gibt die Höhe an

    Dein Theme hat eine Breite von 960px

    Also Headerbild erstellen z.B. 960px breit, 100px hoch

    Bild in den images-Ordner des Themes hoch laden und den Code so anpassen

    Code
    #header{z-index:1;position:relative;margin:30px auto 0;[COLOR=Red]height:100px; background:url("http://forum.wordpress-deutschland.org/images/header.jpg") no-repeat scroll 0 0 transparent;[/COLOR]}

    statt [COLOR=Red]jpg[/COLOR] kannst du natürlich auch ein anderes Format verwenden

    Eventuell sind weitere Anpassungen notwendig, damit das Headerbild sich korrekt ins Theme integriert.

    [COLOR=Red]Achtung[/COLOR] das

    Code
    [COLOR=Red]http://forum.wordpress-deutschland.org/[/COLOR]

    gehört nicht in den Code, das ist ein Fehler hier im Forum und lässt sich leider nicht entfernen
    also nur
    [COLOR=Red]images/header.jpg[/COLOR]

    Einmal editiert, zuletzt von Tutrix (28. Januar 2011 um 19:30)

    ja hab den cache vom Mozilla und Safari mal gelöscht, jetzt gehts.
    "Schmtimo.wordpress.com" war mein Blog der direkt über die FTPs von Wordpress laufen und ich wollte einen eigenen FTP, wo ich wie gesagt auch den Header selbst editen kann :-D.

    MfG Schmtimo

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden