Jump to content

joaohenrique010

Members
  • Content count

    50
  • Joined

  • Last visited

Community Reputation

0 Comum

About joaohenrique010

Informações Pessoais

  • Sexo
    Masculino

Recent Profile Visitors

309 profile views
  1. Olá! Gostaria de saber se é possível eu inspecionar um elemento em uma página qualquer e deixar permanentemente alterado (só para meu computador), para que toda vez que eu entrasse no site ele já estivesse alterado.
  2. joaohenrique010

    Ajuda com criação de menu em HTML/CSS

    Em #menu { width: 1336px; (aqui falta um ponto e vírgula no seu código) }
  3. joaohenrique010

    [CSS] Problema com posicionamento

    Olá! Muito obrigado a todos que tentaram ajudar. Consegui resolver o problema ao inserir 1 <br/> a cada 2 links.
  4. joaohenrique010

    [CSS] Problema com posicionamento

    Obrigado pela ajuda, mas não deu certo, pois em outras dimensões (width & height) as coisas se desorganizaram. Do jeito que está, sem o float left, fica desalinhado no Chrome mas fica tudo certinho no Mozilla Firefox. O que será?
  5. joaohenrique010

    [CSS] Problema com posicionamento

    Tentei, mas aconteceu o mesmo problema já mencionado: os links perderam a centralização;
  6. joaohenrique010

    Como deixar label em cima do campo texto

    <br/> logo depois de fechar a tag </label>
  7. joaohenrique010

    [CSS] Problema com posicionamento

    Esse é o código HTML: <div id="body"> <a href="">Biologia 1</a> <a href="">Biologia 2</a> <a href="">Filosofia</a> <a href="">Física 1</a> <a href="">Física 2</a> <a href="">Geografia</a> <a href="">História</a> <a href="">História da Arte</a> <a href="">Inglês</a> <a href="">Literatura</a> <a href="">Matemática 1</a> <a href="">Matemática 2</a> <a href="">Português</a> <a href="">Química 1</a> <a href="">Química 2</a> <a href="">Sociologia</a> </div> Esse é o código CSS: #body { position: relative; top: 125px; padding: 30px; text-align: center; } #body a { text-decoration: none; display: inline-block; text-align: center; width: 140px; font-size: 20px; padding: 10px; border-radius: 2px; color: white; background: #34495e; font-weight: bold; box-shadow: 0px 1px 4px #888888; transition: 0.2s ease-out; } #body a:hover { background: #2c3e50; } Este é o resultado (width da tela 1200px) Este é o resultado para width menor que 430px: O problema é que, na segunda foto, visivelmente, Química 2 e Sociologia estão desalinhados. Quando, no CSS, em #body, retirei o "text-align:center;", tudo ficou alinhado certinho, mas preciso desse alinhamento para que o site continue responsivo (o site está sendo feito alinhado ao centro). Como resolvo isso SEM retirar o text-align: center?
  8. joaohenrique010

    Fonte com @font-face

    As aspas no font family você fecha logo depois do nome da fonte: Antes: font-family: 'myFirstFont, Lucia'; Como deve ficar: font-family: 'myFirstFont', Lucia;
  9. joaohenrique010

    jQuery scroll suave

    Os códigos para copiar estão em CSS, e o que busco são os códigos em jQuery, que não consegui achar.
  10. joaohenrique010

    jQuery scroll suave

    Olá! No site meusucesso.com, ao clicar no botão "Assine agora", ocorre um scroll para baixo de maneira suave. Pesquisei na internet como fazer isso e, embora tenha encontrado um código que cria um scroll suave, ainda não estou satisfeito. Este é o código: $(document).ready(function(){ $(".anchorLink").click(function(e){ e.preventDefault(); var id = $(this).attr("href"); var offset = $(id).offset(); $("html, body").animate({ scrollTop: offset.top }, 1500); }); }); O problema é que, com esse código, o scroll ocorre uniformemente. Já o scroll do site em questão (meusucesso.com) parece que começa numa velocidade um pouco mais alta e, no final, vai freando, como se fosse uma transição ease-out. É esse o scroll que busco: que comece rápido e termine freando. Mas não consegui encontrar nenhum código que apresente essas características. Gostaria que me fosse fornecido algum código para que o scroll fique igual ao do site meusucesso.com, ou ,pelo menos, parecido. Muito obrigado!
  11. joaohenrique010

    Sites com design moderno

    Eu queria saber como é feito esse tipo de site, ou como estão chamando esse tipo de design, que é tipo os dos sites abaixo: http://wiseup.com/curso-wiseup-teens >> Uma div embaixo da outra, ocupando 100% de width e com uma tonalidade suave http://carteirarica.com.br/cambio-investimentos-no-exterior/?ref=L2438227M >> esse aqui também é moderno, segue um estilo parecido com o da wiseup e esse aqui, à medida que você vai baixando vão aparecendo novas divs >> https://meusucesso.com/conheca/ . Como faço isso?
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.