wdrożenia PrestaShop

MGC Carousel of products on the home page

  • 5 Odpowiedzi
  • 2039 Wyświetleń

0 użytkowników i 1 Gość przegląda ten wątek.

*

Offline fender1976

  • Użytkownik
  • **
  • 42
  • 0
MGC Carousel of products on the home page
« dnia: 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

*

Offline design4VIP

  • user
  • Mieszkaniec
  • *****
  • 3,866
  • 131
    • design4VIP z innej strony...
  • PrestaShop: PS
  • Status: Programista
Odp: MGC Carousel of products on the home page
« Odpowiedź #1 dnia: Styczeń 16, 2013, 02:53:56 pm »
plik .css odpowiedzialny za styl karuzeli
design4VIP z innej strony...

*

Offline fender1976

  • Użytkownik
  • **
  • 42
  • 0
Odp: MGC Carousel of products on the home page
« Odpowiedź #2 dnia: 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;
}

*

Offline design4VIP

  • user
  • Mieszkaniec
  • *****
  • 3,866
  • 131
    • design4VIP z innej strony...
  • PrestaShop: PS
  • Status: Programista
Odp: MGC Carousel of products on the home page
« Odpowiedź #3 dnia: 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.
design4VIP z innej strony...

*

Offline fender1976

  • Użytkownik
  • **
  • 42
  • 0
Odp: MGC Carousel of products on the home page
« Odpowiedź #4 dnia: 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

*

Offline design4VIP

  • user
  • Mieszkaniec
  • *****
  • 3,866
  • 131
    • design4VIP z innej strony...
  • PrestaShop: PS
  • Status: Programista
Odp: MGC Carousel of products on the home page
« Odpowiedź #5 dnia: 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
design4VIP z innej strony...