PDA

Zobacz pełną wersję : Dodanie bannera po prawej stronie



MarcinUser
26-07-2010, 18:36
Witam,
Nie wiem jak poradzić sobie z następującym problemem... Otóż mam stronę o szerokości 1000px, chciałbym po prawej stronie wstawić pionowy banner.
Wiem, że powinienem go wstawić w pliku szablonu - index.php (szablon z Rocketheme). Jednak nie wiem jak mam to zrobić. Z racji, że szablon jest oparty na divach, to dodanie czegokolwiek pod divem spowoduje obniżenie fragmentu strony.

Może ktoś wie jak rozwiązać ten problem.

Pozdrawiam.

KYCu
26-07-2010, 18:55
Witaj,

Rozwiązanie: Google -> Kurs html

MarcinUser
26-07-2010, 18:59
Jak mnie takie odpowiedzi denerwują... Szlak człowieka może trafić. Myślisz, że nie szukałem? Jest wiele sposób na umieszczenie bannera. Można użyć diva z pozycjonowaniem "position: relative; left: xx" itd. Ale to nie da zadowalającego obiektu. Ale proszę, jak jesteś taki mocny to powiedz pod jaką konkretnie frazą mam szukać pomocy?

Może ktoś z wiedzą się wypowie w temacie :)

Winnetou
26-07-2010, 19:51
Pionowy bannerek dodajesz do strony nie przez modyfikowanie szablonu ale za pośrednictwem modułu. A tu już masz różne warianty dalszego działania. Możesz osadzić grafikę lub kod bannera w nowym module custom html, lub możesz wykorzystać jakieś specyficzne rozszerzenie do publikacji reklam. Znajdziesz je na tej stronie:
http://extensions.joomla.org/extensions/ads-a-affiliates/banner-management

MarcinUser
26-07-2010, 19:56
Tak, tylko że mój szablon nie posiada modułu po prawej stronie. Bo mnie nie chodzi o wstawienie bannera do prawej kolumny tylko po za obszarem szablonu, w miejscu gdzie normalnie jest już tło. Mógłbym dodać moduł do szablonu i wtedy dodać banner tylko, że nie wiem w którym miejscu.

nieznajoma
27-07-2010, 09:35
Przydałby się adres. Moduł banera zrobisz tak jak Ci wyżej doradzono za pomocą custom html, wstawiasz własny kod i lokujesz go z prawej strony.

MarcinUser
27-07-2010, 10:00
Adres: http://the-listener.pl/

i lokujesz go z prawej strony.
Czyli o to mi się rozchodzi od samego początku. Jak?

nieznajoma
27-07-2010, 10:07
Wchodzisz w moduły, tworzysz nowy wybierając własny kod html. Wklejasz kod banera. Mod nazywasz jak chcesz i w pozycji wybierasz gdzie ma się znależć t.zn.chcesz z prawej klikasz right i.t.d.

MarcinUser
27-07-2010, 10:13
Wchodzisz w moduły, tworzysz nowy wybierając własny kod html. Wklejasz kod banera. Mod nazywasz jak chcesz i w pozycji wybierasz gdzie ma się znależć t.zn.chcesz z prawej klikasz right i.t.d.
Kilka postów wyżej:

Tak, tylko że mój szablon nie posiada modułu po prawej stronie..

Więc jak mam wybrać pozycję? Gdyby to było takie proste to nie było by tematu :) Tu się rozchodzi o czysty html.

nieznajoma
27-07-2010, 10:18
To w takim razie jak ustawiłeś reklamy i statystyki z prawej strony? Zerknij jaką mają pozycję te moduły i taką przypisz dla banera.

MarcinUser
27-07-2010, 10:20
Ale ja nie chcę wstawiać bannera w prawej kolumnie tylko to prawej stronie strony! Tam gdzie jest już niebieskie tło.

a_m
27-07-2010, 10:22
Tak, tylko że mój szablon nie posiada modułu po prawej stronie.. a to ciekawe - http://the-listener.pl/?tp=1 - co tam pisze po prawej? masz przecież pozycję right

MarcinUser
27-07-2010, 10:30
Ai vai.. Widzę, że bez rysuneczku się nie obejdzie :)
http://i25.tinypic.com/4t232a.jpg
Czy teraz już wiadomo o co chodzi? :)

a_m
27-07-2010, 10:34
najprościej:
w obrębie body: <div id="mojBanner"><a href="#"><img src="katalog/baner.jpg" width="100" height="300" border="0" /></a></div>
w pliku css #mojBanner {position:absolute;top:20px;right:20px;width:100px ;height:300px}
w ten sam sposób możesz też osadzić moduł wyświetlający reklamy;

MarcinUser
27-07-2010, 10:37
Tak, tylko, że jak ktoś będzie miał rozdzielczość 800x600 to banner zasłoni mu prawą cześć strony. A chciałbym to zrobić tak, żeby wraz z bannerem zwiększała się szerokość strony (ma sie suwak na dole pojawić).

a_m
27-07-2010, 10:44
no to musisz zrobić pływające bloki

MarcinUser
27-07-2010, 11:07
Nie, nie muszę.



<div id="calosc_strony"> //oryginalny szablon strony z newsami itd.

<div id="banner-right">
<div class="padding">
banner
</div>
</div>

</div>

.............

style.css

#banner-right {float: right; width: 0px; padding:0;}
#banner-right .padding {padding: 0 0 0 15px;}

Jednak metoda prób i błędów najrzadziej zawodzi ;)

a_m
27-07-2010, 11:11
#banner-right {float: right rzeczywiście nie musiałeś, ale wykorzystałeś

MarcinUser
27-07-2010, 11:15
A to o to chodziło :lol:
Szczerze się przyznam, że z zakresu informatyki nigdy nie interesowały mnie nazwy poszczególnych funkcji.

Problem rozwiązany. Temat do zamknięcia.