Ir para conteúdo

Renan Leite

Members
  • Total de itens

    18
  • Registro em

  • Última visita

Reputação

1 Comum

1 Seguidor

Sobre Renan Leite

Últimos Visitantes

O bloco dos últimos visitantes está desativado e não está sendo visualizado por outros usuários.

  1. Renan Leite

    Como fazer o texto sair da vertical

    @RodrigoRitta Posta o código HTML e CSS
  2. Renan Leite

    Submit com return false; sendo enviado T.T

    @HwapX Foi exatamente isso kkkk, tinha acabado de ver esse erro, mas obrigadão mano
  3. Renan Leite

    Submit com return false; sendo enviado T.T

    Fala galera, estou com um formulário e ao apertar o submit ele está sendo enviado, sendo que não gostaria que acontecesse isso, pois estou dando return false; quais possiveis soluções? Meu jquery: $('form#form1').submit(function(){ var nome = $('input[name=nome]').val(); var telefone = $('input[name=telefone').val(); var email = $('input[name=email]').val(); if(nome.split(' ').length >= 2){ console.log('temos pelo menos 1 espaço'); } return false; }); Meu html <div class="bg"> <div class="form" id="form1"> <form> <input type="text" name="nome" placeholder="Nome completo"> <input type="text" name="telefone" placeholder="telefone"> <input type="text" name="email" placeholder="Email*"> <input type="submit" name="acao" value="cadastrar"> </form> </div> </div>
  4. Renan Leite

    Não consigo centralizar input search

    Legal, eu não conhecia esse display: flex; O que você adicionou foi isso? #pesquisa { width: 100% display: flex; justify-content: center; e #pesquisa input { width: 20%; border: 2px solid gray; } E você pode me explicar por que dessa forma ficará mais estável?
  5. Renan Leite

    Não consigo centralizar input search

    @Aphrodi Olá, eu consegui alinhar... Mas não sei se da forma correta rs Você ou alguém sugere algo? A barra em laranja é só para mostrar onde fica a #area HTML: <body> <div id="navegacao"> <div id="area"> <div id="logo"> <img src="img/logo.png"> </div> <div id="pesquisa"> <input type="search" name="buscar" placeholder="Buscar no site..."> </div> </div> </div> </body> CSS: * { margin: 0; padding: 0; } #navegacao { width: 100%; height: 58px; background: blue; } #area { width: 80%; margin: 0 auto; position: relative; border: 3px solid orange; } #logo { display: inline-block; width: 20%; float: left; margin-left: -20px; } #pesquisa { position: absolute; width: 20%; border: 2px solid gray; float: left; margin-left: 40%; top: 16px; } #pesquisa input { width: 100%; }
  6. Renan Leite

    Não consigo centralizar input search

    Fala galera, alguém me ajuda a centralizar esse bendito search? Por algum motivo eu não estou conseguindo... Meu resultado é esse: Esse é meu html: Esse é meu css:
  7. Renan Leite

    Projeto HTML - Dúvida

    Cara, tem como você resolver isso de boa. Pra você dar espaço no seu código html, tu tem que usar: &nbsp; Mas o problema é para cada espaço é necessario colocar um &nbsp. Por exemplo: F &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Dm /*ISSO DARIA 5 ESPAÇOS ENTRE OS ACORDES*/ Outro jeito e o mais fácil pra ocasião é utilizar a tag span com padding Por exemplo: F <span style="padding-left:60px"> Dm /*ISSO DARÁ UM ESPAÇO DE 60px, NO CASO VOCÊ TERIA QUE IR AUMENTANDO OU DIMINUINDO O ESPAÇO ATÉ ACHAR QUE FICOU LEGAL*/
  8. Renan Leite

    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...)
  9. Renan Leite

    <input type="search"> com defeito visual

    @Aphrodi valeu! deu certo
  10. Renan Leite

    <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; }
  11. 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; }
  12. Renan Leite

    transição No fundo do botão

    @João Vitor Ferreira , Qual o problema mais especificamente?
  13. Renan Leite

    Background

    @Lucas Vasconcellos, 1º Você tem que ter a imagem que você queira no seu background salva na pasta do seu projeto. 2º Criar dois arquivos index.html e style.css e salvar na pasta do projeto. 3º Colocar a estrutura básica do index.html e chamar o arquivo style.css <!DOCTYPE html> <html> <head> <title>Seu projeto</title> <link rel="stylesheet" type="text/css" href="style.css"> ///// <- Vai chamar as configurações do arquivo .css </head> <body> </body> </html> 4º Configurar seu arquivo style.css chamando sua imagem de background para o <body> do html body { background: url(seu_background.jpg) no-repeat; } Obs: Lembrando que sua imagem já deve estar com tamanho ideal... Obs²: Talvez você tenha algum problema de margin, então terá que manipular ela através do style.css Também estou aprendendo, qualquer dúvida só falar!
  14. Renan Leite

    Design para layouts de sites com Photoshop.

    O que vocês acham de fazer o layout/interface do site no Photoshop para depois passar para as linguagens web? Qual opinião de vocês? Existe uma ferramenta melhor?
  15. Pô, ajudou demais! Então eu posso pegar meu código que já está pronto em HTML e acrescentar os códigos em PHP utilzando as tags <?php ?> ?
×

Informação importante

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