PDA

Zobacz pełną wersję : Jak wyśrodkować reklamy w module banners joomla.



slomers
24-03-2016, 12:57
Witam,

Jak wyśrodkować reklamy w module banners w joomla 3.5, szablon prostar...
wyświetlają się do lewej strony... 8668

Gall Anonim
24-03-2016, 19:10
Ostylować :-)
Daj link do strony to pewnie ktoś poda kawałek kodu :spoko:

slomers
24-03-2016, 19:38
http://www.slomers.webd.pl/baza-instruktorow.com3/index.php

przem188
24-03-2016, 22:23
Proponuję użyć komponentu Flex banners, który oferuje więcej możliwości jeżeli chodzi o reklamy. A co do kodu. Mam responsywny serwis więc i reklamy muszą się dostosować do rozmiaru ekrany np. smartfona. Dlatego używam do wyświetlania kodu, który centruje i skaluje banner :

<center>
<p><a href="http://www.stronawwwklienta.pl/" target="_blank"><img style="float: center; width: 98%; height: auto; max-width: 750px;" src="/images/banners/banner-41-153_bis.jpg" alt=""/></a></p>
</center>

Max-width to maksymalna i docelowa szerokość banneru gdy ten wyświetla się na desktopie. Za taką zapłacił reklamodawca.

slomers
24-03-2016, 23:06
Dzięki wielkie! O to mi właśnie chodziło! :up:

zwiastun
25-03-2016, 12:18
@przem188: Znacznik <center> jako znacznik prezentacyjny został wycofany już dawno. Owszem, przeglądarki go wciąż interpretują, ale stosowanie nie jest zalecane (walidatory zwrócą go jako błędny). W przytoczonym przez Ciebie kodzie wystarczy dodać klasę centrującą do znacznika <p>, który obejmuje grafikę. Niepoprawna jest również wartość stylu float - poprawnymi są tylko left, right, none. Tę część (float: center) w kodzie trzeba opuścić - jako niepoprawna nie skutkuje żadnym efektem.
Poprawnie Twój kod mógłby wyglądać np. tak:


<p class="center"><a href="http://www.stronawwwklienta.pl/" target="_blank"><img style="width: 98%; height: auto; max-width: 750px;" src="/images/banners/banner-41-153_bis.jpg" alt=""/></a></p>

albo np. tak


<p class="center"><a href="http://www.stronawwwklienta.pl/" target="_blank"><img class="baner750" src="/images/banners/banner-41-153_bis.jpg" alt=""/></a></p>


W pierwszym przypadku trzeba by dodać do arkusza stylów deklarację klasy .center,
np.
.center {text-align: center}.
W drugim dodatkowo deklarację klasy
.baner750 {
width: 98%;
max-width: 750px;
}
(To height:auto nie jest konieczne, bo jest wartością domyślną.

PS Pominąłem kwestię atrybutu alt - w tym przypadku nie powinien on być pusty, powinien zaiwerać opis.

przem188
25-03-2016, 13:28
Dzięki zwiastun za info. Ten kod używam od tak dawna że nawet nie sprawdzałem czy jest prawidłowy. Znalazłem go na jakimś blogu i tak używam od 5 lat.

weronia
28-03-2016, 09:56
Polecam także Flex banners. Działa szybko i efektywnie.