Ir ao conteúdo

Posts recomendados

Postado

alguem me ajuda ja tentei um monte de coisa

como faço para inserir uma caixa com varios filmes igual a que tem nesse site... alguem me ajudaaa

 

 

Postado

@caios15

 

Nesse site, os quadradinhos não são exatamente um vídeo.

 

Na verdade são links que quando clicados, levarão ao (filme/video) referente ao quadradinhos pequenos...

 

Existe 2 formar de criar essa estrutura, eu prefiro a segunda por usar menos códigos!

 

Mas a estrutura HTML é essa.

É um quadrado, com uma imagem, um titulo e uma div com o icone de play que aparece quando acontece o :hover no elemento.

 

Obs: Se quiser ajuda no CSS, só me marcar e falar! Abraços

<div class="wrapper-card">
 <a href=""></a>
 <img src="" />
 <p>TIRULO DO VIDEO/FILME</p>
 <div class="wrapper-hover">
   ICONE PLAY AQ
 </div>
</div>

<--ou--!>

<a href="" class="wrapper-link">
 <img src="" />
 <p>TIRULO DO VIDEO/FILME</p>
 <div class="wrapper-hover">
   ICONE PLAY AQ
 </div>
</a>

 

Crie uma conta ou entre para comentar

Você precisa ser um usuário para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...

LANÇAMENTO!

eletronica2025-popup.jpg


CLIQUE AQUI E BAIXE AGORA MESMO!