Skocz do zawartości
Szukaj w
  • Więcej opcji...
Znajdź wyniki, które zawierają...
Szukaj wyników w...
Spr!Nt3R

Rotator Bannerów

Rekomendowane odpowiedzi

No więc mam już kod na rotator, css porobione i próbuję wstawić go do headeru przy logu, ale coś nie mogę sobie z tym poradzić :/ Tak to wygląda:

[img]http://imgie.pl/uploads/147609418955811.png[/img]

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach
Sekcja <head> [code]<head> <title>{$mybb->settings['bbname']}</title> {$headerinclude} <script type="text/javascript"> <!-- lang.no_new_posts = "{$lang->no_new_posts}"; lang.click_mark_read = "{$lang->click_mark_read}"; // --> </script> </head>[/code] Kod rotatorka: [code] <div class="konkursy"> <div class="konkursybg"> <div id="buttons-wrapper"> <div id="button-previous"><img src="http://ptr-serv.xaa.pl/upload/files/leftstrzalka_57f91ed092ae4.png"></div> <div id="button-next"><img src="http://ptr-serv.xaa.pl/upload/files/rightstrzalka_57f91ed092c42.png"></div> <div id="slider-wrapper"> <div id="slider"> <div class="sp"><div class="cien"><span class="napisnarotator">SOTW#1 &nbsp;&nbsp;WYGRYWA: XYZ/ &nbsp;33 glosy&nbsp;&nbsp;&nbsp;</span></div><img src="http://ptr-serv.xaa.pl/upload/files/rotator1_57f91ed092e3c.png"></div> <div class="sp"><div class="cien"><span class="napisnarotator">SOTW#2 &nbsp;&nbsp;WYGRYWA: XYZ/ &nbsp;33 glosy&nbsp;&nbsp;&nbsp;</span></div><img src="http://ptr-serv.xaa.pl/upload/files/rotator2_57f91ed092fcf.png"></div> <div class="sp"><div class="cien"><span class="napisnarotator">SOTW#3 &nbsp;&nbsp;WYGRYWA: XYZ/ &nbsp;33 glosy&nbsp;&nbsp;&nbsp;</span></div><img src="http://ptr-serv.xaa.pl/upload/files/rotator1_57f91ed092e3c.png"></div> <div class="sp"><div class="cien"><span class="napisnarotator">SOTW#4 &nbsp;&nbsp;WYGRYWA: XYZ/ &nbsp;33 glosy&nbsp;&nbsp;&nbsp;</span></div><img src="http://ptr-serv.xaa.pl/upload/files/rotator2_57f91ed092fcf.png"></div> </div> </div> </div></div> </div> </div> </div>[/code] .css od rotatorka [code].konkursy { float:right; right:0px; } .konkursybg { background-image: url('http://ptr-serv.xaa.pl/upload/files/wynikikonkursow_57fb8ded4a61f.png'); height:161px; width:584px; position:relative; top:17px; } .slider-wrapper { width:547px; height:101px; margin: 0 auto; } .slider { width:547px; top:45px; right:5px; border: 1px solid #366332; height:101px; position:relative; } .sp { width:547px; height:101px; position:absolute; } .cien { background-color: rgba(0, 0, 0, 0.50); width:547px; bottom:0px; height:24px; position:absolute; } .napisnarotator { color:#fff; font-size: 11px; line-height:24px; height:24px; float:right; right:10px; font-family: Opensansregular; } .buttons-wrapper { width: 535px; height:60px; margin: 0 auto; } .button-previous { float:left; position:relative; left:430px; margin-top:10px; } .button-next { float:right; position:relative; right:50px; margin-top:10px; }[/code]

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach
Ok, jako tako sobie poradziłem, tylko chce go przesunąć i nie mogę :/ Chciałbym przesunąć go w zaznaczone miejsce.
[url=http://imgie.pl/][img]http://imgie.pl/uploads/147635316842381.png[/img][/url]

A tutaj kod .css
[code]/* SLIDER */ .slide-partner {height: 150px; width: 400px;margin-top: 50px;} .slide-partner h4 {background: rgba(12, 49, 66, 0.85); padding: 8px 50px; border-radius: 4px; color:#fff; float: right;font-weight: 100;} .slide-partner-bg {background: rgba(12, 49, 66, 0.85); height: 100px; border-radius: 4px; width: 400px;} /* SLIDER */ .cbp-fwslider { position: relative; overflow: hidden; width: 400px; height: 100px;margin: auto; z-index: 1;} .cbp-fwslider img {width: 400px; height: 100px;} .cbp-fwslider ul {margin: 0; padding: 0;white-space: nowrap; list-style-type: none;} .cbp-fwslider ul li {transform: translateZ(0);float: left;display: block;margin: 0;padding: 0;} .cbp-fwslider ul li > a, .cbp-fwslider ul li > div {display: block;text-align: center;outline: none;} .cbp-fwslider ul li > a img {border: none;display: block;margin: 0 auto;width: 100%;border-radius: 3px;} .cbp-fwslider nav span {position: absolute;top: 50%;margin-top: -15px;width: 30px;height: 30px;background: rgba(0,0,0,0.5);color: #fff;text-align: center;line-height: 30px;cursor: pointer; font-weight: normal;border-radius: 4px;} .cbp-fwslider nav span:hover { background: rgba(0,0,0,0.8);} .cbp-fwslider nav span.cbp-fwnext {right: 10px;} .cbp-fwslider nav span.cbp-fwprev {left: 10px;} .cbp-fwdots {position: absolute;bottom: 5px;white-space: nowrap;text-align: center;width: 100%;} .cbp-fwdots span {display: inline-block;width: 15px;height: 15px;background: rgba(0,0,0,0.8);margin: 4px;border-radius: 50%;cursor: pointer;} .cbp-fwdots span:hover {background: rgba(0,0,0,0.8);} .cbp-fwdots span.cbp-fwcurrent {background: rgba(0,0,0,0.8);box-shadow: 0 0 0 3px rgba(0,0,0,0.5);transition: box-shadow 0.2s ease-in-out;} /* ----------------------- */[/code]

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach
Zostało podane na SS, gdzie jest banner, a gdzie chcę go umieścić. Dodałem kod .css, to nie wystarczy? Zostawiłbym go na forum, ale użytkownicy się skarżą, a kolega forum nie każe zamykać :P

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Dołącz do dyskusji

Możesz dodać zawartość już teraz a zarejestrować się później. Jeśli posiadasz już konto, zaloguj się aby dodać zawartość za jego pomocą.

Gość
Dodaj odpowiedź do tematu...

×   Wklejono zawartość z formatowaniem.   Usuń formatowanie

  Dozwolonych jest tylko 75 emoji.

×   Odnośnik został automatycznie osadzony.   Przywróć wyświetlanie jako odnośnik

×   Przywrócono poprzednią zawartość.   Wyczyść edytor

×   Nie możesz bezpośrednio wkleić grafiki. Dodaj lub załącz grafiki z adresu URL.


×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.