Ir para conteúdo

Pesquisar na Comunidade

Mostrando resultados para as tags ''css''.

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Calendários

  • Comunidade iMasters

Todas as áreas do Fórum

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • Android
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Swift
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Encontrado 490 registros

  1. Aparecer o titulo mesmo com input invalido

    Ola Pessoal, Seguinte, eu tenho um campo (input) que quando passo o mouse, ele sobe o "nome" do input. Até funciona corretamenta... Quando utilizo type="text" funciona corretamente pois ele considera tudo valido a partir de qualquer preenchimento... Agora, quando utilizo por exemplo type="email", e não preencho com aa@a., e saiu antes de colocar um email valido, o nome de cima some... ae vêem minha luta desde terça feira... .se-form-element input:valid + label { top: -40px; color: black; font-size: 10px; } Assim, ele funciona corretamente quando valido... Agora.... quando esta invalido porém ainda preencheu, é isso que preciso resolver... Segue o link para visualizar melhor (preencha um email invalido e saia do campo): Exemplo
  2. Carrosel jquery desalinhando

    Meu carrosel esta alinhado no centro mas de vez em quando ele vai para a esquerda não sei o que esta causando isso. <script type="text/javascript"> $(function () { $(".anuncio ul").cycle({ fx: 'fade', speed: 1500, timeout: 3000, }) }) </script> <script type="text/javascript"> $(function () { $(".texto ul").cycle({ fx: 'fade', speed: 1500, timeout: 3000, }) }) </script> <section id="conteudo"> <section class="banner"> <div class="anuncio"> <h1><ul> <li><img src="img/banner.jpg"/></li> <li><img src="img/banner2.jpg"/></li> <li><img src="img/banner.jpg"/></li> <li><img src="img/banner2.jpg"/></li> </ul></h1> </div> <div class="texto"> <h1><ul> <li>AAAAAAAAAAAAA</li> <li>BBBBBBBBBBBBB</li> <li>CCCCCCCCCCCCCC</li> <li>DDDDDDDDDDDDD</li> </ul></h1> </div> </section> .anuncio ul{ z-index: 2; list-style-type: none; margin:0 auto; margin-top:160px; padding:0px; } .texto{font-size:50px; color: ; font-family:Georgia; text-shadow: #000000;} .texto ul{ z-index: 2; list-style-type: none; margin:0 auto; margin-top: -100px; padding:0px;} .texto li{ width:500px; height:300px;} .banner ul{animation: anime 1s ease-in-out 0.5s backwards; -moz-animation: anime 1s ease-in-out 0.5s backwards; -webkit-animation: anime 1s ease-in-out 0.5s backwards;}
  3. CSS compatível entre diversos navegadores

    Atualmente, o CSS3 ele é compatível com Opera, Safari, IE, Firefox e Chrome. Ou seja, hoje eu escrevo um arquivo.css e os estilos são facilmente aceitos entre os navegadores quase sem problemas de compatibilidade correto? Ou ainda são necessários alguma coisa tipo um "hack"? Não sei se é o termo correto.
  4. Ola Pessoal, Segue o LINK: http://www.pretechmobile.com/templates/templateInsert.html Seguinte, eu coloquei dois códigos para funcionar, um é quando a pessoa começa escrever e o nome do LABEL sobe para parte superior. Outro é quando verifica a validação dos campos... Quando faço separado, funciona corretamente, quando executo a validação, ele desativa o preenchimento e a subida do nome quando preenchido. Alguem pode me ajudar? Firefox fica correto...
  5. pagina descendo para campo do formulário

    Olá pessoal! Estou com o seguinte problema... Em minha página, tenho um formulário de contato no rodapé da página. Acontece que ao abrir a página, a barra de rolagem até o rodapé já selecionando o primeiro campo para digitação do texto. Como resolver isso e a página abrir na posição y:0? Obrigado!
  6. Rolagem suave em conteudo de div

    Tenho um script que faz uma rolagem suave ao clicar no link com âncora. O problema é que ele rola a página toda. Preciso que ele role somente o conteúdo que está dentro de uma div específica e o resto da página permaneça fixa. Alguém pode ajudar? Segue codigo que tenho: $(".scrollSuave").click(function(event){ event.preventDefault(); $('html, body').animate({ scrollTop: $( $.attr(this, 'href') ).offset().top - 00 }, 500); }) <div class="col-lg-3"> <a href="#" class="list-group-item active"> TÓPICOS DA AJUDA </a> <a href="#funcionamento" class="list-group-item scrollSuave">Opção 1</a> <a href="#cadastrar" class="list-group-item scrollSuave">Opçao 2</a> </div> <hr> <!-- O CONTEUDO DESTA DIV QUE DEVE ROLAR O CLICAR NO LINK --> <div class="col-lg-9"> <h4 id="funcionamento"><b>Opção 1</b></h4> texto aqui <h4 id="cadastrar"><b>Opção 1</b></h4> texto aqui </div> print da pagina para facilitar
  7. CSS dentro do PHP

    Alguém poderia me ajudar a estilizar esse código em PHP: <?php echo '<table>'; echo '<tr>'; echo '<th>Representante</td>'; echo '<th>Empresa</td>'; echo '<th>E-mail</td>'; echo '<th>Telefone</td>'; echo '<th>CNPJ</td>'; echo '</tr>'; while($registros = mysql_fetch_assoc($dados)){ echo '<tr>'; echo '<td>'.$registros["repre"].'</td>'; echo '<td>'.$registros["empresa"].'</td>'; echo '<td>'.$registros["email"].'</td>'; echo '<td>'.$registros["telefone"].'</td>'; echo '<td>'.$registros["cnpj"].'</td>'; echo '</tr><br>'; echo '</table>'; } ?>? O CSS só esta afetando a parte de fora do while
  8. Como deixar botão do menu ativo?

    Olá pessoal, estou com uma pequena dúvida. Estou criando um painel de controle, e nele, bem, quero deixa-lo selecionado ao clicar em cima. Só que, eu já fiz o :active, funcionou, mas quando clico na pagina a seleção some, quero que ela suma apenas quando eu clicar em outro botão do menu.
  9. background full width

    Olá pessoal... Estou com o seguinte problema... Tenho um tema no magento, e preciso colocar um conteúdo qualquer... acontece q eu preciso colocar um conteúdo em um container, porém eu precisava que o background fosse fullwidth.... pra isso tenho as duas classes: .bg_home_produtos { position: absolute; width: 100%; left: 0; background-image: url("bg_home_produtos.jpg"); background-repeat: no-repeat; background-attachment: scroll; } .posicao { max-width: 1024px; height: auto; outline: 0px; position: relative; left: 50%; top:50%; margin-left: -512px; } e no html eu coloquei o seguinte: <div class="bg_home_produtos"> <div class="grid-container show-grid posicao"> <!-- Conteúdo do tema, no meu caso um slider de produtos --> </div> </div> as classes grid-container e show-grid são do próprio tema, e são responsivos. O conteúdo que está dentro do container filho, que no meu caso é um slider de produtos responsivo. Dessa forma q eu coloquei, funcionou perfeitamente no desktop, porém quando eu diminuo a resolução o conteúdo fica travado, porque eu tive que travar o tamanho pra funcionar (width: 1024px;) se eu nao travasse, o conteúdo ia para o início da tela onde começa a classe bg_home_produtos... Alguém pode me ajudar nessa questão? Abraço a todos! Obrigado!
  10. O professor passou o seguinte exercício: Elabore um script que leia dois números e imprima em uma tabela (gerada dinamicamente) o resultado das operações aritméticas soma, produto, divisão e resto da divisão (%) entre esses números. Porém não estou conseguindo criar uma função em JavaScript para fazer todas operações necessárias e imprimir na tabela. Se puderem me ajudar,agradeço bastante!!!!Já consegui fazer essa tabela,como no anexo abaixo.
  11. Auto ajuste (alguém com ideia brilhante?)

    Olá! Estou tendo dificuldades em reajustar o topo de um site do meu cliente (no modo desktop), gostaria de usar uma maneira que evitasse muitas media query, mas estou tendo dificuldades. Estou praticamente alterando um template, faço os testes no modo desenvolvedor do google chrome, e depois digito na minha IDE. Agradeço quem ajudar e der dicas. VEJA O SITE AQUI O cliente também deseja que os inputs mantenham-se proporcionais.
  12. Quem pode me ajudar?

    Gostaria de um sistema tipo quiz, sendo que não quero ja definir a resposta, quero eu mesmo colocar a respostas depois. exemplo: faço uma pergunta tipo: como vai terminar o jogo entre santos x são paulo? ai tem as 3 alternativas: santos vence, empate ou são paulo vence! ai eles vão opinar e depois eu coloco a resposta certa! sendo que para quem acertar ganha 2 pontos, quem errar perde 1 ponto! esse sistema é pra mim fazer um mini bolão entre os meus amigos da faculdade ai no final do campeonato teremos o resultado. acredito q vou usa-lo mais pra copa do mundo tbm. Dou uma gratificação de 50 reais pelo sistema funcionando na hora! vlw abraço!
  13. Sites responsivos = bootstrap?

    Fala galera do IMaster, Eu estou montando um site/projeto mas ainda não sei deixa-lo responsivo, Alguem poderia me indicar algo para estudar? Dei uma pesquisada e uma ferramenta que mais indicam é o Bootstrap, os sistemas grandes também utilizam bootstrap ou fazem tudo manualmente? E assim... eu não sei por que ele usa apenas 12 colunas, eu to querendo fazer um menu horizontal que ocupe 100% do width e com um menuzinho na ponta esquerda... como por exemplo o site do YouTube. Isso teria mais de 12 colunas, entende? E tipo, quando eu clico no menu lateral do youtube, espreme a "main" da página (ela também se redimensiona...)
  14. lightbox erro (imagem abre ao fundo)

    Fala galera, sou novo aqui mais quem sabe alguém pode me ajuda, estou programando um site aqui e esta dando um erro na lightbox, ela esta abrindo ao fundo. (imagem em anexo) alem de esta abrindo ao fundo do background ela esta grande demais segue o código usado: <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <title>Supermercado Marinho</title> <link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.css" /> <link rel="stylesheet" type="text/css" href="vendor/css/style.css" /> <link href="path/to/lightbox.css" rel="stylesheet"> <style type="text/css"> .galeria img{ width: 50%; padding: 15px; } .galeria img:hover{ cursor: pointer; } /*estilo do bg*/ .bg{ position: absolute; background-color: #333; opacity: 0; top: 0px; left: 0px; display: none; height: 100%; width: 100%; } .lb{ position: relative; top: 10%; left: 25%; display: none; border:10px solid #fff; box-shadow: 2px 2px 12px #333; background:#fff; text-align: center; .lb {z-index: 1000;} } .lb img{ opacity: 0; width: 100%; height: 100%; } /*botão fechar*/ .close{ color: #fff; background-color: #000; width: 20px; height: 15px; text-align: center; position: absolute; right: -5px; bottom: -20px; padding: 0 auto; } .close:hover{ cursor: pointer; } </style> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link href="https://fonts.googleapis.com/css?family=Baumans" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Libre+Franklin" rel="stylesheet"> <body> <div id="container" class="container"> <div id="page" class="container-fluid"> <nav class="navbar navbar-default navbar-static-top"> <div class="container-fluid"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-menu" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="index.html"><img src="vendor/images/logo.png" /></a> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="navbar-menu"> <ul class="nav navbar-nav navbar-right"> <li><a href="empresa.html">EMPRESA</a></li> <li><a href="ofertas.html">OFERTAS</a></li> <li><a href="fotos.html">FOTOS</a></li> <li><a href="receitas.html">RECEITAS</a></li> <li><a href="contato.html">CONTATO</a></li> </ul> </div><!-- /.navbar-collapse --> </div><!-- /.container-fluid --> </nav> <script type="text/javascript" src="jquery-1.12.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.galeria img').click(function(){ $('.bg').animate({'opacity':'0.60'}, 500, 'linear'); $('.bg, .lb').css('display','block'); var big = $(this).attr('src'); $('.lb img').attr('src', big); $('.lb img').animate({'opacity':'1.00'},1500, 'linear'); }); $('.close').click(function(){ $('.lb img').css('opacity','0'); $('.bg, .lb').css('display','none'); }); }); </script> </head> <section> <div class="galeria"> <img src="vendor/images/ENCARTE_204.jpg"div=""style="width: 450px;height: 550px;"> <img src="vendor/images/ENCARTE_(2).jpg" div=""style="width: 450px;height: 550px;"> <img src="vendor/images/ENCARTE_(3).jpg" div=""style="width: 450px;height: 550px;"> <img src="vendor/images/ENCARTE_4).jpg" div=""style="width: 450px;height: 550px;"> </div> </section> </div> <div class = "bg"></div> <!--box de imagens--> <div class="lb"> <img src=""/> <div class="close">FECHAR</div> </div> <div id="footer" class="container-fluid"> <div style="height:35%; width: 100%; display: inline-block;"></div> <div id="footerContent"> <div class="footerItem col-md-2 col-xs-6"> <h4>LOJAS FÍSICAS</h4> <ul> <li><a href="">Sobre o Marinho</a></li> <li><a href="">Missão e Valores</a></li> <li><a href="">Código de Ética</a></li> <li><a href="">RH - Trabalhe Conosco</a></li> <li><a href="">Concessões</a></li> <li><a href="">Ofertas</a></li> <li><a href="">Sustentabilidade</a></li> <li><a href="">Imprensa</a></li> </ul> </div> <div class="footerItem col-md-3 col-xs-6"> <h4>MARINHO FEST 11</h4> <ul><p> <li><a href="">Conheça o Programa</a></li> <li><a href="">Parceiros</a></li> <li><a href="">Cupom</a></li> <li><a href="">Lojas</a></li> <li><a href="">Regulamento</a></li> <li><a href="">Perguntas Frequentes</a></li> <li><a href="">Contato</a></li></p> </ul> </div> <div class="footerItem col-md-3"> <h4>ATENDIMENTO</h4> <p>Nosso horário de atendimento é das 8 as 20h, de segunda a sábado.</p> <h2>32 3741-2809</h2> <p>Matriz</p> <h2>32 3741-2345</h2> <p>Filial</p> </div> <div class="footerItem col-md-4"> <h4>SIGA-NOS NAS REDES SOCIAIS.</h4> <ul> <li><a href=""><img src="vendor/images/faceIco.png" /> Fique por dentro das novidades. </a></li> <li><a href=""><img src="vendor/images/instaico.png" /> Conheça nossos produtos.</a></li> <li><a href=""><img src="vendor/images/youtubeico.png" /> Acompanhe nosso canal.</a></li> <li><a href=""><img src="vendor/images/twiterico.png" /> Fale com a gente.</a></li> </ul> </div> </div> </div> </div> <script src="vendor/bootstrap/js/jquery-3.2.1.min.js"></script> <script src="vendor/bootstrap/js/bootstrap.min.js"></script> <script src="vendor/bootstrap/js/npm.js"></script> <script src="path/to/lightbox.js"></script> </body> </html>
  15. Clip Path Css & SVG Mascara

    Preciso de uma ajudinha em relação a geração de clip path no css, preciso transformar um svg em cordenadas clip path no css para que haja responsividade em uma div que usarei como mascara.
  16. Link ativo em HTML

    Fala galera! Povo, to precisando de uma ajudinha num site que to fazendo. Eu criei um site que funciona como um "guia de bolso", e coloquei um iframe que exibe o conteúdo de acordo com o que o usuário escolher no menu lateral. Em resumo, é uma única página com vários links que exibem conteúdos diferentes nesse iframe. O que eu quero é que o link que o usuário clicar permaneça diferente dos outros enquanto ele está ativo, e no momento que o usuário clicar em outro aconteça a mesma coisa, e assim por diante. Já tentei de tudo via css, java script, mas não consigo. Alguém aí pode me ajudar? Desde já agradeço!
  17. Css Responsivo

    Boa noite, tenho conhecimentos em html, php, js e pouco em css, e tenho uma dúvida, estou montando um sistema e queria saber se devo criar todas @media only screen and para todas as resoluções ou existe algumas principais, minha dúvida tbm é se devo repetir todo o código da de uma @media only screen ?
  18. Impressão de ofícios

    Boa tarde, Eu tenho uma página que retorna um oficio. Esse documento há mais de uma página. Gostaria que, ao imprimir, o cabeçalho e rodapé repetissem em todas as páginas. Já procurei em diversos lugares, diversas maneiras e nada resolveu meu problema. Fico no aguardo e agradeço desde já.
  19. <input type="search"> com defeito visual

    Fala galera deem uma olhada nesse sistema de busca, eu coloquei border-radius: 10px no CSS mas quando eu clico aparece uma leve seleção retangular envolta!! Como posso resolver isso ? Os meus códigos estão assim: --------- HTML ------------ <div class="pesquisa"> <input type="search" name="busca" placeholder="Buscar no site" id="textoBusca"> </div> ----------- CSS ------------- #textoBusca{ display: inline-block; text-align: center; margin-left: 600px; margin-top: 18px; border-radius: 10px; border: solid 0.5px; background-color:white; font-size:14px; height:24px; width:400px; }
  20. Fala galera, de boas? Eu fiz um menu no photoshop e estou tentando passar para HTML5 e CSS, mas estou enfrentando problemas =( Esse é o link de como ficou no photoshop: https://ibb.co/kyY03G -------------------------------------------------------------------------------------------- Esse é o link de como está ficando no HTML5 e CSS: https://ibb.co/daff3G Eu até conseguiria centralizar esse input(buscar no site) mas teria que usar margin negativa... Eu queria que tudo ficasse dentro do meu Header que será meu menu Horizontal... (Estou fazendo da forma mais correta?) Meu código html está assim: <!DOCTYPE html> <html> <head> <title>WorLoc</title> <link rel="stylesheet" type="text/css" href="_css/style.css"> </head> <body> <header> <img src="_img/logo.png" id="logo"> <div id="divBusca"> <input type="text" id="textoBusca" placeholder="Buscar no site"> </div> </header> </body> </html> E o meu css: body { margin: 0; padding: 0; } header { position: absolute; width: 1600px; height: 58px; background: #1884e0; } header img#logo { margin-left: 170px; margin-top: 10px; } #divBusca{ position: relative; background-color:white; border:solid .5px; border-radius:15px; width:150px; height: 30px; margin-top: 0px; margin-left: 340px; } #textoBusca{ float:center; background-color:transparent; padding-left:5px; font-style:italic; font-size:15px; border:none; height:32px; width:150px; }
  21. transição No fundo do botão

    Olá pessoal... Estou tendo um problema em criar um botão com fundo animado usando css e html queria fazer um botão parecido com esse aqui é o sweep to right EXEMPLO Quero fazer so com css e html
  22. input number estilos

    Boa noite. Gostaria de ter um input tipo number exatamente igual ao deste site: http://www.bistekonline.com.br/index.aspx Veja que as setas de aumentar ou diminuir o valor estão bem nítidas. Porém com Css não consegui ajustar de forma satisfatória. Alguém tem alguma ideia de como posso fazer isso?
  23. Olá pessoal do iMasters, conheci o fórum a pouquíssimo tempo e já quero agradecer aos Administradores e Mantenedores deste fórum que a primeira vista parece ser um lugar ótimo para trocar experiencias e conhecimentos. Não fiz nenhum curso especializado área, não tenho um bom conhecimento, mas gosto muito de programação, principalmente na html, css(odiando até então), php e etc... Iniciei um projeto, que considero como um objetivo pessoal. Ele é bem simples, mas reflete bastante minha base de conhecimento. Minha intenção é aprender cada dia mais e me aperfeiçoar até me tornar independente de vídeos tutorias do YouTube. Tomei como NewMeta a criar uma nav bar responsiva transparente. E acredite ... Até consegui ;) porém acontece isso aqui " http://prntscr.com/h861rf " após passar a madrugada de hoje inteirinha tentando resolver o bug, acabei descobrindo que a Materialize.css está bugando/conflitando com a NavBar. Tentei abandonar a Materialize.css mas ela é essencial para que o meu site fique em ordem, caso contrario " http://prntscr.com/h8640z " ele fica assim, quando deveria ficar assim lindo e maravilhoso assim: http://prntscr.com/h865ur . Meu website de bosta é esse aqui: http://officialyume.xyz/ caso queiram dar uma olhadinha. Caso queiram ver as css elas estão bem aqui: http://officialyume.xyz/conteudo/css/ Vou procurar por algum tutorial aqui no forum sobre como "Bloquear o Acesso das pastas que estão no meu host" ou algo do tipo, pois eu não sei me referir a isso corrretamente. E é isso, espero que me ajudem guys, obrigado por lerem até aqui.
  24. Materialize.css quebrando outra css

    Olá pessoal do iMasters, conheci o fórum a pouquíssimo tempo e já quero agradecer aos Administradores e Mantenedores deste fórum que a primeira vista parece ser um lugar ótimo para trocar experiencias e conhecimentos. Não fiz nenhum curso especializado área, não tenho um bom conhecimento, mas gosto muito de programação, principalmente na html, css(odiando até então), php e etc... Iniciei um projeto, que considero como um objetivo pessoal. Ele é bem simples, mas reflete bastante minha base de conhecimento. Minha intenção é aprender cada dia mais e me aperfeiçoar até me tornar independente de vídeos tutorias do YouTube. Tomei como NewMeta a criar uma nav bar responsiva transparente. E acredite ... Até consegui ;) porém acontece isso aqui " http://prntscr.com/h861rf " após passar a madrugada de hoje inteirinha tentando resolver o bug, acabei descobrindo que a Materialize.css está bugando/conflitando com a NavBar. Tentei abandonar a Materialize.css mas ela é essencial para que o meu site fique em ordem, caso contrario " http://prntscr.com/h8640z " ele fica assim, quando deveria ficar assim lindo e maravilhoso assim: http://prntscr.com/h865ur . Meu website de bosta é esse aqui: http://officialyume.xyz/ caso queiram dar uma olhadinha. Caso queiram ver as css elas estão bem aqui: http://officialyume.xyz/conteudo/css/ Vou procurar por algum tutorial aqui no forum sobre como "Bloquear o Acesso das pastas que estão no meu host" ou algo do tipo, pois eu não sei me referir a isso corrretamente. E é isso, espero que me ajudem guys, obrigado por lerem até aqui.
  25. Site html não roda no celular

    Olá pessoal! Não sei se estou postando exatamente no local correto, mas enfim... Estou com um problema no meu site. Bom, mexo muito pouco com html/css e acabei pegando um template pronto para fazer meu site www.haillavieira.com, ele é um template responsivo e tal, ok. O problema é, no desktop ele funciona bem, mas no celular está bugando, as páginas não rolam e não consigo abrir o menu. Não sei exatamente qual código devo enviar para conseguirem ver o problema. Será que alguém pode me ajudar? Obrigada!
×

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: