1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Logo in die Navigation setzen

Dieses Thema im Forum "Design" wurde erstellt von pa8ssi, 23. Februar 2017.

  1. pa8ssi

    pa8ssi New Member

    Registriert seit:
    23. Februar 2017
    Beiträge:
    3
    Zustimmungen:
    0
    Hallo Zusammen, ich möchte in meine Navigation ein Logo setzen.
    In meinem Beispiel soll es genau links positioniert werden, auch soll das Logo ein bisschen über die Navigation laufen.

    Hat jemand eine Idee, wie ich das realisieren kann? Gibt es ggf. ein Modul?

    Meine Seite: http://fussballfreundebroeckel.de/

    Seite, auf der es realisiert ist: https://www.scfreiburg.com/

    Vielen Dank im Voraus an alle Helfer!

    Pascal
     
  2. rantanplan2000

    rantanplan2000 Well-Known Member

    Registriert seit:
    11. September 2016
    Beiträge:
    169
    Zustimmungen:
    0
    zum modul: versuch anders zu denken. mach so wenig wie möglich mit modulen! also: "wie kann ich es ohne modul machen". :)
    du setzt ganz normal ein img-tag in deine navigation. um das überlappen zu erzieheln, arbeitest du mit position absolut.
     
  3. pa8ssi

    pa8ssi New Member

    Registriert seit:
    23. Februar 2017
    Beiträge:
    3
    Zustimmungen:
    0
    Hallo,
    erstmal vielen dank für die Antwort.
    Leider habe ich kein Anhaltspunkt, wo ich den "img-tag" reinsetzen könnte.

    Um weitere Ratschläge wäre ich sehr dankbar.
     
  4. rantanplan2000

    rantanplan2000 Well-Known Member

    Registriert seit:
    11. September 2016
    Beiträge:
    169
    Zustimmungen:
    0
    Zwei Möglichkeiten:

    Wenn du es einfach nur aus dem "Navigations-Balken" raushängen willst, ohne dass sich das Logo über andere Elemente legt, reicht es so aus:

    http://img5.fotos-hochladen.net/uploads/123rnbc12a8ky.jpg


    Wenn du willst, dass es nicht nur raussteht, sondern richtig überlappt, muss die position geändert werden.

    http://www.bilder-upload.eu/upload/2e66ef-1487931433.jpg

    HTML:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Du musst im zweiten Fall, unbedingt die position vom umschließenden container auf relative setzen, siehst du im screen ja.
     
    #4 rantanplan2000, 24. Februar 2017
    Zuletzt bearbeitet: 24. Februar 2017
  5. rantanplan2000

    rantanplan2000 Well-Known Member

    Registriert seit:
    11. September 2016
    Beiträge:
    169
    Zustimmungen:
    0
    sorry, jetzt habe ich grade nochmal die seite vom sc angeschaut und da ist mir ein "denkfehler" klar geworden. nimm die erste lösung, denn du hast zu wenig platz in der navigation um mit posi aboslut zu arbeiten. (das logo würde sich über die nav-punkte legen, wenn der bildschirm klein ist). :smile:
     
  6. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.638
    Zustimmungen:
    1.778
    Könnte man mit einer ergänzenden Media-Query lösen.
     
  7. pa8ssi

    pa8ssi New Member

    Registriert seit:
    23. Februar 2017
    Beiträge:
    3
    Zustimmungen:
    0
    Weltklasse, vielen lieben Dank für die Hilfe!
     
  8. rantanplan2000

    rantanplan2000 Well-Known Member

    Registriert seit:
    11. September 2016
    Beiträge:
    169
    Zustimmungen:
    0
    Das stimmt, aber er hat echt nicht viel Platz. Wär dann eben "nur" für Desktop-Computer, danach eben mit display ausblenden.
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden