[Resolvido] Informação

[Reebeecaaa 0]

Olá,

gostaria apenas de tirar uma dúvida:

No Css, tem como quando alguém passar o mouse em cima, essa parte se destacar ?

Eu sei que tem como fazer isso no Flash, mas queria saber se tem como no CSS.

 

Para entender melhor, abre essa página e dá uma olhada nos menus:

http://smthemes.com/demo/wpcartoons

 

Valeu !

[ricardo_mc 19]

Sim, esse exemplo que você deu é CSS. O elemento usado é o :hover, que faz com que o elemento mude quando o mouse passar por cima.

 

Segue abaixo esse mesmo menu (joga em um HTML e vê o resultado), mas feito de uma forma bem rápida e rudimentar. O procedimento é esse, agora é só trabalhar em cima.

 

ex:

HTML

<ul>
  <li>Menu 1</li>
  <li>Menu 2</li>
</ul>

 

CSS

* {
padding: 0;
margin: 0;
list-style: none;
}
body {
background: #CCC;
}
ul {
margin: 30px;
}
li {
float: left;
width: 100px;
height: 20px;
background: #FFF;
padding: 15px;
text-decoration: none;
color: #000;
}
li:hover {
height: 40px;
background: #FFF url(http://smthemes.com/demowp/wp-content/themes/wpcartoons/images/menu-li.png) no-repeat center right;
margin-top: -10px;
padding: 25px 15px 5px 15px;
}

[Reebeecaaa 0]

muito legal, fiz o teste e foi certinho

muito obrigada !