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

Header-Bild und Body-Füllung

Dieses Thema im Forum "Design" wurde erstellt von Yogixxx, 17. März 2009.

  1. Yogixxx

    Yogixxx Active Member

    Registriert seit:
    13. August 2007
    Beiträge:
    33
    Zustimmungen:
    0
    Hi Ihr!
    Ich habe ein Problem mit dem Design meines Themes...
    Kurz erklärt will ich als Header ein Bild haben und wenn das Bild zu Ende ist, soll ein weiteres Bild den Rest auffüllen und sich wiederholen. Der Absatz in der Style.css sieht so aus:

    body{
    background:#12345 url('img/header.png') repeat-x;
    text-align:center;
    margin:0;
    padding:0;
    font-size:62.5%;
    font-family:GillSans, Calibri, Trebuchet, sans-serif;
    color:#2e1737;
    }

    Im jetztigen Fall füllt er ja nachdem er das Header-Bild eingefügt hat, den Rest mit der Farbe #12345 auf. Ich will aber, dass er den Rest auch mit einem sich wiederholendem Bild auffüllen soll... wie bekomme ich das hin, ohne das das ertse Bild überschrieben wird!?!? Jemand ne Ahnung?!?!?

    Danke für euere Hilfe!!!

    Gruß, Yogi
     
  2. perryzelda

    perryzelda Well-Known Member

    Registriert seit:
    9. April 2008
    Beiträge:
    459
    Zustimmungen:
    0
    2 Hintergrund Bilder in einen Div definieren geht nicht.

    Du könntes folgendes machen:

    gibt dem Header das Hintergrundbild, das sich wiederholen soll.
    In den Header ( wenn nicht sowieso schon vorhanden) kommt ein weiteres Div oder ein Link, dem du dann das 1x-Bild als Hintergrund gibts

    css:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    html:
    HTML:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
    #2 perryzelda, 17. März 2009
    Zuletzt bearbeitet: 18. März 2009
  3. msossi

    msossi Active Member

    Registriert seit:
    5. März 2009
    Beiträge:
    37
    Zustimmungen:
    0
    Hallo, ich habe ein ganz ähnliches Problem. Ich möchte meinem Header auch noch ein weiteres Bild hinzufügen, weiß aber nicht genau wie ich die header.php ändern muss?!

    So sieht meine header.php zur Zeit aus:

    PHP:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  4. perryzelda

    perryzelda Well-Known Member

    Registriert seit:
    9. April 2008
    Beiträge:
    459
    Zustimmungen:
    0
    @msossi

    PHP:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    in diesem Element - zumindest sieht es danach aus lt. dem Code.

    was oben #header war heisst bei dir #sitename
    wobei du ein Bild in alle Elemente als Hintergrund einfügen kannst.
    #sidename, #sitename h1, #sitename h1 a, #sitename h2
    (alles in der style.css)

    Allerdings: Ich kenne dein Stylesheet nicht, also musst du sowieso erst selbst testen.
     
  5. msossi

    msossi Active Member

    Registriert seit:
    5. März 2009
    Beiträge:
    37
    Zustimmungen:
    0
    Ja, aber was muss ich da einfügen, wo oben die "..." sind?!
     
  6. perryzelda

    perryzelda Well-Known Member

    Registriert seit:
    9. April 2008
    Beiträge:
    459
    Zustimmungen:
    0
  7. msossi

    msossi Active Member

    Registriert seit:
    5. März 2009
    Beiträge:
    37
    Zustimmungen:
    0
    Hab ich das richtig verstanden? Ich muss erst mal den Code

    PHP:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    in meine header.php einfügen und dann kann ich in meiner style.css den Pfad zum Bild etc. angeben. Ich denke, dass ich das mit dem CSS hinbekomme, aber mein eigentliches Problem ist, wie genau muss der Code für meine header.php lauten und wo genau soll ich den dann einfügen? Könntest du mir vielleicht kurz anhand meines oben dargestellten Codes den konkreten Code sagen? Im Grunde geht es mir um die fett markierten Punkte in dem html-Code oben, nicht um den CSS-Code.
     
  8. perryzelda

    perryzelda Well-Known Member

    Registriert seit:
    9. April 2008
    Beiträge:
    459
    Zustimmungen:
    0
    nein, das nicht.

    du verwendest bei dir diesen Teil

    PHP:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    und weist diesen Elementen (#sidename, #sitename h1, #sitename h1 a, #sitename h2 ) nach Bedarf im Stylesheet Hintergrund etc. zu
     
  9. msossi

    msossi Active Member

    Registriert seit:
    5. März 2009
    Beiträge:
    37
    Zustimmungen:
    0
    Danke, ich habe allerdings folgendes Problem. Ich hab jetzt rechts im Header eine Grafik angezeigt, wenn ich allerdings eine zweite Grafik im Header links platzieren möchte, wird die Grafik rechts nicht mehr angezeigt, oder umgekehrt.

    Kann mir jetzt noch jemand sagen, wie ich 2 oder mehr Grafiken gleichzeitig im Header platzieren kann?!
     
  10. perryzelda

    perryzelda Well-Known Member

    Registriert seit:
    9. April 2008
    Beiträge:
    459
    Zustimmungen:
    0
    ein element mit 2 Hintergrundbildern wird nichts !!
    (ausser beim Safari)

    gib je eines in übereinander liegende Container (das machst du mit z-index}
    dafür hast du zB. Sitename und h1 zur Verfügung

    Nachtrag:
    habe weiter oben geschrieben:
    das ist ein Blödsinn - tschuldgung
    hab es jetzt ausgebessert Es geht nicht !! (ausser eben teilweise im Safari)
     
    #10 perryzelda, 18. März 2009
    Zuletzt bearbeitet: 18. März 2009
  11. Yogixxx

    Yogixxx Active Member

    Registriert seit:
    13. August 2007
    Beiträge:
    33
    Zustimmungen:
    0
    Ich sag schonmal Danke...

    Ich habe das ganze anders gelöst.
    Ich weiß zwar nicht, ob da noch Probleme auf mich zu kommen, aber meine Lösung sieht folgendermaßen aus:

    in die header.php habe ich foldenden Code eingefügt:

    <div class="TOP">

    in die stye.css :

    .TOP {background: url('img/header.png') repeat-x;}

    Das klappt auch zumindest auf den ersten schnellen Blick...
    Mal sehen, ob es auch jeder Browser, Auflösung etc. das so macht, wie ich will...
     
  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