Jump to content

Renan Leite

Members
  • Content count

    27
  • Joined

  • Last visited

Community Reputation

1 Comum

1 Follower

About Renan Leite

Contato

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Renan Leite

    botstrap erro com imagem

    Manda o código aeee XD
  2. Renan Leite

    class

    @Biel. Boa sorte cara, se quiser ajudar me marca aee, tmjj
  3. Renan Leite

    Dificuldades com FlexBox e UL

    @Carcleo Boa irmão, que bom que resolveu, tmj!!
  4. Renan Leite

    Texto que aparece e oculta

    1) Para permanecer o mesmo nome ao clicar no link, ou seja "Topico 1 - Já fez sua oração hoje?" ao ser clicado permanecer "Topico 1 - Já fez sua oração hoje?" Você precisa deletar do código javascript o que faz essa mudança, vou te mostrar aonde: $(document).ready(function(){ $('.tgl').before('<span>Revelar conteúdo</span>');  $('.tgl').css('display', 'none') $('span', '#box-toggle').click(function() { $(this).next().slideToggle('slow') .siblings('.tgl:visible').slideToggle('fast'); //$(this).toggleText('Revelar','Esconder') //.siblings('span').next('.tgl:visible').prev() //.toggleText('Revelar','Esconder') }); }) Onde está escrito com // no começo, você pode deletar, ou seja você pode deletar isso = Que resolverá esse problema. $(this).toggleText('Revelar','Esconder') .siblings('span').next('.tgl:visible').prev() .toggleText('Revelar','Esconder') 2) Os sub-tópicos são HTML, então basta você elimitar no seu código HTML... exemplo <div class="tgl"> <h2>Conteúdo três</h2> <!-- ELIMINE ESSE TAG <h2>Conteúdo três ou mude para o que quiser.</h2> --> <p>jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery</p> </div> Enfim cara, espero ter ajudado! Abraços e bons estudos!
  5. Renan Leite

    Criador de site tipo wix.com

    @lucianfpaula Ola!, não sei exatamente como fazer, mas posso te elucidar um pouco sobre a ideia. O Wix atualmente só utiliza HTML, CSS e JavaScript em seus Layouts padrões, e se possuem Back-end, com certeza deve ser o NodeJS. Enfim. o Wix não tem suporte a outras linguagens server-sides (back-end)... PHP, C# etc... Então a ideia do Wix é basicamente você escolhe um layout, esse layout você pode modificar por vários cliques, modificar HTML, CSS, JS via código etc... e por fim você pode está subindo ele. Parece simples, mas você vai precisar de bastante JavaScript para fazer isso. Mas a ideia básica é criar um site com uma vitrine (tipo e-commerce), mas com os produtos sendos vários layouts que as pessoas possam editar, cada layout desse vai ser primeiramente uma imagem que você deve fazer em um editor de imagem, exemplo: Photoshop. Ao clicar em um link da vitrine (um layout), levará o cliente ao site CODIFICADO! ou seja, além de você fazer o design dele no photoshop, você precisa codificar ele em HTML, CSS, JS para pessoa ter acesso a ele em um site, enfim. Com isso, você já vai ter o cliente no site que ele pretende modificar ou montar.. Agora você precisa de alguma forma fazer com que o cliente consiga editar o código HTML, CSS E O JS desse site! (Essa parte que não sei fazer) E não é parando por ai, aquelas partes de você só clicar e arrasta parece ser bem simples, mas é um javascript bem obscuro por trás disso, porque cada vez que você arrasta um item para outro canto do site, você modifica o código HTML, CSS E JS. (você pode começar estudando drag and drop no javascript e html)... Enfim, boa sorte nessa sua ideia! Espero ter ajudado de alguma forma =)
  6. Renan Leite

    Menu JavaScript

    @wesleyexee Fala wesley, poderia mandar o html também. pelo menos a parte aonde se refere? Valeu, abraços
  7. Renan Leite

    class

    @Biel. Cara, eu entendi o que você quer, mas infelizmente você está sobrescrevendo um código sobre outro, então é impossível você fazer isso com mesmos nomes e mesmas classes. Por exemplo: Botão 01 ao ser clicado é pra adicionar a classe .class2 { cor:orage; } Mas lá em baixo, tem um estilo falando que a classe . class2 { cor: purple } Então no final das contas, a class2 vai ter a cor purple sempre, porque foi a última a ser definida. Enfim, se você quiser ajuda pra seu problema, só falar que eu posso te ajudar, mas sem deixar os mesmo nomes e classes rsrsrs =) Abraços!
  8. Renan Leite

    Ocultar DIV por id dentro de um IFRAME

    @Henrique Flausino Por gentileza, poderia mandar o HTML também, pelo menos a parte onde está se referindo.
  9. Renan Leite

    Dificuldades com FlexBox e UL

    Fala irmão, beleza? 1) Isso acontece porque as UL por padrão vem com essas propriedade aqui. display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; Perceba a última propriedade: padding-inline-start: 40px; É justamente ela que está dando esse espaçozinho dos inferno rsrs... 1.1) obs: Se quiser, crie uma ul qualquer e inspecione ela que você verá essas props padrões delas. 2) Para resolver isso diretamente, você pode tirar o padding dessa ul: ul.cabecalhoVertical{ padding: 0; display: flex; height: 200px; border: .1px rgb(0,0,0) solid; } Ou posso te passar uma prática minha, que eu gosto de fazer, que é resetar todos os paddings e margins de todos os elementos, e só adiciono padding e margin quando eu necessito, Então fazendo o reset = * { margin: 0; padding: 0; } 2.1) O * faz referências a todos os elementos do seu HTML, assim aplica o estilo que esta la dentro para todos os elementos. Valeu irmão, abraços! Bons estudos
  10. Renan Leite

    Como fazer o texto sair da vertical

    @RodrigoRitta Posta o código HTML e CSS
  11. 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
  12. 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>
  13. 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?
  14. 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%; }
  15. 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:
×

Important Information

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