Polskie wsparcie PrestaShop

PrestaShop => Wygląd => Wątek zaczęty przez: fender1976 w Styczeń 16, 2013, 02:01:28 pm

Tytuł: MGC Carousel of products on the home page
Wiadomość wysłana przez: fender1976 w Styczeń 16, 2013, 02:01:28 pm

Wiatm gdzie sie konfiguruje wielkosc okna w tym module ?MGC Carousel of products on the home page bo mi wszystko przeslania

Tytuł: Odp: MGC Carousel of products on the home page
Wiadomość wysłana przez: design4VIP w Styczeń 16, 2013, 02:53:56 pm

plik .css odpowiedzialny za styl karuzeli

Tytuł: Odp: MGC Carousel of products on the home page
Wiadomość wysłana przez: fender1976 w Styczeń 16, 2013, 03:20:09 pm

www.musculationshop.com    no i probuje i nic chodzi o dopasawanie

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    background: #00000;
    border: 1px solid #346F97;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 900px;
    padding: 5px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  900px;
    height: auto;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 129px;
    height: auto;
    text-align: center;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 5px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 45%;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 45%;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

Tytuł: Odp: MGC Carousel of products on the home page
Wiadomość wysłana przez: design4VIP w Styczeń 16, 2013, 06:51:27 pm

patrzac pod linka, ktory podales ciezko okreslic o co Ci chodzi, po pierwsze nie widze aby cokolwiek bylo zasloniete, siedzie w miejscy gdzie ma siedziec, tylko zdjecia sa o wiele za male do okna.

Tytuł: Odp: MGC Carousel of products on the home page
Wiadomość wysłana przez: fender1976 w Styczeń 16, 2013, 07:42:52 pm

Strzaleczka od slidera wchodzi na ten wyzej ...gdyby to otworzyc w Ie lepiej widac Problem ,chce to dopasowac na glanc

Tytuł: Odp: MGC Carousel of products on the home page
Wiadomość wysłana przez: design4VIP w Styczeń 16, 2013, 09:16:07 pm

ale jak strzalka ma sie nie chowac jak tango masz ustawione na 716 px a container na 900px? dopasuje na poczatku szerokosci glownych elementow a pozniej dopeiro ustawiaj szczegoly.

korzystaj z firebuga w FF to napewno bedzie ci o wiele prosciej i szybciej otrzymujac na tacy class czy id elementu, plik no i linijke w tym pliku, ktora trzeba wdytowac.... poza tym wstepne przymiarki mozesz robic juz za jego pomoca na stornie zeby nie wgrywac pliku .css po tysiace razy