Skocz do zawartości

Nie masz jeszcze konta?

Zarejestruj nowe konto, aby mieć pełny dostęp do forum. To zajmie Ci 1 minutę!

Przejdź do rejestracji

Rotator Bannerów


Spr!Nt3R
 Udostępnij

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:

Ta zawartość jest ukryta. Jeśli chcesz mieć do niej dostęp, proszę
http://imgie.pl/uploads/147609418955811.png[/img]
Odnośnik do komentarza
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]
Odnośnik do komentarza
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]
Odnośnik do komentarza
Udostępnij na innych stronach

Ten temat jest przestarzały, ponieważ ostatni post był napisany ponad dwa miesiące temu. Czy na pewno chcesz go skomentować? Jeśli tak, to możesz kontynuować pisanie posta.

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.   Przywróć 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.

 Udostępnij



Wypoczywam.com Wypoczywam.com - Domki Wypoczywam.com - Pokoje Wypoczywam.com - Apartamenty Wypoczywam.com - Pensjonaty Wypoczywam.com - Hotele
×
×
  • 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ę.