wechselnder Headerhintergrund

  • Hallo


    Wahrscheinlich war ich zu lange im Urlaub und bin heute schon zu lange auf... Seit 04:30


    Folgende(s) Problem(e):


    Auf einer Testseite bin ich gerade dabei, eine neue Seite zu erbauen...
    Im großen und ganzen nichts besonderes, nur nun hapert es an dem "Header - Hintergrund"
    Ich würde den auf jeder Seite anders haben wollen, so wie wenn ich die Bilder für jede Seite wechsle. Dazu habe ich ja den Code:


    Code
    1. #imHeader {height: 500px; background-color: #transparent; background-image: url('http://www.deinewebsite.at/images/eins.jpg'); background-repeat: no-repeat; }
    2. h1 + div + div {display:none;}


    Dachte mir nun mache ich das gleiche mit dem Hintergrund, bekomme es jedoch nicht gebacken:


    Code
    1. #imHeaderBG {height: 500px; background-color: #transparent; background-image: url('http://www.deinewebseite.at/images/eins.jpg'); background-repeat: no-repeat; }
    2. h1 + div + div {display:none;}


    Der Hintergrund wechselt nicht. Wird wahrscheinlich daran liegen, das ich den Headerhintergrund bei den allgemeinen Einstellungen mit einem anderen Bild definiert habe, oder?


    Siehe Bild im Anhang.


    Nun meine Frage(n):


    1. Wie kann ich den Headerhintergrund Seiten bezogen machen, so das auf jeder gewünschten ein anderer ist?


    Dann die nächste Frage- ich möchte auf jeder gewünschten Seite einen anderen Text als Slideshow anzeigen lassen und auf die gewünschte Seite verlinken. So wie es jetzt ist, wird immer das gleiche angezeigt und verlinkt..


    Stehe im Wald und sehe keine Bäume- halleluja...


    Mit einem Slider wird das ja auch nicht gehen, oder? Zumindest habe ich davon keine Ahnung...


    Ach ja, hier die Testseite

    Dateien

    • 1.JPG

      (63,85 kB, 19 Mal heruntergeladen, zuletzt: )

    Bernie


    " Was wir alleine nicht schaffen, das schaffen wir dann zusammen..."


    :thumbsup:

  • Hi Bernie !
    Normalerweise für dich und mich nichts aufregendes.


    Siehe TESTSEITE


    Mit dem wechselnden Slideshow kannst du doch verschiedene Textgrafiken unter "Effekte" beim Reiter Seiten die Grafiken zuordnen !
    Mir ist es schon zu spät für verschiedene TExte zu basteln !
    Den Code auf die jeweilige Seite (mit verschiedenen Bildnamen natürlich)

    Code
    1. <style>
    2. #imHeaderBg {height: 500px; padding-top: 100px; background-color: #transparent; background-image: url('files/003.jpg'); background-repeat: no-repeat; }
    3. </style>

    Wissen ist MACHT ! Nichts zu Wissen macht nichts !
    Wissen ist MACHT ...ohne es zu wissen !

  • Morgen Andy


    Ja, hast eh recht...


    Die "style" Angabe...


    Das mit dem verlinken benötige ich wahrscheinlich gar nicht... Mache das Bild dann gleich mit dem Text "fix" drinnen, muß mal schauen wie viel Aufwand das andere mit einblenden ist.
    Heute wird nicht viel gehen, schau ma amoi.


    Danke- schönen Sonntag

    Bernie


    " Was wir alleine nicht schaffen, das schaffen wir dann zusammen..."


    :thumbsup:

  • Bild habe ich zweites und drittes drinnen.


    Weiter bin ich noch nicht gekommen...


    Brauche keine Verlinkung von den Seiten, nur das einblenden wie im ersten Bild ( und bei den anderen auch) zu sehen ist.


    Zweite Bild heißt zum Beispiel "einblend1.png"


    Wie weit bin ich wegen der Slideshow mit folgendem Code richtig:


    Code
    1. <div id="imSlideshowContent_1" style="position: absolute; top: 312px; left: 333px; width: 400px; height: 80px;">
    2. <div style="position: relative; background-color: transparent; width: 400px; height: 80px;">
    3. <div style="overflow: hidden; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 400px; height: 80px; background-image: none; background-position: center center; background-repeat: no-repeat;">
    4. <img src="gallery/einblend1.png" data-width="400" data-height="80" style="position: absolute; left: 0px; top: 0px; width: 400px; height: 80px; transform-origin: 50% 50% 0px; transform: none; -moz-user-select: none;" unselectable="on">
    5. </div>
    6. <div></div>


    Und wo schreibe ich den dazu? Halleluja. 1. Tag Gymnasium und Papa is kaputt...


    L I N K

    Bernie


    " Was wir alleine nicht schaffen, das schaffen wir dann zusammen..."


    :thumbsup:

  • Hi Bernie,
    ich habs etwas leichter, da mein jüngster in der 1. Oberstufe und der ältere in der 3. OBerstufe ist und Übermorgen Prüfung Führerschein L17.
    Wenn ichs nicht überlebe dann erspar ich mir wenigsten die V11 :S


    Aber zu deinem Problem...wieso nimmst du nicht die Möglichkeit im Programm ? Du brauchst ja nur in der Slideshow die 5 Einblend-Bilder einfügen und den Seiten zuordnen. Dazu brauchst du den Code nicht pro Seite.

    Wissen ist MACHT ! Nichts zu Wissen macht nichts !
    Wissen ist MACHT ...ohne es zu wissen !

  • Ich denke unser Bernie will es halt ein wenig umständlicher machen wenn er doch die leichtester Version von seinem Problem vor den Augen hat. @andy67 ich habe es auch mit dem Solider so gemacht bei meiner neuen Seite und funktioniert einwandfrei. :thumbsup:

    Lg.

    Thabo-Umasai

    -----------------------------------------------------------------------------------------------------------
    "Was du heute kannst besorgen, das verschiebe nicht auf Morgen...."

    ;)

  • Guten Morgen


    Ja ja...


    Dummheit gehört eh bestraft, keine Frage...


    Habe alles durchsucht bei der Slideshow, aber auf "Seite" bin ich nicht mehr gekommen, dabei hatte Andy eh alles schon am Silbertablett serviert...Man(n) sollte nicht immer drei Sachen zugleich machen.


    Ja Thabo, hast vollkommen recht.


    Ist alles momentan etwas wirr nach dem langen Urlaub.


    Doch heute früh die Erleuchtung.


    Danke.


    L I N K

    Bernie


    " Was wir alleine nicht schaffen, das schaffen wir dann zusammen..."


    :thumbsup:

  • Ist doch alles ok, @bernie kein mensch ist fehlerlos, zum Glück. :thumbsup:

    Lg.

    Thabo-Umasai

    -----------------------------------------------------------------------------------------------------------
    "Was du heute kannst besorgen, das verschiebe nicht auf Morgen...."

    ;)