wdrożenia PrestaShop Powiększenie zdjęć moduł

Bazinga Kinky Slider duży na całą szerokość

  • 11 Odpowiedzi
  • 6666 Wyświetleń

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

*

Offline reaktor

  • Nowy
  • *
  • 8
  • 0
Bazinga Kinky Slider duży na całą szerokość
« dnia: Styczeń 21, 2012, 01:53:15 pm »
Witam!

Może jakaś mądra głowa pomoże mi w rozwiązaniu problemu. Zaintalowałem slider bazinga http://www.bazingadesigns.com/blog/tutoriale/jak-napisac-modul-do-prestashop-tutorial-kinky-slider-czesc-1

wszystko jest o.k. ale kiedy dodam go do top of pages pojawia się przesunięty na prawo od logo strony...
a zależy mi aby slider był centralnie duży jak na przykład na stronie http://www.threadless.com/

kiedy przeniosę slider do header of pages pojawia się na samej górze przesunięty w lewo... logo itp. są poniżej...

ktoś miał podobny problem?

dzięki

pozdro

*

Offline deviant

  • Mieszkaniec
  • *****
  • 776
  • 1
  • Płeć: Mężczyzna
  • prestamod
  • PrestaShop: PS
  • Status: forum
Odp: Bazinga Kinky Slider duży na całą szerokość
« Odpowiedź #1 dnia: Styczeń 25, 2012, 05:05:49 pm »
Podrzuć link do strony jak możesz.
Prestamod -> [sklepy][hosting][modyfikacje][szablony][pomoc]

*

Offline reaktor

  • Nowy
  • *
  • 8
  • 0
Odp: Bazinga Kinky Slider duży na całą szerokość
« Odpowiedź #2 dnia: Styczeń 27, 2012, 10:10:42 pm »
Witam!

http://www.t-shirtstudio.pl

w chwili obecnej jest tam jgalleryview2...

pozdro

*

Offline deviant

  • Mieszkaniec
  • *****
  • 776
  • 1
  • Płeć: Mężczyzna
  • prestamod
  • PrestaShop: PS
  • Status: forum
Odp: Bazinga Kinky Slider duży na całą szerokość
« Odpowiedź #3 dnia: Styczeń 28, 2012, 11:51:30 am »
Zainstaluj to co chcesz żebym sprawdził i tam gdzie to ma być ostatecznie.
Prestamod -> [sklepy][hosting][modyfikacje][szablony][pomoc]

*

Offline reaktor

  • Nowy
  • *
  • 8
  • 0
Odp: Bazinga Kinky Slider duży na całą szerokość
« Odpowiedź #4 dnia: Styczeń 28, 2012, 12:57:43 pm »
O.k. zainstalowane...

generalnie chodzi o to, że chcę aby moduł był umieszczony poniżej logo na całą szerokość strony

pzdr

*

Offline reaktor

  • Nowy
  • *
  • 8
  • 0
Odp: Bazinga Kinky Slider duży na całą szerokość
« Odpowiedź #5 dnia: Styczeń 28, 2012, 01:16:14 pm »
Lipnie to wykonałeś

Nie pytałem Cię o zdanie, jak nie wiesz jak mi pomóc to po co zaśmiecasz forum?

*

Offline deviant

  • Mieszkaniec
  • *****
  • 776
  • 1
  • Płeć: Mężczyzna
  • prestamod
  • PrestaShop: PS
  • Status: forum
Odp: Bazinga Kinky Slider duży na całą szerokość
« Odpowiedź #6 dnia: Styczeń 28, 2012, 02:00:48 pm »
Otwórz css tego modułu i zmień #bazingaSliderContainer na tak jak poniżej napisałem.

#bazingaSliderContainer {
border-color: #EEE;
border-width: 5px;
border-style: solid;
width: 990px;
height: 346px;
margin-top: 150px;
margin-right: auto;
margin-bottom: 20px;
margin-left: -275px;
}
Prestamod -> [sklepy][hosting][modyfikacje][szablony][pomoc]

*

Offline reaktor

  • Nowy
  • *
  • 8
  • 0
Odp: Bazinga Kinky Slider duży na całą szerokość
« Odpowiedź #7 dnia: Styczeń 28, 2012, 02:08:00 pm »
podmieniłem ale nie działa ;-(

poniżej cała zawartość css


@font-face {
    font-family: 'SFMoviePosterBold';
    src: url('fonts/sfmovieposter-bold-webfont.eot');
    src: url('fonts/sfmovieposter-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sfmovieposter-bold-webfont.woff') format('woff'),
         url('fonts/sfmovieposter-bold-webfont.ttf') format('truetype'),
         url('fonts/sfmovieposter-bold-webfont.svg#SFMoviePosterBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

.bazingaPreloading {

    visibility: hidden;
   
}

#bazingaSliderContainer {
border-color: #EEE;
border-width: 5px;
border-style: solid;
width: 990px;
height: 346px;
margin-top: 150px;
margin-right: auto;
margin-bottom: 20px;
margin-left: -275px;
}
#kinkyPreloader {

    background:url(../img/loading.gif);
    height:16px;
    left:49%;
    position:absolute;
    top:49%;
    width:16px;
   
}

ul#bazingaSliderContent {

    list-style-type: none;
    margin:0;
    padding:0;
    width:556px;

}

