Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Orbit Slider - customizacja

Założony przez  Qurczax.

wersja skryptu MyBB: 1.8
adres forum: ww.utysia.pl
na czym polega problem (screen, opis, komunikaty, nazwa i wersja wtyczki):
mam problem ze sliderem orbit (https://github.com/zurb/orbit), chcę go rozciągnąć na całą tabelę, a bannery wyśrodkować, nie odnajduje się w tym CSS (te strzałki sobie zmniejsze, to nie problem tylko to wyśrodkowanie)

[Obrazek: t4mQAj6.png]

CSS:
/* CSS for jQuery Orbit Plugin 1.3.0
* www.ZURB.com/playground
* Copyright 2010, ZURB
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php



/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY
  ================================================== */
#caseStudies {
    width: 1000px;
    height: 210px;
    background: #fff url('orbit/loading.gif') no-repeat center center;
    overflow: hidden; }
#caseStudies>img,  
#caseStudies>div,
#caseStudies>a { display: none; }




/* CONTAINER
  ================================================== */

div.orbit-wrapper {
   width: 200px;
   height: 1px;
   position: relative; }

div.orbit {
   width: 1px;
   height: 1px;
   position: relative;
   overflow: hidden;}
   
div.orbit.with-bullets {
   margin-bottom: 40px;
}

div.orbit>img {
   position: absolute;
   top: 0;
   left: 0;
    float: center;
   /* display: none; */ }

div.orbit>a {
   border: none;
   position: absolute;
   top: 0;
   left: 0;
   line-height: 0;
   display: none; }

.orbit>div {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%; }

/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */


/* TIMER
  ================================================== */

div.timer {
   width: 40px;
   height: 40px;
   overflow: hidden;
   position: absolute;
   top: 10px;
   right: 10px;
   opacity: .6;
   cursor: pointer;
   z-index: 1001; }

span.rotator {
   display: block;
   width: 40px;
   height: 40px;
   position: absolute;
   top: 0;
   left: -20px;
   background: url(orbit/rotator-black.png) no-repeat;
   z-index: 3; }

span.mask {
   display: block;
   width: 20px;
   height: 40px;
   position: absolute;
   top: 0;
   right: 0;
   z-index: 2;
   overflow: hidden; }

span.rotator.move {
   left: 0 }

span.mask.move {
   width: 40px;
   left: 0;
   background: url(orbit/timer-black.png) repeat 0 0; }

span.pause {
   display: block;
   width: 40px;
   height: 40px;
   position: absolute;
   top: 0;
   left: 0;
   background: url(orbit/pause-black.png) no-repeat;
   z-index: 4;
   opacity: 0; }

span.pause.active {
   background: url(orbit/pause-black.png) no-repeat 0 -40px }

div.timer:hover span.pause,
span.pause.active {
   opacity: 1 }


/* CAPTIONS
  ================================================== */

.orbit-caption {
   display: none;
   font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }

.orbit-wrapper .orbit-caption {
   background: #000;
   background: rgba(0,0,0,.6);
   z-index: 1000;
   color: #fff;
    text-align: center;
    padding: 7px 0;
   font-size: 13px;
   position: absolute;
   right: 0;
   bottom: 0;
   width: 100%; }


/* DIRECTIONAL NAV
  ================================================== */

div.slider-nav {
   display: block }

div.slider-nav span {
   width: 78px;
   height: 100px;
   text-indent: -9999px;
   position: absolute;
   z-index: 1000;
   top: 50%;
   margin-top: -50px;
   cursor: pointer; }

div.slider-nav span.right {
   background: url(orbit/right-arrow.png);
   right: 0; }

div.slider-nav span.left {
   background: url(orbit/left-arrow.png);
   left: 0; }

/* BULLET NAV
  ================================================== */

.orbit-bullets {
   position: absolute;
   z-index: 1000;
   list-style: none;
   bottom: -50px;
   left: 50%;
      margin-left: -50px;
   padding: 0; }

.orbit-bullets li {
   float: left;
   margin-left: 5px;
   cursor: pointer;
   color: #999;
   text-indent: -9999px;
   background: url(orbit/bullets.jpg) no-repeat 4px 0;
   width: 13px;
   height: 12px;
   overflow: hidden; }

.orbit-bullets li.active {
   color: #222;
   background-position: -8px 0; }
   
.orbit-bullets li.has-thumb {
   background: none;
   width: 100px;
   height: 75px; } }

.orbit-bullets li.active.has-thumb {
   background-position: 0 0;
   border-top: 2px solid #000; }
   
/* FLUID LAYOUT
  ================================================== */
.orbit-wrapper.fluid .orbit .fluid-placeholder {
   visibility: hidden;
   position: static;
   display: block;
   width: 100%; }

.orbit-wrapper.fluid .orbit, .orbit-wrapper.fluid {
   width: 100% !important; }

.orbit-wrapper.fluid .orbit-bullets {
   position: absolute;
   z-index: 1000;
   list-style: none;
   bottom: -50px;
   left: 50%;
   margin-left: -50px;
   padding: 0; }

szablon w index:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder border_table" style="clear: both;">
<tr>
<td class="thead" colspan="2">
Bannery
</td>
</tr>
<tr>
    </tr></tbody></table>
<table class="tborder border_table" style="clear: both;" border="0" cellpadding="5" cellspacing="0">
<tbody><tr><td class="trow2">
<center><div id="featured">
    <a href="http://www.pukawka.pl/pp,sebsza8804.html" title="Serwery gier"><img src="http://www.pukawka.pl/img/pp/BANER468.gif"                        alt="Serwery gier" /></a>    
<a href="//promujserwer.pl/"><img style="float: center;" src="//promujserwer.pl/boost/obrazy/banner.png"></a>    
<a href="//zamow-reklame.pl/"><img style="float: center;" src="//zamow-reklame.pl/banner.png"></a>
<a href="//advertgame.pl"><img style="float: center;" src="//advertgame.pl/images/baner.gif" width="468" height="60"></a>            
<a href="//fabryka-graczy.pl/"><img style="float: center;" src="//fabryka-graczy.pl/forum/images/bannery/banner.png">
<a href="//ls-farmer.pl/"><img style="float: center;" src="//ls-farmer.pl/Banner2.gif"></a>
        <img style="float: center;" src="orbit/template.png">
</div>
    </center>
</td>
</tr>
</tbody></table>
 pomoże ktoś?

jeśli zły dział to przepraszam
Nie widzę nigdzie slidera pokazanego na obrazku.
nowy styl, tylko ja go mam
No to sobie radź sam.. Nikt tutaj czarodziejem nie jest.
testowe konto
l: test1234
h: test123



Użytkownicy przeglądający ten wątek:

3 gości