Webboard

Pełna wersja: aktywowanie i chowanie diva , @media??
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB:1.8.6
adres forum:[b] [/b]http://forumtrychologiczne.pl/index.php


Witam postanowilem przerobic styl tak aby ładniej wyglądal podczas wyswietlania go na telefonie

i chciałbym zmienić diva poprzez szerokość forum.

Wiec jezeli szerokosc forum/okna jest mniejsza niz 744 to zamiast tego: http://scr.hu/6zcw/4t4g6 chce aby wyswietlało się takie cos jak tutaj: http://scr.hu/6zcw/6fdo4

tylko zamiast portal forum itp chciałbym miec zarejestruj i zaloguj.

i teraz jak to zrobic??

ja mysle aby zrobic  2 divy..  jeden tak jak teraz juz jest a drugi jak po przeróbce, tylko jak(?) za pomocą jakby schować stary div a na jego miejscu żeby pojawił się nowy(drugi)??

czy moze są prostsze/lepsze/optymalniejsze sposoby??

Pozdrawiam
Możesz się wzorować tym: https://css-tricks.com/responsive-menu-concepts/
Przedstawili tam bardzo dobre rozwiązanie.
skorzystam nadal nie wiem jak zrobic ze jezeli okno forum jest węższe niz 744 to jeden div znika a drugi sie pojawia??

takie cos?
Kod:
@media only screen and (min-width:744px)
{
.jakistamdiv2{} // jak zrobic aby sie pojawiał??
}
@media only screen and (max-width:744px)
{
.jakistamdiv{display:none;}
}


Kod:
only screen and
do czego ten kod służy??
(06.07.2016, 20:22)RomanWysZ napisał(a): [ -> ]skorzystam nadal nie wiem jak zrobic ze jezeli okno forum jest węższe niz 744 to jeden div znika a drugi sie pojawia??

takie cos?
Kod:
@media only screen and (min-width:744px)
{
.jakistamdiv2{} // jak zrobic aby sie pojawiał??
}
@media only screen and (max-width:744px)
{
.jakistamdiv{display:none;}
}
Zależy od wcześniejszego ostylowania. Przeważnie initial lub block są ok.

(06.07.2016, 20:22)RomanWysZ napisał(a): [ -> ]
Kod:
only screen and
do czego ten kod służy??
http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
Interesuje cię najbardziej "Media Types".