Ir para conteúdo
Fórum Script Brasil

fzeletronicos27

Membros
 Perfil  Explorar Conteúdo

  • Total de itens

    5

  • Registro em

  • Última visita

Sobre fzeletronicos27

fzeletronicos27's Achievements

0

Reputação

  1. fzeletronicos27
    Gracias amigo
  2. fzeletronicos27
    <script type='text/javascript'>window.mod_pagespeed_start = Number(new Date());</script> yo no escribo bien xq soy paraguayo desculpa-me por mal escrita em portugues okey
  3. fzeletronicos27
    bom tarde!!!! como eu disse, sou novo nesse tema de css, vou popstar aqui os codigos em html e o meu css .Se possivél me mostre onde eu errei!!! codigo em html <body> <div id="menu-container"> <div id="menu"> <ul> <li><a href="#">Home</a></li> <li><a href="#">Quem Somos</a></li> <li><a href="#">Serviços</a> <ul> <li><a href="#">Web</a> <ul> <li><a href="#">Pessoa</a></li> <li><a href="#">Jurídica</a></li> <li><a href="#">Jurídica2</a></li> <li><a href="#">Jurídica3</a></li> </ul> </li> <li><a href="#">Sistemas CCTV</a> <ul> <li><a href="#">Pessoa</a></li> <li><a href="#">Jurídica</a></li> <li><a href="#">Jurídica2</a></li> <li><a href="#">Jurídica3</a></li> </ul> </li> <li><a href="#">Atualização de Gps</a> <ul> <li><a href="#">Pessoa</a></li> <li><a href="#">Jurídica</a></li> <li><a href="#">Jurídica2</a></li> <li><a href="#">Jurídica3</a></li> </ul> </li> </ul> </li> <li><a href="#">Clientes</a> <ul> <li><a href="#">Pessoa Física</a></li> <li><a href="#">Pessoa Jurídica</a></li> </ul> </li> <li><a href="#">Portfolio</a> <ul> <li><a href="#">Cameras CCTV</a> <ul> <li><a href="#">Cameras IP</a></li> <li><a href="#">Cameras Dome</a></li> <li><a href="#">Conectores</a></li> <li><a href="#">DVRs</a></li> <li><a href="#">Fonte</a></li> </ul> </li> <li><a href="#">Receptores</a> <ul> <li><a href="port_cam.html">AZ America</a></li> <li><a href="#">Jurídica</a></li> <li><a href="#">Jurídica2</a></li> <li><a href="#">Jurídica3</a></li> </ul> </li> <li><a href="#">Gps</a> <ul> <li><a href="#">Pessoa</a></li> <li><a href="#">Jurídica</a></li> <li><a href="#">Jurídica2</a></li> <li><a href="#">Jurídica3</a></li> </ul> </li> </ul> </li> <li><a href="#">Login</a> <ul> <li><a href="#">Entrar</a></li> <li><a href="#">Cadastrar</a></li> </ul> </li> <li><a href="Formulario.html">Fale Conosco</a></li> </ul> <div id="div-container"> <div id="primeira"> <div id="segunda"> <div id="terceira" align="right" > </div></div></div></div></div></div> </body> agora codigo e css body{ margin:0; padding:0; } #portfolio{ background:#6B6B6B; } #menu-container{ width:100%; height:80px; background-image:url(imagens/backgroud.png); background-repeat:repeat-x; } #menu{ /*background-color: rgb(79, 255, 0); para não ter imagem */ width:800px; height:40px; margin-left:auto; margin-right:auto; } #menu ul{ font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; margin:auto; list-style-type:none; font-size:16px; } #menu ul li{ position:relative; float:left; } #menu ul li a{ text-decoration:none; float:left; color:#333; display:block; width:auto; height:40px; line-height:40px; padding-right:10px; padding-left:10px; margin-top:auto; text-align:center; } #menu ul li a:hover{ /* font-size:26px;text-decoration:underline;*/ background:rgba(130,125,125,1.00); color:rgba(243,236,237,1.00); /* font-size:18px;*/ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } #menu ul li ul{ display:none; position:absolute; top:40px; left:-40px; line-height:40px; height:40px; } #menu ul li:hover ul{ display:block; font-size:12px; line-height:40px; height:40px; float:left; width:165px; } #menu ul li ul a{ width:140px; background:#333; color:#fff; line-height:40px; height:40px; margin:0; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } /* AQUI ONDE ENTRA MENU SUBMENU E SUBMENU DO SUB */ #menu ul li ul li ul li{ display:none; line-height:40px; height:40px; float:left; width:160px; left:160px; top:-40px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } #menu ul li ul li:hover ul li{ display:block; line-height:40px; height:40px; float:left; width:160px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } #div-container{ width:800px; height:600px; } #primeira{ width: 800px; height: 600px; background: #29A1CC; float:left; position:absolute; top:40px; left:15px; } #segunda{ width:385px; height:250px; background:#94CC53; position:relative; top:40px; left: 15px; float:left; } #terceira{ width: 375px; height: 250px; background: #FD0303; position:inherit; top:40px; right:-400px; float: right; }
  4. fzeletronicos27
    bom dia não consigo fazer o sub menus ficar por cima das div eles so ficam por traz dela se quizerem passo o codigo css que estou usando para os amigos poderem verificar
  5. fzeletronicos27
    olha esse css e ve se te ajuda #menu-container{ width:100%; height:80px; background-image:url(imagens/backgroud.png); background-repeat:repeat-x; } #menu{ /*background-color: rgb(79, 255, 0); para não ter imagem */ width:800px; height:40px; margin-left:auto; margin-right:auto; } #menu ul{ font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; margin:auto; list-style-type:none; font-size:16px; } #menu ul li{ position:relative; float:left; } #menu ul li a{ text-decoration:none; float:left; color:#333; display:block; width:auto; height:40px; line-height:40px; padding-right:10px; padding-left:10px; margin-top:auto; text-align:center; } #menu ul li a:hover{ /* font-size:26px;text-decoration:underline;*/ background:rgba(130,125,125,1.00); color:rgba(243,236,237,1.00); /* font-size:18px;*/ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } #menu ul li ul{ display:none; position:absolute; top:40px; left:-40px; line-height:40px; height:40px; } #menu ul li:hover ul{ display:block; font-size:12px; line-height:40px; height:40px; float:left; width:165px; } #menu ul li ul a{ width:140px; background:#333; color:#fff; line-height:40px; height:40px; margin:0; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } /* AQUI ONDE ENTRA MENU SUBMENU E SUBMENU DO SUB */ #menu ul li ul li ul li{ display:none; line-height:40px; height:40px; float:left; width:160px; left:160px; top:-40px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } #menu ul li ul li:hover ul li{ display:block; line-height:40px; height:40px; float:left; width:160px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
×
×
  • Criar Novo...