Ir para conteúdo

Gilberto Jr

Members
  • Total de itens

    1395
  • Registro em

  • Última visita

  • Dias vencidos

    1

Gilberto Jr venceu o dia em Maio 2

Teve o conteúdo mais curtido

Reputação

26 Levemente Bom

Sobre Gilberto Jr

  • Classificação
    Cada vez apredendo mais.
  • Data de Nascimento 03/30/1987

Informações Pessoais

  • Sexo
    Masculino
  • Localização
    Cariacica, ES
  • Interesses
    Aprender e compartilhar.

Contato

  • Skype
    gilberto@tecnogalli.com.br
  • Twitter
    @descricaodorock
  • Facebook
    https://www.facebook.com/descricaodorock

Últimos Visitantes

4461852 visualizações
  1. Gilberto Jr

    Alterando a imagem background de tempo em tempo

    Obrigado @Maujor. O Cliente gostou. Att; Gilberto Jr
  2. Gilberto Jr

    Alterando a imagem background de tempo em tempo

    @Maujor, eu tinha colocado antes do inicio da abertura da tag body. agora eu coloquei no final da pagina, antes do fechamento da tag body e deu certo. @Maujor, tem como nesse script que mandou, na transição de uma imagem para a outra, colocar um efeito para a imagem sumir e aparecendo a outra. Tipo, sumindo com o efeito FadeOut e aparencendo com o efeito FadeIn? Mais uma vez, obrigado.
  3. Gilberto Jr

    Alterando a imagem background de tempo em tempo

    @Maujor, Eu fiz dessa forma abaixo <script> imagens = [ 'img/hortifruti.jpeg', 'img/background1.jpg', 'img/bacground3.jpg' ] var i = 0; corpo = document.getElementById("corpo"); setInterval( function() { corpo.style.backgroundImage = 'url(' + imagens[i] + ')'; corpo.style.backgroundSize = 'cover'; corpo.style.backgroundRepeat = 'no-repeat'; corpo.style.backgroundPosition = 'fixed'; if ( i < 2 ) { i = i + 1; }else{ i=0; } }, 3000); </script> <body id="corpo"> Mas não funcionou. Att; Gilberto Jr
  4. Gilberto Jr

    Alterando a imagem background de tempo em tempo

    Pessoal, Boa tarde; Existe montar um script que ele altere a imagem de background do body de tempo em tempo. Exemplo, de três em três segundos alterar a imagem de background o fundo do body. Att; Gilberto Jr
  5. Boa madruga Pessoal; Seguinte, eu criei o menu bootstrap segue o código abaixo. Quando eu estou vendo o site pelo celular, o menu vira um HAMBURGUER. Só que eu quero quando clicar no HAMBURGUER ele vira um X. E quando eu clicar no link ele voltar para o HAMBURGUER. <style type="text/css"> .navbar-toggle { border: none; background: transparent !important; } .navbar-toggle:hover { background: transparent !important; } .navbar-toggle .icon-bar { width: 22px; transition: all 0.2s; } .navbar-toggle .top-bar { transform: rotate(45deg); transform-origin: 10% 10%; } .navbar-toggle .middle-bar { opacity: 0; } .navbar-toggle .bottom-bar { transform: rotate(-45deg); transform-origin: 10% 90%; } .navbar-toggle.collapsed .top-bar { transform: rotate(0); } .navbar-toggle.collapsed .middle-bar { opacity: 1; } .navbar-toggle.collapsed .bottom-bar { transform: rotate(0); } </style> <!--INICIO NAV BAR ONDE FICA OS DADOS DO MENU--> <nav class="navbar navbar-default navbar-fixed-top" style="border-bottom: 3px solid #ff330d;"> <!--INICIO DIV CONTAINER ONDE VAI TODAS AS INFORMAÇÕES--> <div class="container-fluid containertop" id="topoinicio"> <div class="navbar-header"> <!--INICIO CONFIGURAÇÃO MENU HAMBERGUER--> <button type="button" class="navbar-toggle menuHamburguer collapsed" data-toggle="collapse" data-target="#menu-navegacao"> <span class="icon-bar top-bar"></span> <span class="icon-bar middle-bar"></span> <span class="icon-bar bottom-bar"></span> </button> <!--FIM CONFIGURAÇÃO MENU HAMBERGUER--> <!--INICIO LOGO MARCA--> <!--<a class="navbar-brand" href="#page-top"> <span class="iden">Iden</span> <span class="techonology">Technology</span> </a>--> <ol class="nav"> <ol class="menu" style="border:none;"> <a href="#home"> <img src="img/ico.png" class="img-responsive img-rounded imgLogo"> </a> </ol> </ol> <!--FIM LOGO MARCA--> </div> <!--INICIO MENU LINK--> <div class="collapse navbar-collapse menu-navegacao" id="menu-navegacao"> <ul class="nav navbar-nav navbar-right"> <li class="menu"> <a href="#home">HOME</a> </li> <li class="menu"> <a href="">FRUTAS EXÓTICAS</a> </li> <li class="menu"> <a href="">FRUTAS FRESCAS</a> </li> <li class="dropdown menu"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">EMBALADOS</a> <ul class="dropdown-menu"> <!--<div class="clearfix"></div>--> <div id="sazonalidade" class="sazonalidade" style="margin-left:18px;"> <div href="letraE" class="sim">J</div> <div class="sim">F</div> <div class="sim">M</div> <div class="sim"><a href="#letraB">B</a></div> <div class="sim">M</div> <div class="sim"><a href="#letraC">C</a></div> <div class="sim">J</div> <div class="sim"><a href="#letraA">A</a></div> <div class="sim">S</div> <div class="sim"><a href="#letraE">E</a></div> <div class="sim">N</div> <div class="sim"><a href="#letraD">D</a></div> </div> </ul> </li> <li class="dropdown menu"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">FAMÍLIAS<span class="caret"></span></a> <ul class="dropdown-menu"> <li><a familia="5">Kiwis</a></li><br/> <li><a familia="1">Maçãs</a></li><br/> <li><a familia="2">Mangas</a></li><br/> <li><a familia="3">Melões</a></li><br/> <li><a familia="7">Pêras</a></li><br/> <li><a familia="4">Pimentões</a></li><br/> <li><a familia="8">Uvas</a></li><br/> </ul> </li> <!--<li class="menu"> <a href="#localizacao">LOCALIZAÇÃO</a> </li> --> <li class="menu"> <a href="#contato">CONTATO</a> </li> </ul> </div> <!--FIM MENU LINK--> </div> <!--FIM DIV CONTAINER ONDE VAI TODAS AS INFORMAÇÕES--> </nav> <!--FIM NAV BAR ONDE FICA OS DADOS DO MENU--> Nesse outro artigo, foi so colocar a classe collapsed no buttom e deu certo. Mas nesse aqui não deu certo. O que poderia ser? Segue o link Erro Menu Hamburguer
  6. Matou o meu problema @Maujor Obrigado. Att; Gilberto Jr
  7. Boa noite @Vitor Leite, Teria um exemplo para eu começar a estudar essa propriedade? Att; Gilberto Jr
  8. Bom dia Pessoal; Seguinte, eu criei o menu bootstrap segue o código abaixo. Quando eu estou vendo o site pelo celular, o menu vira um HAMBURGUER. Só que eu quero quando clicar no HAMBURGUER ele vira um X. E quando eu clicar no link ele voltar para o HAMBURGUER. <nav class="navbar navbar-default navbar-fixed-top"> <!--INICIO DIV CONTAINER ONDE VAI TODAS AS INFORMAÇÕES--> <div class="container-fluid containertop" id="topoinicio"> <div class="navbar-header"> <!--INICIO CONFIGURAÇÃO MENU HAMBERGUER--> <button type="button" class="navbar-toggle menuHamburguer" data-toggle="collapse" data-target="#menu-navegacao"> <span class="icon-bar top-bar"></span> <span class="icon-bar middle-bar"></span> <span class="icon-bar bottom-bar"></span> </button> <!--FIM CONFIGURAÇÃO MENU HAMBERGUER--> <!--INICIO LOGO MARCA--> <!--<a class="navbar-brand" href="#page-top"> <span class="iden">Iden</span> <span class="techonology">Technology</span> </a>--> <ol class="nav"> <ol class="menu" style="border:none;"> <a href="#home"> <img src="img/ico_3.png" class="img-responsive img-rounded imgLogo"> </a> </ol> </ol> <!--FIM LOGO MARCA--> </div> <!--INICIO MENU LINK--> <div class="collapse navbar-collapse menu-navegacao" id="menu-navegacao"> <ul class="nav navbar-nav navbar-right"> <li class="menu"> <a href="#home">HOME</a> </li> <li class="menu"> <a href="#solucoes">SOLUÇÕES</a> </li> <li class="menu"> <a href="#servicos">SERVIÇOS</a> </li> <li class="menu"> <a href="#empresa">EMPRESA</a> </li class="menu"> <li class="menu"> <a href="#localizacao">LOCALIZAÇÃO</a> </li> <li class="menu"> <a href="#contato">CONTATO</a> </li> <li class="abrirlink"> <a href="https://identechnology.tomticket.com?account=444224P07112016122136" title="Acessar Help Desk" target="_blank">TICKET<a> </li> </ul> </div> <!--FIM MENU LINK--> </div> <!--FIM DIV CONTAINER ONDE VAI TODAS AS INFORMAÇÕES--> </nav> Eu tenho esse código abaixo CSS, que funciona um pouco. Só que o ele ja abre com o X. <style type="text/css"> .navbar-toggle { border: none; background: transparent !important; } .navbar-toggle:hover { background: transparent !important; } .navbar-toggle .icon-bar { width: 22px; transition: all 0.2s; } .navbar-toggle .top-bar { transform: rotate(45deg); transform-origin: 10% 10%; } .navbar-toggle .middle-bar { opacity: 0; } .navbar-toggle .bottom-bar { transform: rotate(-45deg); transform-origin: 10% 90%; } .navbar-toggle.collapsed .top-bar { transform: rotate(0); } .navbar-toggle.collapsed .middle-bar { opacity: 1; } .navbar-toggle.collapsed .bottom-bar { transform: rotate(0); } </style> Veja a imagem abaixo de quando eu entro no site. Ele entra com o X. E quando eu clico pela primeira vez no X, ele continua o x. E quando pela segunda vez clico no X ou clico em menu da lista ele volta para o HAMBURGUER. Para ajudar, segue o link do site. Iden Technology
  9. Gilberto Jr

    Mudar Icone glyphicon-chevron-down

    Alguma resposta? Att; Gilberto Jr
  10. Gilberto Jr

    Mudar Icone glyphicon-chevron-down

    Pessoal, boa tarde; Seguinte, eu tenho esse script que muda o span class="glyphicon glyphicon-chevron-down" para span class="glyphicon glyphicon-chevron-up" quando eu clico nele. Abaixo segue o codigo html <h1 id="menu-toggle1">Missão <span class="glyphicon glyphicon-chevron-down" style="vertical-align:bottom;float:right;margin-top:3px;"></span> </h1> <h1 id="menu-toggle">Visão <span class="glyphicon glyphicon-chevron-down" style="vertical-align:bottom;float:right;margin-top:3px;"></span> </h1> <h1 id="menu-toggle2">Valores <span class="glyphicon glyphicon-chevron-down" style="vertical-align:bottom;float:right;margin-top:3px;"></span> </h1> Agora segue o codigo jquery $('#menu-toggle').click( function(){ $(this).find('span').toggleClass('glyphicon-chevron-down').toggleClass('glyphicon-chevron-up'); }); $('#menu-toggle1').click( function(){ $(this).find('span').toggleClass('glyphicon-chevron-down').toggleClass('glyphicon-chevron-up'); }); $('#menu-toggle2').click( function(){ $(this).find('span').toggleClass('glyphicon-chevron-down').toggleClass('glyphicon-chevron-up'); }); O script funciona assim, se SPAN esta com a classe glyphicon-chevron-down, quando eu clico no h1 ele muda o span para glyphicon-chevron-up. Dai quando eu clicar em outro H1, ele vai mudar o SPAN classe glyphicon-chevron-down para classe glyphicon-chevron-up. Dai eu quero voltar os outros para span classe glyphicon-chevron-down. Alguém pode me ajudar? Att; Gilberto Jr
  11. Gilberto Jr

    Incluindo glyphicon-chevron-down

    Acertei a marcação HTML e deu certo <h1 class="text-center">Visão<span class="glyphicon glyphicon-chevron-down" style="vertical-align:bottom;float:right;"></span></h1> </div> Obrigado pela força. Att; Gilberto Jr
  12. Gilberto Jr

    Incluindo glyphicon-chevron-down

    @Maujor, boa tarde. Obrigado pelo retorno. funcionou perfeito. Mas um detalhe, o texto e o simbolo GLYPHICON-CHEVRON-DOWN fica centralizado. Eu gostaria de deixar somente o texto centralizado e o GLYPHICON-CHEVRON-DOWN do lado esquerdo. E outra coisa, quando clicar na pra abrir, a setinha fica sentido apontando para baixo, quando clicasse e fosse pra fechar é possivel colocar GLYPHICON-CHEVRON-UP? Obrigado!!! Att; Gilberto Jr
  13. Gilberto Jr

    Incluindo glyphicon-chevron-down

    Boa dia; Eu criei uma lista de serviços no site do cliente; O Código segue abaixo. O site é responsivo, uso o bootstrap. Veja que dentro de cada serviço, o sub serviço tem <span class="glyphicon glyphicon-ok"></span> . <div class="panel-group col-md-12" id="paineis-sobre"> <div class="panel panel-default"> <div class="panel-heading" data-toggle="collapse" data-target="#primeiro-paragrafo" data-parent="#paineis-sobre"> <h1>Missão</h1> </div> <div class="collapse in" id="primeiro-paragrafo"> <div class="panel-body text-left"> <p class="text-justify"><span class="glyphicon glyphicon-ok"></span> Levar soluções em TI de alto nível e qualidade com profissionalismo e comprometimento.</p> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading" data-toggle="collapse" data-target="#segundo-paragrafo" data-parent="#paineis-sobre"> <h1>Visão</h1> </div> <div id="segundo-paragrafo" class="collapse"> <div class="panel-body text-left"> <p class="text-justify"><span class="glyphicon glyphicon-ok"></span> Ser referência no segmento de TI, sendo reconhecida pelos clientes, colaboradores e fornecedores, pelos serviços de qualidade prestados.</p> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading" data-toggle="collapse" data-target="#terceiro-paragrafo" data-parent="#paineis-sobre"> <h1>Valores</h1> </div> <div id="terceiro-paragrafo" class="collapse"> <div class="panel-body text-left"> <p class="text-justify"><span class="glyphicon glyphicon-ok"></span> Busca permanente por oportunidade de melhorias, novas técnicas, metodologias e avanços nas soluções executadas;</p> <p class="text-justify"><span class="glyphicon glyphicon-ok"></span> Comprometimento com o meio ambiente;</p> <p class="text-justify"><span class="glyphicon glyphicon-ok"></span> Responsabilidade;</p> <p class="text-justify"><span class="glyphicon glyphicon-ok"></span> Alta Performance;</p> <p class="text-justify"><span class="glyphicon glyphicon-ok"></span> Revolução Humana;</p> </div> </div> </div> </div> E eu quero colocar um <span class="glyphicon glyphicon-chevron-down"></span> na div <div class="panel-heading" . Só que quando eu coloco, o icone do span glyphicon glyphicon-chevron-down fica ao lado do texto do H1. Eu quero que ele fique do lado esquerdo, ou seja.. no inicio. Da forma que esta a imagem. E também que fique mais ou menos do mesmo tamanho. Linka da Imagem Att; Gilberto Jr
  14. Gilberto Jr

    Menu Bootstrap

    Consegui aqui $(".navbar-nav li a").click(function() { if ( !$(this).parent().hasClass('dropdown') ) { $(".navbar-collapse").collapse('hide'); }}); Att; Gilberto Jr
  15. Gilberto Jr

    Menu BootStrap

    Blz, obrigadoo....
×

Informação importante

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