[CSS] Ogłoszenie dopiero po najechaniu myszką

Dares · 2013-01-06 11:07:29

#announce.block div.box {display:none}
#announce.block:hover div.box {display:block}

Pozwoli on nam na ukrycie ogłoszenia, pozostawiając jedynie belkę i napis "Ogłoszenie". Reszta odsłania się dopiero po najechaniu myszką na to co zostanie.

Efekt można zobaczyć tutaj.

xortdan · 2013-01-06 11:49:29

A możesz zrobić tak, aby rozwijało się dopiero po kliknięciu?

Damian2054 · 2013-01-06 12:15:29

wystarczy, że hover zamienisz na select lub click (dokładnie nie pamiętam)

ukaszf9 · 2013-01-06 12:22:45

CSS nie obsługuje takich zdarzeń jak kliknięcie. Tutaj trzeba wtedy wdrożyć już javascript.

Dares · 2013-01-06 14:10:40

Próbowałem kilka różnych funkcji, ale chyba jednak jak pisze Ukasz - to trzeba zrobić w JS.

Jednocześnie większość swoich skryptów będę umieszczał na Noof'ie. Zaraz dodam tam kolejny i być może jeszcze kilka, które mam nadzieję będą przydatne.

Hoffman Moritsu · 2013-03-05 13:35:16

Jak mogę wyśrodkować ten napis ,,ogłoszenie", zmienić jego kolor i wielkość? Da się tak w ogóle?
Wybaczcie pytanie ale o CSS wiem tyle co o balecie.

Dares · 2013-03-05 15:42:46

Wyśrodkowanie

#announce.block h2 span {text-align: center;}

Zmiana koloru

#announce.block h2 {color: kolor;}

Zmiana wielkości

#announce.block h2 {font-size: rozmiar;}

Hoffman Moritsu · 2013-03-05 16:30:38

Dzięki [dblpt])

Oficjalne forum pomocy serwisu PUN.pl

#1 2013-01-06 11:07:29

[CSS] Ogłoszenie dopiero po najechaniu myszką

#2 2013-01-06 11:49:29

Odp: [CSS] Ogłoszenie dopiero po najechaniu myszką

#3 2013-01-06 12:15:29

Odp: [CSS] Ogłoszenie dopiero po najechaniu myszką

#4 2013-01-06 12:22:45

Odp: [CSS] Ogłoszenie dopiero po najechaniu myszką

#5 2013-01-06 14:10:40

Odp: [CSS] Ogłoszenie dopiero po najechaniu myszką

#6 2013-03-05 13:35:16

Odp: [CSS] Ogłoszenie dopiero po najechaniu myszką

#7 2013-03-05 15:42:46

Odp: [CSS] Ogłoszenie dopiero po najechaniu myszką

#8 2013-03-05 16:30:38

Odp: [CSS] Ogłoszenie dopiero po najechaniu myszką

Stopka