Banner im Headerbereich

  • Guten Tag, ich möchte gerne neben meinem Banner, eine Grafik einbauen, wo wenn man drauf klickt, auf eine verlinkung kommt.
    Wie mache ich das, das neben dem Logo noch ein Banner ist, mit verlinkung?


    mfg,
    Danke im Voraus

  • -eine neue templategruppe anlegen
    -template "header" da rein kopieren und bearbeiten


    nach Zeile 26 (inhalt [b][/b] {event name='headerLogo'} </a>...also NACH dem </a> )


    einfach so ungefähr einfügen ..


    Code
    <div class="meinzweitbanner"><a href="http://deinlinkzudemesführensoll"><img src="http://deinlinkdergrafik" alt="einAlternativtext"/></a></div>


    dann weist du die templategruppe dem Stil zu ..
    ggf. den Templatecache leeren, falls noch nix angezeigt wird...


    und im CSS des Stils kannst du dann dein Teil zurechtschieben
    wohin es halt soll ... ..zb. So




    Code
    /*Zweitbanner*/
    .meinzweitbanner {
    left: 1080px;
    position: absolute;
    top: 50px;
    z-index: 10;
    }
  • Das ist egal, schreib einfach nen Namen ein, den du da gern haben möchtest ....und mit dem Banner in Verbindung bringst :)
    Das Board legt ja den Ordner dann extra für die Templategruppe frisch an :)

  • Okey ich habe soweit alles eingefügt,



    Wie tue ich das?

  • joa, ok, danke für den Tip... ich hatte einiges ausprobiert und bei mir funzte das mit absolute iwie am einfachsten.. aber test ich demnächst, wenn ich mal wieder so was mache, aus :D

  • Habe mein Beitrag schon gelöscht, denn dass geht bei einer DIV nicht, hatte den HTML Code von dir missverstanden, mit relativ würde dass nur gehen wenn <a ...> direkt gefolgt vom ersten Banner kommen würde, aber mit DIV wird es darunter gesetzt und so muss dann doch absolute verwendet werden. Die class könnte man in diesem Fall direkt in <img .. einfügen.


    Sorry ich hatte dein Beitrag nicht gesehen, sonst hätte ich mein Beitrag nicht gelöscht, sondern bearbeitet.
    Aber absolute bringt so seine Probleme mit, weil immer eine Fixe Stelle bestimmt wird und dieses oft bei unterschiedlichen Bildschirmauflösungen von der Position anders ausfallen würde.
    Denn vergibst du 1000px sind diese immer gegeben und dass ganz egal ob eine Bildschirmbreite aus 1920Pixel besteht oder nur 1200Pixel hat.


    Ich würde daher kein DIV verwenden sondern direkt alles so:
    <a href="http://deinlinkzudemesführensoll"><img class="meinzweitbanner" src="http://deinlinkdergrafik" alt="einAlternativtext"/></a>
    Also direkt gefolgt nach dem LOGO.
    <a ...Logo...></a> <a ... BannerZwei...></a>


    Dann könnte man deine CSS Deklaration mit relativ verwenden und mit margin-left: 15px;.
    Dann steht der zweite Banner dahinter und wird mit margin-left  vom Logo aus nach rechts verstellt.

  • MH, naja.. ich hab nie behauptet, dass ich coden könnte ;)
    Ich hatte das hier mal erfragt, wie man das macht und dann wurde mir das so erklärt und auch die Stelle im Template..
    aber ich probier das gern auch mal so aus, bloss immo brauch ichs persönlich nicht :)


    dennoch Danke :) man lernt ja nie aus :D

  • Sollte auch keine Kritik sein und war auch nicht böse gemeint. :)
    War nur ein Verbesserungsvorschlag. ;)
    Nachdem ich schon 105 Erweiterungen geschrieben habe, hat man da schon einiges durch getestet. :)

  • So müsste das dann aussehen?

    Code
    /*Zweitbanner*/
    .meinzweitbanner {
    left: 1000px;
    position: absolute;
    top: 50px;
    z-index: 10;
    }


    Wenn ich das mache:

    Code
    /*Zweitbanner*/
    .meinzweitbanner {
    magin-left: 15px;
    position: absolute;
    top: 50px;
    z-index: 10;
    }


    also das margin nehme, überlappen sich die logos komplett.

  • magin-left: 15px;


    also das margin nehme, überlappen sich die logos komplett.


    dann musst du auch margin schreiben und nicht magin ..maggi ist was anderes ;)


    ausserdem, les bitte noch mal... das mit margin-left, sollte dann genommen werden, wenn du position: relative; machst ... also bitte, entweder so wie ichs dir gab, ODER so wies Coolman erklärte.. aber kein Mischdings ...


    hier kannst du dich auch noch bissl durchlesen: www.css4you.de

  • Hallo,


    habe bei nun auch dank des Themas hier einen 2ten Banner im Header.
    Jedoch passt es noch nicht so ganz.
    Ich möchte ihn bei mir auf der Seite ganz rechts haben, was ja auch bereits geklappt hat, sobald der Bildschrim aber kleiner wird, passt er sich nicht der Größe an.
    Was muss ich da noch Ändern?

    Mit freundlichen Grüßen,
    Nohwet

  • Wenn Du in Deiner Deklaration festlegst, dass die Grafik absolut positioniert und 900px vom linken Bildschirmrand angezeigt wird, darf Dich das doch nicht wundern. Mir liegt jetzt gerade eine häufig von Black Rider gemachte Aussage auf der Zunge, aber ich verkneife sie mir.


    Ich persönlich würde spontan das Teil vom rechten Bildschirmrand aus positionieren (right: 2%;), damit es bündig mit den anderen Inhalten wird, eine Höchstbreite für a in Prozent angeben und diese zu 100% durch das Bild ausfüllen lassen. Sollte das nicht funktionieren, kann man weitersehen.





    Gruß norse

    Zugang zu meinen Arbeiten und dem dazugehörigen Support bekommt Ihr bei Interesse hier.

  • Kannst es auch mal mit text-align: right; versuchen.


    Hiermit hättest du immer die exakt gleiche Position, zumindest mit Firebug war es so.

    Code
    .meinzweitbanner {
        margin-bottom: -50px;
        position: relative;
        text-align: right;
        top: -50px;
        z-index: 10;
    }
  • Nun bin ich verwirrt. Eine Grafik bzw. ein Div mit darinliegender verlinkter Grafik mit text-align positionieren? Ich hab´s zwar nicht probiert, aber ich habe da so meine Zweifel.





    Gruß norse

    Zugang zu meinen Arbeiten und dem dazugehörigen Support bekommt Ihr bei Interesse hier.

  • Mit dem Tipp von norse hab ich es hinbekommen.
    Hin und wieder braucht man halt nur ein Anstupser...

    Mit freundlichen Grüßen,
    Nohwet

  • Nun bin ich verwirrt. Eine Grafik bzw. ein Div mit darinliegender verlinkter Grafik mit text-align positionieren? Ich hab´s zwar nicht probiert, aber ich habe da so meine Zweifel.

    Geht aber trotzdem... ;)
    Damit habe ich ich schon Menüs, Logos zentriert, rechtsbündig und linksbündig gemacht. :)


    Mit dem Tipp von norse hab ich es hinbekommen.
    Hin und wieder braucht man halt nur ein Anstupser...

    Habe ich gesehen, trotzendem verschiebt sich dass ganze bei einer bestimmten Bildschirmauflösung, da die Angabe als Prozent nicht 100% ist.


    Aber kannst auch so lassen, denn die Leute mit einem kleinen Bildschirm werden es nie wiesen dass der Banner normalerweise Bündig auf der Ecke sitzen sollte. :)


    Gruß Coolman

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!