Webboard

Pełna wersja: Reklama z boku
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2
wersja skryptu MyBB: 1.6.11
adres forum: http://alteroffice.pl/
na czym polega problem (screen, opis, komunikaty, nazwa i wersja wtyczki):

Chciałbym mieć reklamę po lewej i/lub po prawej stronie za forum/portalem.
Chciałbym żeby ta reklama przy niskiej rozdzielczości nie najeżdżała na forum ewentualnie chowała się pod.

Mam w headerinclude
Kod:
<!--Reklama lewa-->
<div style="float:left; position: fixed;">
<iframe scrolling="no" style="border: 0; width: 120px; height: 600px;" src="//coinurl.com/get.php?id=23531"></iframe>
</div>
<!--Reklama lewa-->

i przy wartości koło 950 px reklama najeżdża na forum. Tego bym nie chciał. Jak to zmienić.
Mam małą rozdzielczość, ale mi się nic nie rozjeżdża.

Spróbuj te wartości z px zmieni na %.
(14.02.2014, 18:06)Snake_ napisał(a): [ -> ]Mam małą rozdzielczość, ale mi się nic nie rozjeżdża.

Najeżdża. Reklama nachodzi na forum jak mam przeglądarkę na pół ekranu otworzoną.
Otwórz na pełnym ekranie to reklama powinna być na szarmy, a potem zmniejsz tak aby pojawił się pasek na dole do przesuwania w prawo i w lewo i zobaczysz że reklama nachodzi/najeżdża na forum/portal.
No to może przedstaw to na jakimś screenie, ja osobiście nie widzę błędu.
Proszę.
Aa.. o to chodzi...

No to spróbuj ten kod umieścić w szablonie header, lub portal, przed body (?).
Przecież position jest fixed to jak ma nie nachodzić. :facepalm:
Jak dam bez position fixed to mam dziurę pomiędzy górą a forum/portal.
Dodałem z-index: -1 i jest ok.

Nie da się jakoś zrobić by reklama była po lewej na tym szarym i nie najeżdżała, nie chowała się?
Forum ma stałe 950px reklama ma 60px będą dwie więc w body dodam min-width: 1080px;.
Skoro dodałeś do body min-width: 1080px; to spróbuj teraz position: fixed;
a jak nie to bez float
Kod:
position: fixed;
top: 0;
left:0;

szymon1051 napisał(a):Jak dam bez position fixed to mam dziurę pomiędzy górą a forum/portal.

No tak, bo ten element zajmuje miejsce.
Jak ustawiłem min-width: 1350px to przestało najeżdżać.
Z ciekawości nie dało się inaczej?
Trzeba by tą reklamę włożyć w główny kontener strony.
Jak podzielić stronę na trzy części? Tabele czy da się jakoś div?
Chciałbym żeby było coś jak na rysunku gdzie czarny kwadrat to reklama, niebieskie to forum, a czerwone druga reklama.
Łącznie dawały by około 1350 px.

Chyba mam dałem jeszcze jeden div który ma w sobie wszystko reklamę i forum i na androdzi nie najeżdża.
Tylko teraz zostaje problem tej dziury pomiędzy nagłówkiem a forum/portal.
W szablonie index za <body> dodajesz
Kod PHP:
<div class="reklama_lewa">
<!-- 
Kod reklamy -->
</
div

Dalej to co jest forum dalej do </body> też całość w div
Kod PHP:
<div class="kod_forum">
<!-- 
Kod forum -->
</
div

i przed </body> dodaj:

Kod PHP:
<div class="reklama_prawa">
<!-- 
Kod reklamy -->
</
div

Oczywiście do global css
Kod:
.reklama_lewa {
float: left;
}

.kod_forum {
float: left;
}

.reklama_prawa {
float: right;
}

No i szerokości trzeba oscylować w tych klasach.

Ja nie wiem co z tego wyjdzie, bo to tak na sucho pisane. :)
I do portal też trzeba dodać bo index nie obejmuje :).
Działą tylko forum jest po lewej a nie na środku.

Trzeba jeszcze wszystko w
Kod:
<div style="margin: 0px auto 0px auto; width:1300px;">

</div>

Nie brałem index pod uwagę bo odnosi się do forum bez portalu ale potem przypomniałem sobie że portal ma dla siebie oddzielne o nazwie portal :).

I ta po prawej też left :).
To dodaj do body
Kod:
margin: 0 auto;

Sprawdź.

Portal ma swój "index"

Nie, czekaj źle xD

Spróbuj całość wziąć w jeszcze jeden <div> i do niego dodaj (może być już w style) ten margin: 0 auto;

albo dodaj do body - width ileśtam
Stron: 1 2