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

Theme mit fester Breite in "fluid-width" umbauen

Dieses Thema im Forum "Design" wurde erstellt von WP-Neuling, 16. November 2011.

  1. WP-Neuling

    WP-Neuling Member

    Registriert seit:
    9. November 2011
    Beiträge:
    18
    Zustimmungen:
    0
    Hallo WP-Community,

    Ich habe Wordpress-Seite mit einer auf spezielle Belange angepassten Version des Themes "Redie 3.0".
    Hier ein Link zu dem Theme:
    http://wordpressthemesbase.com/detail/881.html

    Nun möchte ich das Theme jedoch auch in soweit umbauen, dass es nicht mehr eine feste Breite hat, sondern der Inhalt sich variabel der Bildschirmbreite anpasst ("fluid").

    Derzeit ist bei dem Theme der Rand des Content-div als .gif-Bilder realisiert, was bei den abgerundeten Ecken schwierig wird.

    Der CSS-Code für die obere Kante sieht z.B. so aus:

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Die Hintergrundbilder der unteren Kante, sowie des mittleren Content-Bereichs (mit repeat-x) siehen analog aus.
    Was mache ich nun am besten mit dem Background-Image? Es in 3 Bilder zerteilen, um 2 mal die Ecken bzw. Ränder zu haben, und dazwischen eines mit repeat-x für die variable Breite?

    Welche Möglichkeiten habe ich da? Muss das Theme dafür komplett umgebaut werden? Wenn ja, wie gehe ich das am besten an? (z.B. div's für die einzelnen Kanten der Umrandung oder ähnliches?)

    Für alle Tipps, Hinweise und Hilfen bin ich dankbar!
     
  2. ptra

    ptra Well-Known Member

    Registriert seit:
    9. Februar 2011
    Beiträge:
    473
    Zustimmungen:
    0
    Die Lösung nennt sich Sliding Doors; also zwei Hintergrundbilder, die sich ausdehnen.

    Gruß. Petra ;)
     
  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