Ir para conteúdo

Gabriel42

Members
  • Total de itens

    61
  • Registro em

  • Última visita

Reputação

-5 Fraco

Sobre Gabriel42

  1. Adsense/Publicidade

    Bom galera estou com dúvidas relacionadas a Publicidade, seguinte tenho um site e tenho uma publicidade do Google Adsense, ai cada vez que o user entrar na pagina e ver a publicidade vai contar os ganhos ou só uma vez por usuario? e se vocês sabem alguma empresa de publicidades/afiliados melhor que o Google Adsense se souberem deixem ai embaixo. PS: Se eu estiver no lugar errado desculpe-me
  2. Erro Servidor python

    Galera precisso de ajuda, Estou desenvolvendo esse servidor para se conectar a um client. To me conectando tudo OK, só que não consigo enviar nada, nem receber nada do meu client. SERVIDOR: https://pastebin.com/5gdS9Ups
  3. De menu hamburguer para menu normal

    Bom pessoal estou estudando Design responsivo(mobile first), ai to passando o meu menu hamburguer de smartphone para menu normal só que não to conseguindo colocar meu menu dentro do cabeçalho. Como ta ficando: https://prnt.sc/fettml MENU HAMBURGUER header {z-index: 3;} header label {font-size: 2em; color: #fff; cursor: pointer; float: right; margin: 1% 3%;} #btn-menu {display: none;} .menu {position: absolute; width: 100%; transform: translateX(-100%); transition: all 0.7s; top: 100%;} #btn-menu:checked ~ .menu {transform: translateX(0%);} .menu ul {background: #555;} .menu ul ul {width: 100%; position: absolute; background: rgba(0,0,0,0.3); width: 100%; display: none;} .menu ul li ul {position: static;} .menu ul li ul li a {padding: 15px 20px;} .menu a {display: block; padding: 15px 10px; color: #fff; font-size: 1.1em;} .menu a:hover {background: rgba(0,0,0,0.2);} .menu a:active {background: rgba(0,0,0,0.2);} .menu i {position: absolute; float: right; right: 4%; font-size: 1.1em;} .hr-1 {border: 1px solid #8fc048; width: 100%;} .pdc {background-color: #8fc048;} .pdc a:hover{background: rgba(0,0,0,0.0); background-color: #8fc041;} MEDIA SCREEN @media screen and (min-width: 960px) { /* MENU */ header label {display: none;} .menu {position: absolute; transform: none; transition: none;} .menu ul {display: flex; float: right;} .menu ul ul {background-color: #555; width: auto;} .menu li {margin-left: 30px; width: auto;} .menu ul li ul li a {padding: 16px 12px;} .menu ul ul li {margin-left: 0px;} .menu ul li:hover ul {display: block !important; position: absolute;} .menu i {position: relative; float: none; left: 4px; font-size: 0.9em;} }
  4. Slide responsivo

    Pessoal alguem me dar um exemplo de como criar menu responsivo utilizando HTML, CSS, JQUERY pode ter algum plugin também. Agradeço desde já
  5. Menu responsivo desktop

    Pessoal eu estava fazendo um layout responsivo e fiz o menu para mobile primeiro (first mobile), ai agora não estou conseguindo fazer o texto aparecer fora do menu responsivo, já tirei o icone hamburguer e os links do menu sumiu http://prnt.sc/f75nk4 HTML <!DOCTYPE html> <html lang="pt-br"> <head> <title>Menu Responsivo</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="css/style.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> <script src="https://code.jquery.com/jquery-3.0.0.js"></script> </head> <body> <header> <input type="checkbox" id="btn-menu"> <label for="btn-menu"> <i class="fa fa-bars" aria-hidden="true"></i> </label> <nav class="menu"> <ul> <li><a href="#">Home</i></a></li> <li class="submenu"><a href="#">Produtos <i class="fa fa-caret-down" aria-hidden="true"></i></a> <ul> <li><a href="#">Hospedagem de Sites</i></a></li> <li><a href="#">Hospedagem Wordpress</i></a></li> <li><a href="#">Registro de Domínio</i></a></li> <li><a href="#">Servidor Dedicado</i></a></li> <li><a href="#">E-mail Exchange</i></a></li> </ul> </li> <li class="submenu"><a href="#">Sobre <i class="fa fa-caret-down" aria-hidden="true"></i></a> <ul> <li><a href="#">Sobre nós</i></a></li> <li><a href="#">Parceiros</i></a></li> <li><a href="#">Blog</i></a></li> </ul> </li> <li><a href="#">FAQS</a></li> </ul> </nav> </header> <!-- JQUERY --> <script> $(".submenu").click(function(){ $(this).children("ul").slideToggle(); }) $("ul").click(function(p){ p.stopPropagation(); }) </script> </body> </html> CSS /* RESET */ * {margin: 0; padding: 0; font-size: 100%; font-family: 'Open Sans', sans-serif; font-weight: normal; box-sizing: border-box; border: none; outline: none;} body {background-color: #fff;} img {max-width: 100%;} ul {list-style: none;} a {text-decoration: none;} /* MENU */ header {height: 50px; background-color: #CE852A;} header label {font-size: 2.2em; color: #fff; cursor: pointer; padding: 1% 2%;} #btn-menu {display: none;} .menu {position: absolute; width: 100%; transform: translateX(-100%); transition: all 0.6s;} #btn-menu:checked ~ .menu {transform: translateX(0%);} .menu ul {display: block; background: #555;} .menu ul ul {width: 100%; position: absolute; background: rgba(0,0,0,0.4); width: 100%; display: none;} .menu ul li ul {position: static;} .menu a {display: block; padding: 15px 20px; color: #fff; font-size: 1.1em;} .menu a:hover {background: rgba(0,0,0,0.3);} .menu i {position: absolute; float: right; right: 2%;} @media screen and (min-width: 768px) { Alguem me ajuda por favor a intenção é o menu desktop ficar assim: http://prnt.sc/f75qe5
  6. Menu responsivo bugando

    Pessoal to com um probleminha, eu fiz um menu responsivo e tive que aplicar a position static no meu menu da versão mobile, e quando eu diminuo a tela pra versão mobile acesso o menu e volto pra janela normal versão desktop o menu fica todo bugado código: https://jsfiddle.net/86ugzvqy/
  7. Menu responsivo desktop

    explicação melhor que um video só se eu dar aula particular pra pessoa
  8. Pobleminha com código Jquery

    tentei com esse código que você passou tb não deu certo, e tentei com a biblioteca que você mando mais recente não deu certo tb https://jsfiddle.net/so52u0o4/
  9. Pobleminha com código Jquery

    eu chamei ela no head
  10. Pobleminha com código Jquery

    Pessoal to com um pobleminha com um código Jquery, declarei a função mais não está dando certo HTML <!DOCTYPE html> <html> <head> <title>Menus Responsivos</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="css/style.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> <script src="http://code.jquery.com/jquery-1.12.0.min.js"></script> </head> <body> <header> <input type="checkbox" id="btn-menu"> <label for="btn-menu"> <i class="fa fa-bars" aria-hidden="true"></i> </label> <nav class="menu"> <ul> <li><a href="#">Home</i></a></li> <li><a href="#">Produtos <i class="fa fa-caret-down" aria-hidden="true"></i></a> <ul class="submenu"> <li><a href="#">Hospedagem de Sites</i></a></li> <li><a href="#">Hospedagem Wordpress</i></a></li> <li><a href="#">Registro de Domínio</i></a></li> <li><a href="#">Servidor Dedicado</i></a></li> <li><a href="#">E-mail Exchange</i></a></li> </ul> </li> <li><a href="#">Sobre <i class="fa fa-caret-down" aria-hidden="true"></i></a> <ul class="submenu"> <li><a href="#">Sobre nós</i></a></li> <li><a href="#">Parceiros</i></a></li> <li><a href="#">Blog</i></a></li> </ul> </li> <li><a href="#">FAQS</a></li> </ul> </nav> </header> <!-- JQUERY --> <script> $(".submenu").click(function(){ $(this).children("ul").slideToggle(); }) </script> </body> </html> O Jquery está bem no finalzinho mais não está dando certo CSS /* RESET */ * {margin: 0; padding: 0; font-size: 100%; font-family: 'Open Sans', sans-serif; font-weight: normal; box-sizing: border-box; border: none; outline: none;} body {background-color: #fff;} img {max-width: 100%;} ul {list-style: none;} a {text-decoration: none;} /* MENU */ header {height: 50px; background-color: #CE852A;} header label {font-size: 2.2em; color: #fff; cursor: pointer; display: none;} #btn-menu {display: none;} .menu ul {background-color: #CE852A; display: flex;} .menu ul ul {display: none;} .menu li {margin-left: 50px;} .menu a {display: block; padding: 15px 20px; color: #fff; font-size: 1.1em;} .menu a:hover {background: rgba(0,0,0,0.3);} .menu i {margin-left: 3px;} .menu ul ul li {margin-left: 0px;} .menu ul ul li a {padding: 15px 12px; font-size: 1.1em;} .menu ul li:hover ul {display: block; position: absolute;} @media screen and (max-width: 768px) { header label {display: block; padding: 1px 8px;} .menu {position: absolute; width: 100%; transform: translateX(-100%); transition: all 0.3s;} .menu ul ul {width: 80%;} .menu ul {display: block; background: #555;} .menu ul li:hover ul {display: none; position: static;} .menu i {position: absolute; right: 2%;} .menu ul li {margin-left: 0px;} #btn-menu:checked ~ .menu {transform: translateX(0%);} }
  11. Menu responsivo desktop

  12. Menu responsivo desktop

    já resolvi o poblema
  13. Menu hamburguer com submenu responsivo

    Galera gostaria de saber como faço um menu hamburguer responsivo com sub-menu como o da imagem abaixo: http://prnt.sc/f6eihk Obrigado desde já!
  14. Menu responsivo desktop

    Pessoal poderiam me dar exemplos de menus responsivos(os mais utilizados) e como faze-los
  15. Design Responsivo

    tendi vlw
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

Este projeto é mantido e patrocinado pelas empresas:
Hospedado por: