Slider und statische Bilder

[jogomez]

Hallo,

gibt es hier im Forum eine Anleitung wie man den Nivo Slider und links daneben 2 statische Bilder einbinden kann ?

Den Slider habe ich schon eingebunden und müßte Ihn halt kleiner setzen !

Gruß José

Linkback: https://www.modified-shop.org/forum/index.php?topic=23532.0

[zeolite]

Wo möchtest Du denn das Ganze einbauen?

Gruß
zeolite

[Matt]

Slider in einen div, diesen links floaten, die anderen beiden Bilder in einen anderen div, diesen rechts floaten.

[karsta.de]

Hallo José, dann könntest rechts die Links mittels Banner umsetzen, die im Admin unter den Banner Manager hochgeladen und verlinkt werden können.
kgd

[jogomez]

Hallo zusammen,

vielen Dank für Eure Antworten.

Das ganze soll dort eingebaut werden wo jetzt der Slider ist, auf der Startseite.

Matt, gibt es dazu irgendwo eine Doku ?
Habe leider keinen großen Plan von der Programmierung.

kgd, deinen Tipp kann ich nicht ganz nachvollziehen !

Gruß José

[dukie]

Du solltest dazu schon gute HTML/CSS Kenntnisse haben.
Zu Float:
http://www.elmastudio.de/programmierung/css/hilfreiche-css-tipps-so-bekommst-du-floats-in-den-griff/

[jogomez]

Die habe ich leider nicht.
Hätte ja sein können, das es einer im Forum schon gebaut hat !

Danke José

[noRiddle (revilonetz)]

Du hast doch bereits einiges umgesetzt mit deinem Shop.
Da wo du den Slider eingebaut hast legst du um das <div id="slider-wrapper"> ein weiteres div mit der CSS-Eigenschaft overflow:hidden.
Den Container slider-wrapper und ebenfalls den Container slider mußt du in der Breite verkleinern und dem wrapper ein float:left geben (evtl. ebenfalls die nav).
Die statischen Bilder kommen dann danach, ebenfalls in einen Container, hier mit float:right.

Das ganze sähe dann so in der Art aus:

Code: XML  [Auswählen]

<div id="new-wrap">
    <div class="slider-wrapper theme-dark">
        <div id="slider" class="nivoSlider">
            <a href="#">
                <img src="SLIDER_BILD_1" alt="" title="" />
            </a>
            <a href="#">
                <img src="SLIDER_BILD_2" alt="" title="" />
            </a>
            <a href="#">
                <img src="SLIDER_BILD_3" alt="" title="" />
            </a>
            <img src="SLIDER_BILD_4" alt="" title="" />
        </div>
    </div>
    <div id="htmlcaption" class="nivo-html-caption">
        <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
    </div>
    <div id="static-pics">
        <img src="DEIN_STATISCHES_BILD_1" alt="" title="" />
        <img src="DEIN_STATISCHES_BILD_2" alt="" title="" />
    </div>
</div>

Code: CSS  [Auswählen]

#new-wrap {width:DEINE_GESAMTBREITE; overflow:hidden;}
#slider-wrapper {width:DIE_NEUE_BREITE; float:left;}
#slider {width:DIE_NEUE_BREITE;}

#static-pics {width:DEINE_BREITE; float:left;}
/* usw.*/

Alle Breitenangaben im CSS müssen natürlich angepasst werden und die Breite des sliders plus die Breite der statischen Bilder (mit evtl. padding um die statischen Bilder nicht am Slider kleben zu lassen), muß die Gesamtbreite ergeben.

So schwer ist es doch nicht, oder ?

Bei Interesse:
Ich habe den Nivo-Slider so umgebaut, daß er mit Hetfields imageslider funktioniert, sprich, die Bilder und deren Links sowie die captions über das Admin-Interface editierbar sind.
Einfach PM an mich.

Gruß,
noRiddle

[jogomez]

Ohhh danke noRiddle,

werde ich ausprobieren 
dannach erzähle ich wie schwer es war 

Gruß José

[noRiddle (revilonetz)]

Korrektur:
Hatte oben versehentlich geschrieben:

Code: CSS  [Auswählen]

#static-pics {width:DEINE_BREITE; float:left;}

meine natürlich:

Code: CSS  [Auswählen]

#static-pics {width:DEINE_BREITE; float:right;}

(wie auch im Text erklärt)

wobei float:left; auch geht, wenn man das padding zwischen Slider und static pics richtig wählt.

Gruß,
noRiddle

[jogomez]

Hallo zusammen,
Hallo noRiddle,

ich habe es versucht den Slider mit den statischen Bilder einzubauen, aber leider ohne Erfolg.
Es habe ein Bild beigefügt, die statischen Bilder sind unter den Slider !

Wäre super wenn Ihr helfen könntet

Gruß José

[jogomez]

Hallo,

hat keiner ein Tipp für mich was ich da falsch mache ?

Danke & Gruss

José

[noRiddle (revilonetz)]

Link ?

Gruß,
noRiddle

[jogomez]

Guten morgen,

Habe es nach mehreren versuchen hinbekommen !
Danke für deine wunderbare Voralge noRiddle.

Gruß José