Header teilen in Logo und Banner

  • Ich suche schon länger hier im Forum und habe bisher nichts gefunden.

    Ich möchte die Grafik im Header verkleinern, so dass auf die rechte Seite ein Bannerplugin 468 x 60 hin passt.

    Seite ist http://www.theatermanagement-aktuell.de/blog/

    2. Fragen:
    1. Wie und wo bekomme ich die Anzeige einer neuen Grafik so hin das es passt.
    2. Welches Bannerrotationsplugin kann ich nutzen und wie setze ich es ein dass es auch oben im Header an dieser Postion erscheint.

    Thomas Fanselow

    • 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

  • PHP
    <div id="header"><div id="kopf">
    <span class="links"><span style="font-size:36px">Lars</span><br />ins Parlament</span>
    
    
    <div id="slide">
    <?php if (class_exists('Gallery')) { $Gallery = new Gallery(); $Gallery -> slideshow($output = true, $post_id = null); }; ?>
    </div>
    
    
    </div>

    Du legst 2 Divs für die Anzeige in den Header-Div z.B. kopf und slide. In der style.css die Positionen und Größen angeben.

    Ich habe links einen Text und rechts die slideshow http://gsew.de/entwicklungen/?vasthtmlaction=viewtopic&t=9.0.

    Zusehen ist es hier: http://test1.gsew.de/

  • Vielen Dank für den Tipp.
    Funktioniert aber nicht so richtig. Wahrscheinlich habe ich mich nicht richtig ausgedrückt.

    Den Header in 2 Teile teilen. Linke Seite soll eine Grafik ( Logo hin ) ändert sich nicht.

    Rechte Seite ein Werbebannersystem ( Rotation )
    Zur Zeit ist die Grafik 960px breit.
    Beide Teilen sollen nachher je 480 px breit sein.

    Danke für die Hilfe im voraus.

    Thomas Fanselow

  • setze als erstes mal eine kleinere Header-Grafik ein z.B. 480px breit:

    Zitat

    #header {
    background: #ffffff url(images/[COLOR=Red]headerbackground.gif[/COLOR]) top [COLOR=Red]left[/COLOR] repeat-x;
    padding: 20px 0px 26px 25px;
    margin-bottom: 0px;
    }

    Die sollte dann links stehen und bis zur Mitte

  • Habe ich gemacht, Und neuen Logobanner habe ich auch schon eingefügt.

    Jetzt fehlt mir nur noch rechts die Möglichkeit den Rotationsbanner einzubauen.

    Super Hilfe bisher, vielen Dank.
    Werde in meinem Blog einen Link zu Ihrer Seite setzen.

    Thomas Fanselow

  • Ich kenne das verwendete Them nicht, können die Headergrafiken über das Admin-panel gesetzt werden? Ich habe jetzt mal den Quellcode verändert:

    HTML
    <div style="float:left"><img src="http://www.theatermanagement-aktuell.de/blog/wp-content/themes/rockinnewspaper-3col-1_ger/images/theatermanagement-aktuell.jpg" alt="Theatermanagement Aktuell"></div>
    <div style=""><img src="http://www.theatermanagement-aktuell.de/blog/wp-content/themes/rockinnewspaper-3col-1_ger/images/theatermanagement-aktuell.jpg" alt="Theatermanagement Aktuell" /></div>

    Damit wird die Grafik jetzt 2 mal nebeneinander angezeigt. Nun kann die 2. Grafik durch den Bannercode ersetzt werden.

  • Super Dank für die schnelle Hilfe.
    Damit kann ich heute die Seite abschließen.
    Ich mache diese für einen Freund, der keine Zeit hat sich mit diesen Sachen auseinander zu setzen.
    Meine Seite ist http://www.fanstars.de/hotelmarketing

    Würde mich freuen wenn Sie das Angebot nutzen, dass ich Ihnen per PN gesendet habe.
    MFG aus Wien
    Thomas Fanselow

    Thomas Fanselow

  • Banner im Header zentrieren

    Vielen Dank nochmal für die Hilfe.
    Habe jetzt einen noch einfacheren weg gefunden
    Siehe Code:

    HTML
    <div align="left"><img src="<?php bloginfo('template_url');  ?>/images/theatermanagement-aktuell.jpg" alt="<?php  bloginfo('name'); ?>" />[bannergarden id="1"]</div>

    Jetzt habe ich nur die Herausforderung den Banner in der Mitte ( von oben nach unten und von rechts nach links ) anzuzeigen.

    Was muss ich wo einfügen?

    Thomas Fanselow

  • Einfacher ist nicht unbedingt richtig. Du musst beiden Elementen einen eigenen div zuweisen, dann kannst du sie unabhängig voneinander anordnen.
    dem Ersten <div style="flot:left">BildURL</div>dem Zweiten <div>Banneraufruf</div>
    Dem Banneraufruf müssten Größenangaben als parameter mitgegeben werden können.

  • Ich habe mal das plugin getestet:
    Die Banner werden in ihrer Originalgröße angezeigt. Sie müssen also alle die gleiche Größe haben, die Größe richtet sich nach den Abmessungen des Platzes im Header.

  • Einfacher ist nicht unbedingt richtig. Du musst beiden Elementen einen eigenen div zuweisen, dann kannst du sie unabhängig voneinander anordnen.
    dem Ersten <div style="flot:left">BildURL</div>dem Zweiten <div>Banneraufruf</div>
    Dem Banneraufruf müssten Größenangaben als parameter mitgegeben werden können.

    Ja das mit den eigenen divs ist klar, habe mich da falsch ausgedrückt und den falschen Code kopiert. ( Habe ich noch in header.php geändert )

    HTML
    <div align="left"><img src="<?php bloginfo('template_url'); ?>/images/theatermanagement-aktuell.jpg" alt="<?php bloginfo('name'); ?>" /></div><div>[bannergarden id="1"]</div>

    Thomas Fanselow

  • Ich habe mal das plugin getestet:
    Die Banner werden in ihrer Originalgröße angezeigt. Sie müssen also alle die gleiche Größe haben, die Größe richtet sich nach den Abmessungen des Platzes im Header.

    Banner im Header werden immer in der gleichen Größe angegeben.

    Wie kann ich die Bannerposition in der rechten Seite des Headers mittig von oben und der Seite anzeigen.

    Thomas Fanselow

  • Zitat

    Wie kann ich die Bannerposition in der rechten Seite des Headers mittig von oben und der Seite anzeigen.

    Endlich mal beachten, dass <div align="left"> nicht hilft!

    Hier die css-Anweisungen für die jetzt gewählten Höhen.

    Zitat


    <div [COLOR=Red]style="float:left"[/COLOR]>BildURL</div>
    <div [COLOR=Red]style="margin-top:54px;margin-bottom:54px"[/COLOR]>Banner Garden</div>

    PS:
    Bitte ab und zu mal den Link zur Seite im Post wiederholen, sonst muss man immer wieder auf der 1. Seite suchen.
    Außerdem eine nicht verzerrte Grafik als Musrter verwenden, das irritiert etwas.

    Einmal editiert, zuletzt von bgeissler (31. August 2010 um 09:38)

Jetzt mitmachen!

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