Pular para o conteúdo principal

Postagens

Mostrando postagens de Agosto, 2011

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:…

Saiba como é feito:"Menu Horizontal DropDown"

Menu Horizontal DropDown


...instalar um Menu Drop Down no seu blog.



Para quem não sabe, Menu Drop Down, é aquele que quando passamos o mouse em cima de um determinado botão do menu, logo abaixo dele, se abrem varios sub-menus.


DEMO.

Lembre-se: Salve o seu template antes de começar.
Nunca deixe de fazer um backup do seu Template para evitar transtornos.


1º passo: Aplicar estilos ao seu Menu Drop Down:Vá em design >> Editar HTML >> Expandir modelos de widgets.
Copie o código abaixo e coloque-o 
antes de
]]></b:skin>

/* NavbarMenu--------------------------- */#NavbarMenu {background: #555 url(http://2.bp.blogspot.com/_kMUpUqMmduA/SVU82PLeYMI/AAAAAAAAA6c/R8Ip5ZMFIh8/s1600/navbar.png);width: 100%;height: 35px;font-size: 12px;font-family: Arial, Tahoma, Verdana;color: #FFF;font-weight: bold;margin: 0;padding: 0;text-transform: capitalize;}#NavbarMenuleft {width: 100%;float: left;margin: 0;padding: 0;}#nav {margin: 0;padding: 0;}#nav ul {float: left;list-style: none;margin: …

Política de Privacidade - Google AdSense

contato

Nome

E-mail *

Mensagem *

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