Header verschieben

    • 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

  • hallo hier im forum :-D

    die guete der antwort haengt von den details in der frage ab.

    generell:
    mit veraenderungen im stylesheet, normal in der style.css datei des themes.

    evtl. durch anpassung der margin-werte; oder durch uebergang zu absoluten/relativen position.

    http://www.w3schools.com/css/css_positioning.asp

    ansonsten:


    http://forum.wordpress-deutschland.org/design/482-for…alb-zuerst.html

  • da der vogel ein hintergrundbild ist, ist das ziemlich einfach;
    nur etwas komplizierter, weil das theme das automatisch erstellt.

    das headerbild ist in diesem code festgelegt (vom html code vom browser):

    HTML
    <span id="top" style="background:url('http://k0librii.bplaced.net/wp-content/themes/lightword/images/header-image.png') no-repeat;height:210px">



    d.h. dass das hinergrundbild in einem span mit der css id [COLOR=blue]#top[/COLOR] liegt, mit einem inline style im code;

    daher muss die positionierung in style.css so erfolgen:

    CSS
    span#top{background-position: 200px -10px!important;}



    wobei [FONT=Courier New][COLOR=blue]200px[/COLOR][/FONT] die horizontale position und [FONT=Courier New][COLOR=blue]-10px[/COLOR][/FONT] die vertikale position des hintergrundbilds festlegen (positive und negative werte erlaubt; bezogen auf die obere linke ecke des elements)

    http://www.w3schools.com/css/css_background.asp

    (das [FONT=Courier New][COLOR=blue]!important[/COLOR][/FONT] ist eine methode, einen style zu erzwingen; d.h. dieser style wird von den browsern zur anzeige verwedndet, auch wenn andere evtl vorrangige styles an anderen stellen stehen)

  • die geplante endposition des vogels war aus der frage nicht zu entnehmen.

    verschieben von hintergrundbildern geht leider nur innerhalb des elements, und das ist in dem theme nur so breit und hoch wie der header.

    theoretisch ist alles machbar, wie zB ein neues element mit bild erstellen und absolute positionieren.
    jedoch ist das ziemlich aufwendig, nicht unbedingt browser-uebergreifend kompatibel (besonders nicht in den alten internet explorern), und geht ueber das hinaus, was ich mir im rahmen des forums zutraue, als hilfe anzubieten :confused:.

Jetzt mitmachen!

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