Werbebanner im Header

    • 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

    Den Code der Werbung in die header.php an gewünschte Stelle einbinden und dann ggf. noch per CSS stylen (float, align).

    [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]

    was muss wo an bestimmter Stelle stehen? Die Formatierung in der style.css musst du natürlich an die verwendete Class oder ID vom Werbebanner binden. Genauso musst du wohl deinen Blogtitel nach links schieben (bei h1, #logo das text-align löschen bzw. auf left setzen).

    [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]

    Erstmal die Headergrafik soweit ändern, dass auch Platz für die Werbung ist ;)

    Dann baust du in der header.php lediglich eine id für die CSS-Datei und die Grafik/den Code selbst ein, zum Beispiel mit

    Code
    [B]<div id="banner> [/B]


(hier den Code, die Grafik oder wasauchimmer hin)


[B]</div>[/B]

    und im Stylesheet dazu entsprechend den CSS-Code, um die Grafik auch vernünftig darzustellen, zB

    Code
    [B]#banner [/B]{display: block;
float: right;
width: 728px;
height: 90px;
padding: 4px 17px 0 0;
}

    wobei du in diesem Beispiel mit den padding-werten die Position noch genauer anpassen kannst. Wo genau du den Part in die CSS einfügst, ist völlig egal, der Übersicht halber würde ich es in die Nähe der sonstigen Header-Sachen schmeissen.

    Disclaimer: Keinerlei Garantie auf auch nur ansatzweise valides HTML, so habe ich es gemacht und so klappts - Bin mehr der Try&Error-Designer, zwinker, zwinker ^^

    Entweder du setzt den Werbecode in der richtigen Reihenfolge vor die H1-Überschrift (wg. float:right) oder du gibst h1, #logo ein float:left mit.

    [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]

    Code
    h1, #logo {
 margin:0 auto;
 widht:400px;float:left;
 color:#FFF;
 font:1.8em Georgia, "Times New Roman", Times, serif;
 padding-top:12px;
 text-align:left;
 font-weight:bold;
 }


    erklaerung:
    h1, #logo: 'display:block;' entfernt und durch 'width:400px;float:left;' ersetzt, das macht platz fuer #banner;

    PS: 'float:left;' allein reicht auch.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden