CARD COM BOTÃO DE LER MAIS E MENOS | HTML, CSS e JAVASCRIPT
Вставка
- Опубліковано 30 вер 2024
- Nesse vídeo eu ensino como fazer um CARD com a FUNÇÃO DE LER MAIS E MENOS, utilizando HTML, CSS e JAVASCRIPT.
LINK PARA O REPOSITÓRIO NO GITHUB:
github.com/Lar...
LINK PARA O SVG:
undraw.co/illu...
@IMPORT DA FONTE UTILIZADA:
@import url('fonts.googleap...
TEXTO ALEATÓRIO DO PARÁGRAFO:
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptatem laborum odit repellendus nihil est sapiente inventore reprehenderit iure tempora voluptatibus saepe vel officiis esse nobis blanditiis porro ea sunt, dolorum quam expedita quasi eius accusamus assumenda atque. Repellat eum, maxime tenetur laborum rem porro quis esse inventore possimus voluptate veritatis.
INSTAGRAM:
@lariikich
LINKEDIN:
/ larissakich
![HTML e CSS - Aprenda a criar 5 layouts de sites mais comuns na Internet [FLEXBOX]](http://i.ytimg.com/vi/sSkmBxsaJWg/mqdefault.jpg)
gostaria de saber como faço pra deixar um texto em formato de link depois texto normal e depois link de novo, por exemplo "Entre"(link) "ou"(texto normal) "Cadastre-se"(link de novo)
De ontem pra hj aprendi tanto com seu canal, me deu muito ânimo para seguir em frente!
Fico muito feliz em ler isso, bons estudos ❤️❤️❤️
Estou todos os dias destinando uma hora para fazer esses projetos com você, muito legal aprender e entender alguns detalhes que fazem diferença no projeto final com mais qualidade!
Pode colocar Lorem + a quantidade de letras que tu quer tipo Lorem100 e tem um atalho para ver suas recomendações que é ctrl espaço
No react teria q ser usado o stlyed components?
Lari, faz um video de como fechar o menu clicando em qualquer parte do site aaaaaaaaaaaaaaaaaaaaaaaa
queria usar um cross no lugar e agr giovani
O meu foi tudo certinho mais quando clica não vai 😪
Meu tbm
Você vai encontrar o erro 🤝
MUITO LEGAL A SUA DIDÁTICA !! Continua postando mais videos nesse estilo tá ajudando muito a praticar!
Obrigado pelo vídeo :)
Parabéns pela explicação, direta ao ponto e bem explicativa!
Como eu faço para esse script funcionar em mais 2 cards?
estou com essa duvida também.
Vídeo ótimo, me ajudou muito
Muito obrigadaaaaa ❤️❤️
Olá!! Uma dica Lari, sempre que precisar adicionar um caminho (ex: src="assets/imagens/icon.svr"), ao invés de ter que escrever parte do caminho, o atalho (ctrl + espaço) faz este trabalho para você, lembrando que nem sempre funciona, mas vale apena tentar!! Abçs
Gosto muito do seu canal como conteúdo que é. Gratidão sempre, saiba disso você.🇺🇲❄️☕💜🖤🌲
Muito obrigada 😊
@@larissakich 😍
oioi, muito obrigada pelo tutorial
Oii, eu quem agradeço, eu sei que dá para fazer com o toggle no jquery as animações, e com jQuery também é mais fácil fazer com outros cards juntos, não vou conseguir te explicar certinho agora, mas acredito que você encontra alguma coisa sobre isso na documentação dele
@@larissakich isso já ajuda mto pois eu não sei nada de JS kk vou procurar certinho, obg de novo
Muito tri! Parabéns e obrigado. Replicando aqui.
Obrigado!!
legal
Por que o estilo .active é adicionado no .card e não no .content?
Mais uma vez Obrigado por compartilhar seu conhecimento.
Ficou muito top.
estou amando seus vídeos!
sua didática é simplesmente sensacional 💫
Muito obrigadaa 😃, fico muito feliz em saber. Bons estudos!
se eu quisesse criar mais 4 cards, eu teria que alterar as classes tambem? porq as informações da função se refere a uma classe especifica né... ei eu teria q fazer 4 funçoes, com o mesmo comportamento pra aplicar em cada card? Obrigado.
Oii, não, você alteraria o javascript para ele funciona com a mesma classe só que apenas no card específico que você clicou
tipo renomeando o id da card ?@@larissakich
Assim que der refaço e te mostro como ficaria
@@larissakich tá certo. Muito obrigado
Mana, você arrasou!
Aaaaah muito obrigadaaa 😊☺️
Maratonando o canal! Espero que siga postando mais vídeos, afinal não se encontra fácil assim um conteúdo tão bacana de se acompanhar 👏
Muito obrigada, vou postar mais sim ☺️
Oi Lari! Ótimo video como sempre!! Você teria alguma indicação de curso sobre css, ainda é a minha maior dificuldade :(
Oiii, muito obrigadaaa! O curso da b7web é muito bom, tem um módulo só pra css, recomendo bastante
Lari, eu tentei por mais de um card com esse read more, mas acaba dando erro e desconfigurando tudo, sabe o que eu posso fazer pra resolver?
Oii, para fazer mais de um card, precisamos mudar um pouco o JS. Queria conseguir te ajudar por aqui mas é um pouco complexo, da uma pesquisada em como fazer uma função de click com mais de um botão, ou com mais de uma classe, pode ser que tu encontre!
Obrigado Larissa! Me ajudou muito!
Eu quem agradeço ☺️
Parabéns! belo projeto
vídeo massa!
qual a fonte que você usa no vscode?
Oii, muito obrigada, uso a Tokyo night
que tema é esse que você tá usando no vscode??
achei lindo
Oii, é o Tokyo night 😄
@@larissakich brigada! 💕
Oi, como coloca esse estilo no vs code?
Oii, o tema é Tokyo night, você consegue baixar ele nas extensões
Consegui, obrigado!
Parabéns pelo conteúdo
Valeuuu 😄☺️
Muito legal sua didatica!
Muitooo obrigada 😄
Esse ficou ficou sensacional!
Muito obrigadaaa, que bom que gostou 😄
Muito bom, continue!
Muito muito obrigada, pode deixar 😄☺️
ótimos vídeos 😎
Valeuuuu, fico muito feliz ☺️😄
Olha quem voltooou!!
Volteiii! Skksksksks 😊
😚😁😁
Sensacional
Muito obrigadaaaa ☺️
Muito bom.
Muito obrigadaaaa ☺️
Que canal legal, vou dar um follow aqui e no insta, achei massa... E vc usa o mesmo tema que eu kskss
Muito obrigadaaaa ☺️😄