ul#bazingaSliderContent li {

    left:0px;
    margin:0px;
    padding:0px;
    position:absolute;
    top:0px;
    z-index:100;
    cursor:pointer;

}

ul#bazingaSliderContent li .bazingaHeader {
   
    box-shadow:1px 1px 2px rgba(125,125,125,0.5);
    -moz-box-shadow:1px 1px 2px rgba(125,125,125,0.5);
    -o-box-shadow:1px 1px 2px rgba(125,125,125,0.5);
    -webkit-box-shadow:1px 1px 2px rgba(125,125,125,0.5);
    letter-spacing:4px;
    position:absolute;
    text-transform:uppercase;

}

ul#bazingaSliderContent li .bazingaHeader a {

    text-decoration:none;
}

ul#bazingaSliderContent li .bazingaPrice a {

    text-decoration:none;
}

ul#bazingaSliderContent li .bazingaPrice {

    box-shadow:1px 1px 2px rgba(125,125,125,0.5);
    -moz-box-shadow:1px 1px 2px rgba(125,125,125,0.5);
    -o-box-shadow:1px 1px 2px rgba(125,125,125,0.5);
    -webkit-box-shadow:1px 1px 2px rgba(125,125,125,0.5);
    font-weight:lighter;
    opacity:0;
    -moz-opacity:0;
    -webkit-opacity:0;
    -o-opacity:0;
    filter:alpha(opacity=0);
    -ms-filter:alpha(opacity=0);
    position:absolute;
    text-transform:uppercase;

}

.gradient {

    background:url(../img/gradient.png);
    background-repeat:repeat-x;
    height:123px;
    left:0px;
    position:absolute;
    top:0px;   
    z-index:200;
}

#kinkyTurnLeft {

    position:absolute;
    width:37px;
    height:37px;
    overflow:hidden;
    text-align:center;   
    font-size:20px;
    font-family:arial;
    line-height:34px;
    z-index:500;
    cursor:pointer;
    box-shadow:1px 1px 2px rgba(125,125,125,0.5);
    -moz-box-shadow:1px 1px 2px rgba(125,125,125,0.5);
    -o-box-shadow:1px 1px 2px rgba(125,125,125,0.5);
    -webkit-box-shadow:1px 1px 2px rgba(125,125,125,0.5);
    opacity:0;
    -moz-opacity:0;
    -webkit-opacity:0;
    filter:alpha(opacity=0);
    -ms-filter:alpha(opacity=0);

}

#kinkyTurnRight {

    position:absolute;
    width:37px;
    height:37px;
    overflow:hidden;
    text-align:center;
    font-size:20px;
    font-family:arial;
    line-height:34px;
    z-index:500;
    cursor:pointer;
    box-shadow:1px 1px 2px rgba(125,125,125,0.5);
    -moz-box-shadow:1px 1px 2px rgba(125,125,125,0.5);
    -o-box-shadow:1px 1px 2px rgba(125,125,125,0.5);
    -webkit-box-shadow:1px 1px 2px rgba(125,125,125,0.5);
    opacity:0;
    -moz-opacity:0;
    -webkit-opacity:0;
    filter:alpha(opacity=0);
    -ms-filter:alpha(opacity=0);
}


.turnSpan span{

    position:relative;

}

.turnSpan:active span {

    top:1px;
}

.makeRelative {

    position:relative;
   
}

*

Offline deviant

  • Mieszkaniec
  • *****
  • 776
  • 1
  • Płeć: Mężczyzna
  • prestamod
  • PrestaShop: PS
  • Status: forum
Odp: Bazinga Kinky Slider duży na całą szerokość
« Odpowiedź #8 dnia: Styczeń 28, 2012, 02:10:45 pm »
Wejdz do tools/smarty/compile i usun zawartosc tego katalogu.

@xCopel.eu idz sprawdz czy nie ma cie za drzwiami co ? Nie masz nic do powiedzenia sensownego to nie mów nic.
Prestamod -> [sklepy][hosting][modyfikacje][szablony][pomoc]

*

Offline reaktor

  • Nowy
  • *
  • 8
  • 0
Odp: Bazinga Kinky Slider duży na całą szerokość
« Odpowiedź #9 dnia: Styczeń 28, 2012, 02:14:17 pm »
wywalone wszystko... dalej nic.


*

Offline deviant

  • Mieszkaniec
  • *****
  • 776
  • 1
  • Płeć: Mężczyzna
  • prestamod
  • PrestaShop: PS
  • Status: forum
Odp: Bazinga Kinky Slider duży na całą szerokość
« Odpowiedź #10 dnia: Styczeń 28, 2012, 02:14:49 pm »
Nie każdy zaraz musi być taki "hakier" jak Ty.


@reaktor wysłałem ci info na PW
Prestamod -> [sklepy][hosting][modyfikacje][szablony][pomoc]

*

Offline reaktor

  • Nowy
  • *
  • 8
  • 0
Odp: Bazinga Kinky Slider duży na całą szerokość
« Odpowiedź #11 dnia: Styczeń 28, 2012, 02:15:50 pm »
niby bangla ale za wysoko... muszę ustawić top