Druckbare Version
Hallo,
ich möchte gerne im Header das Bild, in eine Coin-Slider Galerie umwandeln.
Das Bild habe ich mit per CSS in der bildschirm.css so eingefügt:
Wie binde ich da denn jetzt diese Coin-Slider Galerie ein?Code:#header
{ margin-top:1em;
padding:48px 0 0 0;
background-image: url(grafiken/eicheprovence.jpg);
background-repeat:no-repeat;
background-position:right; }
Das ist die Seite: http://tinyurl.com/35m3m6e
Vielen Dank im voraus :)
Du erstellst zu erst deinen Slider, anschließend ein Modul, Modultyp ist der Coin-Slider.
Danach ab in dein Seitenlayout und unter "Eingebundene Module" das Slidermodul für "Kopfzeile" einfügen - fertig
Hallo, danke für deine Antwort! Und wie positioniere ich den Coin Slider dann?
Also muss ich den Code aus der CSS Datei rausnehmen oder?
Sorry steh grad aufm Schlauch :(
Na ja, dein Slider muss genau an die Stelle wo das Bild sitzt! Ich weiß jetzt nicht wie du das da realisiert hast, aber Bild raus, Slider rein.
Slider so einstellen, dass dieser a) an der selben Stelle sitzt und b) die Grafiken die selbe Größe wie das Bild jetzt.
Den habe ich per CSS wie oben beschrieben eingebunden. Das Problem was ich nur sehe ist das ich den Coin-Slider ja im Backend programmiere und das Bild habe ich per CSS eingebunden. Also müsste ich doch rein theoretisch um den Coin-Slider ein div rumbasteln oder? Nur wie mache ich das?!
Nein, viel einfacher.Zitat:
Zitat von Pandomus
Schau dir doch den Coin-Slider mal an, wenn du dort einen neuen Bildwechsel anlegst, fragt er doch direkt nach deinen Bildmaßen! Vielleicht dort mal schauen und dann das SlideBild genauso groß machen wie dein aktuelles Headerbildchen... Glaube das ist einfacher als du denkst :)
Ich weiß was du meinst, habe auch schon einen Coin-Slider mit erstmals 4 Bildern eingerichtet, die alle so groß sind wie das Bild jetzt im Header.
Mein Problem ist ja nur das ich den Coin Slider zwar programmieren kann, auch das er im Header sitzt, nur wie positioniere ich den? Also so das der rechts positioniert ist.
Da gibt es doch mehrere Möglichkeiten!
Entweder du gibst dem Modul eine eigene Klasse/ID oder du schaust dir mal den Aufbau des Coinsliders an und steuerst diean.HTML-Code:<div class="mod_coinSlider"> slider content </div>
Also .mod_coinSlider { ‹‹ css Positionierung innerhalb des headers hier ›› }
okay? sonst bau den Slider doch schnell mal ein, dann schaue ich mir das an :)
Ich probiere das grade mal aus, erstmal danke ;)
So der Slider ist eingebaut, sitzt aber nicht im Header sondern mitten drin :(
Ich verstehe das nicht, habe das jetzt schon hinbekommen das der Slider rechts sitzt,
aber warum sitzt der nicht im Header?
Habe das in der bildschirm.css geschrieben:
HTML-Code:.mod_coinSlider { float: right; }
Hab es hinbekommen!! Vielen Dank nochmal :)
super, mir ist am Mac für Safari/Chrome noch etwas mit dem Menü aufgefallen! Vielleicht schaust dir das noch einmal genauer an.
(siehe Anhang)