Reklama z boku

Założony przez  Użytkownik 9022.

14.02.2014, 17:56
#1
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
<!--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ć.
14.02.2014, 18:06
#2
Mam małą rozdzielczość, ale mi się nic nie rozjeżdża.

Spróbuj te wartości z px zmieni na %.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
14.02.2014, 18:52 (Ten post był ostatnio modyfikowany: 14.02.2014, 18:56 przez Użytkownik 9022.)
#3
(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.
14.02.2014, 19:03
#4
No to może przedstaw to na jakimś screenie, ja osobiście nie widzę błędu.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
14.02.2014, 21:30
#5
Proszę.


Załączone pliki Miniatury
       
15.02.2014, 08:36 (Ten post był ostatnio modyfikowany: 15.02.2014, 08:37 przez Snake_.)
#6
Aa.. o to chodzi...

No to spróbuj ten kod umieścić w szablonie header, lub portal, przed body (?).
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
15.02.2014, 09:33
#7
Przecież position jest fixed to jak ma nie nachodzić. :facepalm:
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
15.02.2014, 14:43 (Ten post był ostatnio modyfikowany: 15.02.2014, 15:42 przez Użytkownik 9022.)
#8
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;.
15.02.2014, 17:02 (Ten post był ostatnio modyfikowany: 15.02.2014, 17:03 przez SLAVOO.)
#9
Skoro dodałeś do body min-width: 1080px; to spróbuj teraz position: fixed;
a jak nie to bez float
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.
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
15.02.2014, 18:00
#10
Jak ustawiłem min-width: 1350px to przestało najeżdżać.
Z ciekawości nie dało się inaczej?
15.02.2014, 19:05
#11
Trzeba by tą reklamę włożyć w główny kontener strony.
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
15.02.2014, 20:05 (Ten post był ostatnio modyfikowany: 15.02.2014, 20:28 przez Użytkownik 9022.)
#12
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.


Załączone pliki Miniatury
   
15.02.2014, 20:39 (Ten post był ostatnio modyfikowany: 15.02.2014, 20:45 przez SLAVOO.)
#13
W szablonie index za <body> dodajesz
<div class="reklama_lewa">
<!-- Kod reklamy -->
</div> 

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

i przed </body> dodaj:

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

Oczywiście do global css
.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. :)
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
15.02.2014, 20:51 (Ten post był ostatnio modyfikowany: 15.02.2014, 21:02 przez Użytkownik 9022.)
#14
I do portal też trzeba dodać bo index nie obejmuje :).
Działą tylko forum jest po lewej a nie na środku.

Trzeba jeszcze wszystko w
<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 :).
15.02.2014, 20:56 (Ten post był ostatnio modyfikowany: 15.02.2014, 21:00 przez SLAVOO.)
#15
To dodaj do body
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
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI



Użytkownicy przeglądający ten wątek:

1 gości