menu

[Arrasted 0]

pessoal vi um menu que achei muito legal, olhei o css dele mas nao consegui entender, acho que é para feras.

 

olha o link, é o menu supeior, a direita--

http://www.uxmag.com/

 

o CSS dele é esse abaixo

/* Channels

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

 

#topBar #channels {

float: right;

width: 243px;

height: 60px;

margin: 0px 4px 0px 0px;}

 

#topBar #channels .channel-design {

float: left;

width: 81px;

height: 34px;

margin: 26px 0px 0px 0px; }

 

#topBar #channels .channel-design a {

background-image: url("channels.png"/*tpa=http://www.uxmag.com/_images/channels.png*/);

background-position: top left;

width: 81px;

height: 34px;

display: block;

border: none; }

 

#topBar #channels .channel-design a.current {

background-image: url("channels.png"/*tpa=http://www.uxmag.com/_images/channels.png*/);

background-position: bottom left;

width: 81px;

height: 34px;

display: block;

border: none; }

 

#topBar #channels .channel-design a:hover {

background-image: url("channels.png"/*tpa=http://www.uxmag.com/_images/channels.png*/);

background-position: bottom left;

width: 81px;

height: 34px;

display: block;

border: none; }

 

#topBar #channels .channel-tech {

float: left;

width: 81px;

height: 34px;

margin: 26px 0px 0px 0px; }

 

#topBar #channels .channel-tech a {

background-image: url("channels.png"/*tpa=http://www.uxmag.com/_images/channels.png*/);

background-position: top center;

width: 81px;

height: 34px;

display: block;

border: none; }

 

#topBar #channels .channel-tech a.current {

background-image: url("channels.png"/*tpa=http://www.uxmag.com/_images/channels.png*/);

background-position: bottom center;

width: 81px;

height: 34px;

display: block;

border: none; }

 

#topBar #channels .channel-tech a:hover {

background-image: url("channels.png"/*tpa=http://www.uxmag.com/_images/channels.png*/);

background-position: bottom center;

width: 81px;

height: 34px;

display: block;

border: none; }

 

#topBar #channels .channel-strategy {

float: left;

width: 81px;

height: 34px;

margin: 26px 0px 0px 0px; }

 

#topBar #channels .channel-strategy a {

background-image: url("channels.png"/*tpa=http://www.uxmag.com/_images/channels.png*/);

background-position: top right;

width: 81px;

height: 34px;

display: block;

border: none; }

 

#topBar #channels .channel-strategy a.current {

background-image: url("channels.png"/*tpa=http://www.uxmag.com/_images/channels.png*/);

background-position: bottom right;

width: 81px;

height: 34px;

display: block;

border: none; }

 

#topBar #channels .channel-strategy a:hover {

background-image: url("channels.png"/*tpa=http://www.uxmag.com/_images/channels.png*/);

background-position: bottom right;

width: 81px;

height: 34px;

display: block;

border: none; }

 

snif queria fazer um igual

nao consigo de jeito algum

[micox 2]

Cara, não é difícil não...É só um monte de divs com float:left. Só isso.

[pa_bruno 0]

e ainda acho q fez d um jeito ruim... poderia ter feito melhor...

[wolfphw 60]

Desculpe-me pela minha ignorancia.. mas oke esse menu faz de taum especial???Que aki abri no IE e no FF e soh notei que ele muda as cores do botão... tem mais alguma coisa que ele faz?????Que quando eu entrei vi akelas setinhas apontando pra baixo e pensei que teria um sub-menu aparecendo mas aki naum fez nada disso...

[pa_bruno 0]

Desculpe-me pela minha ignorancia.. mas oke esse menu faz de taum especial???Que aki abri no IE e no FF e soh notei que ele muda as cores do botão... tem mais alguma coisa que ele faz?????Que quando eu entrei vi akelas setinhas apontando pra baixo e pensei que teria um sub-menu aparecendo mas aki naum fez nada disso...

tb pensei isso... por isso q falei q naum tem nada de mais esse menu...

[Arrasted 0]

rs Não é nada de mais , ele só muda as cores, mas nao consegui entender nada sobre ele. abri o css e nao entendi nada

[pa_bruno 0]

foi o q eu falei... fizeram d uma manera, a meu ver, errada... poderia ficar mais curto, leve e "entendível"...