Jak zrobić (nietypowe) rozwijane menu w html/css

Dla specjalistów Webmastering
#1

witam!

generalnie chodzi mi o takie jak na rys. poniżej?

jak takie coś zrobić?

http://pokazywarka.pl/oxxo4t/#zdjecie8412668

nie jestem znawcą tematu więc dzięki za pomoc

#2

myślę w za pomocą CSS da radę takie coś zrobić o ile dobrze zrozumiałem ten obrazek :slight_smile:

#3

tak… wiem, że w css.

ale jak zrobić żeby po kliknięciu ikonki (3 kreski) pokazywało się okienko ?

i czy da się to okienko “zaokrąglić” bez gifów ??

#4

Witam,

Z tego , co rozumiem, to okienko dialogowe miałoby być czymś typu “div”.

Aby zaokrąglić takiego diva wystarczy w html zrobić

[/code] A w css:

[code]div#jakiestamid{ border-radius:x px -webkit-border-radius:x px }
Dodatkowo, jesli chcesz osiągnąć jakies konkretne wymiary div, to do powyższego kodu css, przed klamrą"}" dorzuć jeszcze:

width:xxx px

max-width:xxx px 

height:xxx px

max-height:xxx px
#5

Można zrobić w taki sposób…

PS. Jeśli nie zobaczysz trzech kresek w przycisku (jak na obrazku), tylko np. kwadrat, to zainteresuj się zawartością tagów label w kodzie html, wielce prawdopodobne, że przeglądarka (u mnie przeważnie w GC jest z tym problem) może nie obsługiwać poprawnie “znaków specjalnych” unicode i będziesz musiał zamienić to na jakąś grafikę.

#6

wielkie dzięki!

właśnie o to mi chodziło…