Hallo, Besucher der Thread wurde 327 mal aufgerufen und enthält 3 Antworten

letzter Beitrag von mipu am

Grafik Über Nav Leiste

  • Grafik Über Nav Leiste

    Hey zusammen, ich möchte eine Grafik über der Nav Leiste auf der Rechten Seite einfügen.


    Ich habe es mit dem versucht:

    Code
    1. .pageHeaderLogo {
    2. background: url("LINK ZUM BILD") no-repeat scroll right bottom transparent !important;
    3. }

    Aber dann ist es zu weit oben.

    Ich nehme an das pageHeaderLogo dafür nicht das richtige ist, kann mir evtl. jemand das richtige sagen?


    Link zur Seite: https://www.freiland-piraten.de

  • Grafik Über Nav Leiste

    Ich würde sagen, da musst du etwas am tpl ändern.:)


    Am besten du erstellst dir ein neues tpl z.B additionalHeaderLogo.tpl


    mit dem Inhalt


    <img src="https://www.freiland-piraten.de/files/images/HLNA.png" alt="" class="additionalHeaderLogo"">


    jetzt fügst du in das tpl pageHeaderLogo


    ca. Zeile 7 über {event name='headerLogo'} das ein.


    {include file=additionalHeaderLogo}


    abspeichern.


    Jetzt kannst du das ganze mit css bearbeiten.


    z.B.


    CSS
    1. .additionalHeaderLogo {
    2. right: 0;
    3. margin-top: 30px;
    4. position: absolute;
    5. }
  • Grafik Über Nav Leiste

    Super Sache, vielen lieben dank.


    EDIT: Eine kleinigkeit wäre da noch bei der Variante kommt es ja dann auf die auflösung des browsers an wo sich die grafik genau befindet, gibts da noch ne möglichkeit das egal wie groß man den browser hat das die grafik immer an dieser stelle ist?


    Und die Grafik ist jetzt mit dem banner gleichgestellt, sprich wenn ich auf die grafik klick komme ich auch wieder zur startseite + der mousover wirkt auch darauf, das soll aber nicht.

    • Gäste Informationen

    Einmal editiert, zuletzt von X0lfm4n ()



    Hallo Gast,
    gefällt dir der Thread, willst du was dazu schreiben,
    dann melde dich bitte an.
    Hast du noch kein Benutzerkonto, dann bitte registriere dich, nach der Freischaltung kannst du das Forum uneingeschränkt nutzen.

  • Dieses Thema enthält einen weiteren Beitrag, der nur für registrierte Benutzer sichtbar ist, bitte registriere dich oder melde dich an um diesen lesen zu können.