[html][css] Proste menu z efektem a'la rollover

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
Bureau88
Posty: 1
Rejestracja: sob mar 17, 2012 5:28 pm

[html][css] Proste menu z efektem a'la rollover

Post autor: Bureau88 »

Witam.
Mój problem dotyczy kodowania, ponieważ jestem grafikiem, który czasem w kodowaniu jest upośledzony :P

Wykonałem menu, które prezentuje się następująco:
Obrazek

Potrafię to pociąć, ułożyć w HTML/CSS poprzez:

Kod: Zaznacz cały

<ul><li></li></ul>
*oczywiście odpowiednio dobierając style do tychże znaczników.

Wszystko wygląda ładnie, pięknie. Menu działa. Jednakże problem tkwi w hover.

Jak musiałbym zmodyfikować swój kod, aby uzyskać efekt takiego menu:
Obrazek

Najbardziej zastanawia mnie jak zrobić zaokrąglone rogi bez użycia CSS3.
W ostateczności mógłbym użyć CSS3.

Pomógłby mi ktoś ? :) Zapraszam do dyskusji ;)

Pozdrawiam :)
janusz.zacharek
Posty: 3
Rejestracja: wt sty 31, 2012 10:09 pm

Re: [html][css] Proste menu z efektem a'la rollover

Post autor: janusz.zacharek »

Opisz jaśniej problem bo "Problem tkwi w hover" mało mówi. Nikt nie wie jak masz zmodyfikować kod skoro go nie pokazałeś.
stream
Posty: 2
Rejestracja: sob kwie 14, 2012 2:50 pm

Re: [html][css] Proste menu z efektem a'la rollover

Post autor: stream »

Zrób takie coś w photoshopie i zmień tło DIVA.
ODPOWIEDZ