aktywowanie i chowanie diva , @media??

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ą @media 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?

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

only screen and

do czego ten kod służy??

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?

@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.

only screen and

do czego ten kod służy??

http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
Interesuje cię najbardziej "Media Types".