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

229 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

    Criação de aplicativo em PHP

    Olá! Aqui vai a minha dúvida: 1. Como não sei programar aplicativos mobile, estava pensando em criar uma página em HTML/CSS/PHP com layout apropriado para smartphones e, de alguma forma, criar um ícone que, ao clicar, seria como se estivesse abrindo o aplicativo, só que apareceria a página que eu criei em HTML/CSS/PHP (ou seja, uma página web no formato de um aplicativo). Como eu faria isso?
  12. joaohenrique010

    Ckeditor + banco de dados

    Olá! Baixei o CKEDITOR para o painel administrativo do meu site, mas tenho uma dúvida: Que tipo de dados uso no campo texto (que conterá o valor que for "inputado" na textarea "CKEDITOR")? Como o CKEDITOR é compatível com imagens, não sei se uso VARCHAR, TEXT, INT. Qual o formato que suporta o CKEDITOR com todos os seus recursos?
  13. joaohenrique010

    fundo preenchendo tela

    Tente isso: background-size:contain; background-attachment:fixed;
  14. joaohenrique010

    Div Height aumentando automaticamente CSS

    Tente usar position:relative; ao invés de position:absolute;
  15. joaohenrique010

    Div redimensionável, como textarea

    Olá! Gostaria de saber se é possível fazer uma div redimensionável, como uma textarea. A ideia é que o usuário possa moldar o site que ele acessa do jeito que quiser. Seria algo tipo um botão dentro de uma div que, enquanto estivesse sendo segurado, permitisse redimensionar a div em que ele estivesse. Quando fosse solto, criaria um cookie contendo o valor da width, height e position (para que o redimensionamento que o usuário escolheu ficasse armazenado na máquina dele). Isso é possível? O que devo fazer?
×

Important Information

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