Header Grafik ändern?

    Hallo,

    ich richte derzeit einen neuen Blog ein. Ich habe ein super schönes kostenloses Theme gefunden, dass ich derzeit mit der Erlaubnis des Erstellers anpasse. Bei einem Schritt, weiß ich mir aber leider nicht zu helfen:

    Die Url zu meinem Blog: http://wordpresste.bplaced.net/wordpress/
    So sieht das Design aus: http://www.abload.de/img/1qj98.jpg

    Nun würde ich aus dem kompletten Header gerne eine einzige Grafik machen. Es soll also so aussehen: http://www.abload.de/img/2j8ez.jpg

    Die Grafik soll so breit sein, wie die Navi und 150 Px groß sein. Was muss ich da am Code verändern?

    Style.css: http://www.xup.in/dl,11882680/56644paste.txt/#
    Header.php: http://www.xup.in/dl,15848309/58915paste.txt/

    Ich sage schon mal vielen Dank, für eure Hilfe :- )

    Liebe Grüße
    Peter

    • 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

    gib in der css für #branding einfach einen background an:

    Code
    #branding {
[COLOR=Red]background-color:#BA0A0A;[/COLOR]
text-transform:uppercase;
margin-bottom:14px;
}

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Verstehe leider nicht, was dann passiert. Dadurch besteht der Header dann doch nicht aus einer einzigen Grafik oder? Welche Grafik muss ich dann bearbeiten?

    Liebe Grüße und vielen Dank, für die Hilfe!

    ich dachte es sollte rot aussehen wie in deinem bsp.Bild. Sonst stell deine Frage mal genauer.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Also doch so ählich ... dann machst du aus dem background-color ein background-image und setzt deine eigene Grafik da ein.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    background-image: url(../images/Logo.gif);

    Wenn ich das eingefügt habe, hat sich nichts außer der Hintergrund geändert und das wollte ich ja nicht?
    Danke!

    hmm, dann scheine ich dich nicht ganz zu verstehen. Was genau ist dann noch das Problem? Möchtest du den Blogtitel/ Slogan weg haben?

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Also, ich erkläre es nochmal.

    Ich habe folgenden Blog:

    http://wordpresste.bplaced.net/wordpress/

    Der Header besteht ja aktuell aus einer Grafik (Test) dem Schriftzug "Ein weiteres....." und rechts von dem Schriftzug besteht der Header ja einfach aus einer leeren Fläche.

    Ich habe nun mal folgendes Bild skizziert:

    http://img5.abload.de/img/2j8ez.jpg

    Ich will einen Header haben, der aus einer einzigen Grafik besteht. Es soll also nur eine 960 x 150 Pixel große JPG Datei im Header sein.

    Ich hoffe, dass war verständlich?

    Liebe Grüße

    okay, also doch nicht falsch verstanden, denn genau das hatte ich ja erklärt. Vielleicht verstehst du mich falsch :???: Mach es mit background-image und füge noch eine höhe mit ein:

    Code
    #branding {
[COLOR=Red]background:transparent url(http://wordpresste.bplaced.net/wordpress/wp-content/themes/mercedes/images/Logo.jpg) repeat scroll 0 0;[/COLOR]
[COLOR=DarkOrange]height:150px;[/COLOR]
margin-bottom:14px;
text-transform:uppercase;
}

    und schreib dann was dich noch stört.
    Ich vermute der Blogtitel und die Description, oder? Die kannst du in der header.php löschen. Sollte sowas in der Art sein:

    PHP
    <?php bloginfo('name'); ?>
<?php bloginfo('description'); ?>

    Dann ist da noch ein Trennstrich, der aus dem Background des #blog-title in der style.css kommt, den solltest du dann auch noch löschen:

    Code
    #blog-title {
[COLOR=Red]    background:transparent url(images/brand-separator.gif) no-repeat 100% 0;[/COLOR]
    display:block;
    font:bold 40px Tahoma, Arial, Verdana;
    color:#4c4838;
    float:left;
    padding-right:21px;
    line-height:83px;
}

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Hallo,

    erstmal vielen Dank für die Hilfe, es klappt jetzt fast alles perfekt.

    Nur den Titel Hinweis bekomme ich nicht weg. Hier mal die Header.php:

    http://www.xup.in/dl,20855124/81517paste.txt/

    Ich habe mal mit Steuerung + F "[COLOR=#000000][COLOR=#0000CC]bloginfo[/COLOR][COLOR=#006600]" abgesucht, aber das gibt es sehr oft und alles was ich lösche, bringt nur Fehlermeldungen?[/COLOR][/COLOR]

    also doch etwas falsch verstanden, wa?? :mrgreen:

    Die Zeile

    PHP
    <div id="blog-title"><a href="<?php echo get_option('home') ?>/" title="<?php bloginfo('name') ?>" rel="home"><?php bloginfo('name') ?></a></div>

    Sollte anschließend so aussehen:

    PHP
    <div id="blog-title"><a href="<?php echo get_option('home') ?>/" title="<?php bloginfo('name') ?>" rel="home">&nbsp;</a></div>

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Ja :mrgreen:

    So, perfekt. Ich habe jetzt noch die des[COLOR=#000000][COLOR=#CC0000][/COLOR][/COLOR]cription gelöscht und die Sache läuft. Das einzigste, was jetzt noch komisch ist, dass der Header nur an einer Stelle links verlinkt ist. Ich würde es aber gerne machen, dass man in jedem Bereich auf den Header klicken kann und verlinkt wird?

    Liebe Grüße

    da verweise ich mal an die FAQ: http://faq.wordpress-deutschland.org/wie-verlinke-ich-meinen-header/

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden