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

CSS Anpassung NextGen Slideshow und Headerbackground

Dieses Thema im Forum "Plugins und Widgets" wurde erstellt von suncruise, 4. Mai 2011.

  1. suncruise

    suncruise Well-Known Member

    Registriert seit:
    15. Mai 2008
    Beiträge:
    147
    Zustimmungen:
    0
    Hallo WP-Gemeinde,

    Ich habe die NextGen Gallery als Plugin in mein Theme eingebunden und nutze diese als Slideshow im Header. Dieses geht auch alles.

    Mein Theme enthält ein Headerbild welches ein .png ist. Es ist ein Rahmen damit die Slideshow im Hintergrund läuft. Ich habe das bisher hinbekommen, dass die Slideshow auf der Seite ganz oben ist und das Headerbild.png darunter folgt, aber das Headerbild.png soll über die Slideshow liegen. Das Headerbild.png ist mit
    Hat jemand eine Idee?

    Vielen Dank vorab.
     
  2. Tutrix

    Tutrix Well-Known Member

    Registriert seit:
    21. Mai 2010
    Beiträge:
    3.731
    Zustimmungen:
    28
    setze mal das Headerbild.png in ein div und weise dem div dann über css
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    zu
     
  3. suncruise

    suncruise Well-Known Member

    Registriert seit:
    15. Mai 2008
    Beiträge:
    147
    Zustimmungen:
    0
    meinst du das headerbild.png in die .css als background-image:; ?


    aber dann gehen ja die #maps nicht mehr oder?



    Meine code sieht jetzt so aus:
    PHP:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  4. Tutrix

    Tutrix Well-Known Member

    Registriert seit:
    21. Mai 2010
    Beiträge:
    3.731
    Zustimmungen:
    28
    die sollten trotzdem funktionieren, sind ja mit im div und über die map ID eingebunden

    Edit:
    also den Teil
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    in ein weiteres div
     
  5. suncruise

    suncruise Well-Known Member

    Registriert seit:
    15. Mai 2008
    Beiträge:
    147
    Zustimmungen:
    0
    also zum Beispiel so:

    PHP:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Muss ich dann dem div test noch weitere Angaben in der .css geben irgendwie z-index oder so?
     
  6. Tutrix

    Tutrix Well-Known Member

    Registriert seit:
    21. Mai 2010
    Beiträge:
    3.731
    Zustimmungen:
    28
    ich weiß ja nicht wie das Headerbild bei dir ausgerichtet wird!
    wenn du Firebug verwendest, kannst du das ja, alles testen

    hab das hier auch so klick mich ohne z-index
     
  7. suncruise

    suncruise Well-Known Member

    Registriert seit:
    15. Mai 2008
    Beiträge:
    147
    Zustimmungen:
    0
    Also ich habe jetzt folgenden Code in der header.php:

    PHP:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Und in der .css


    das headerbild liegt ja im div "logo" (siehe Code oben)

    Resultat: Jetzt liegt das Headerbild.png über der Slideshow aber beides ist noch nicht gleich übereinaner/auf einer Höhe ... :( Was kann ich noch einstellen?
     
  8. Tutrix

    Tutrix Well-Known Member

    Registriert seit:
    21. Mai 2010
    Beiträge:
    3.731
    Zustimmungen:
    28
    nun, jetzt musst das Bild über margin ausrichten

    also im test-div

    oder lass das div mal weg und schreib das
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    beim logo dazu
     
    #8 Tutrix, 4. Mai 2011
    Zuletzt bearbeitet: 4. Mai 2011
  9. suncruise

    suncruise Well-Known Member

    Registriert seit:
    15. Mai 2008
    Beiträge:
    147
    Zustimmungen:
    0
    Jo das geht ... hab tausend dank aber kann ich die Slideshow auch per margin rücken bzw. verschieben?
     
  10. Tutrix

    Tutrix Well-Known Member

    Registriert seit:
    21. Mai 2010
    Beiträge:
    3.731
    Zustimmungen:
    28
    ja klar, hast ja eine id (id="nggSlideShowHeader")
    mal in der css der NGG nachsehen was da definiert ist
    oder wenn du die id vergeben hast, dann selbst was definieren
     
  11. suncruise

    suncruise Well-Known Member

    Registriert seit:
    15. Mai 2008
    Beiträge:
    147
    Zustimmungen:
    0
    Ich hatte die ID (id="nggSlideShowHeader") und den Code so übernommen und nur die Werte wie ID WIDTH und HEIGHT geändert .. ich geh dann mal auf der Suche .. ich hoffe, dass es dann bei mir auch gibt

    Edit:

    ich habe mir bei nur das:
    PHP:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  12. suncruise

    suncruise Well-Known Member

    Registriert seit:
    15. Mai 2008
    Beiträge:
    147
    Zustimmungen:
    0
    Ich habe jetzt mal selber was in der style.css definiert aber dann verschiebt sich nicht die Slideshow sondern das Headerbild welches auf der Slideshow liegt. Muss ich das sonst in der .css der gallery machen?
     
  13. Tutrix

    Tutrix Well-Known Member

    Registriert seit:
    21. Mai 2010
    Beiträge:
    3.731
    Zustimmungen:
    28
    Nun, das Headerbild ist ja bei deinem Code auch im NGG-div mit drin.
    Wenn du das da raus nimmst, kannst du beides separat ausrichten.
     
  14. suncruise

    suncruise Well-Known Member

    Registriert seit:
    15. Mai 2008
    Beiträge:
    147
    Zustimmungen:
    0
    ja das war es ... tausend dank für deinen support
     
  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