Pular para o conteúdo principal

Postagens

Mostrando postagens com o rótulo menu drop down

Pesquisar

tutorial, menu drop down

Tutorial, menu drop down


"Aprenda como instalar um Menu Drop Down no seu template/blog. "    "Aprenda como  instalar

    um

    "Menu Drop Down "

    no seu template/blog.  "

   O  Menu Drop Down,     é aquele que quando passamos o mouse em cima de um determinado button  do menu, logo abaixo dele, se abrem diversos sub-menus.


     Antes de começar,  é aconselhável que se "Salve" o seu template , para que caso  ocorram problemas, você tenha uma cópia de seu template original guardado em seu PC.
    Jamais deixe de fazer um backup do seu Template para evitar determinados problemas...





          Então, Logado em seu painel blogger, ...clique em:... design... ...editar HTML... ...expandir modelos de widgets...

Primeiro passo:
 Procure por: ]]></b:skin>

encontrado-o,
COLE ,antes de

]]></b:skin>

o código abaixo:


/* Menu em Abas CSSTabs
--------------------------- */
#csstabs {
height: 280px;  / * altura total da área * /
margin:0 auto;
position:…

"Com CSS e Javascript ": Aprenda a criar um menu drop-down

"Aprenda a criar um menu drop-down com CSS e Javascript"


fonte e créditos:
yogodoshi


"Segue o código para criar um menu drop-down utilizandoCSSe Javascript, o código está rolando pela internet, não é de minha autoria. O menu funcionou no I.E 7 e no Firefox até onde eu testei. Você pode ver o menu funcionando neste link." (yogodoshi)


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Testando o menu drop-down</title>
<style type="text/css">
body { font: normal 62.5% verdana; }

ul.menubar{
  margin: 0px;
  padding: 0px;
  background-color: #FFFFFF; /* IE6 Bug */
  font-size: 100%;
}

ul.menubar .submenu{
  margin: 0px;
  padding: 0px;
  list-style: none;
  background-color:…

contato

Nome

E-mail *

Mensagem *

Google+ Followers

buscas populares …apareça nas buscas… cadastre seu web site aqui…/buscas populares…alô negócios !!!…