Ir ao conteúdo
  • Cadastre-se
Saulo Samp

Caixa de texto em html (Blogger)

Recommended Posts

E aí pessoal beleza?, eu queria pedir a ajuda de vocês sobre caixas de texto em html, eu queria fazer uma igual a essa:
xWQpKbU.png

Com os nomes em links para as pessoas que entrarem no blog após irem na postagem eles clicarem aí para baixar o que tiver p/ download...

Agradeço à ajuda. :thumbsup:

Compartilhar este post


Link para o post
Compartilhar em outros sites
48 minutos atrás, Josh Slash disse:

Boa noite, isso não é feito com tabela não?


Sinceramente não sei cara, eu só queria que alguém pudesse me explicar como se faz isso, eu já procurei muito mas só vi tutoriais antigos que não me ajudaram... :/

Compartilhar este post


Link para o post
Compartilhar em outros sites

@Saulo Samp isso basicamente é um elemento HTML com um link <a>

As tags utilizadas são bem básicas!

 

Por exemplo:

<div class="box">
  <p>DOWNLOAD: <a class="branco" href="Seu link aqui">LINK DIRETO</a> / <a class="azul" href="Seu link aqui">DOWNLOAD: MEGA</a></p>
</div>  

No CSS você define regras para que os estilos e cores sejam aplicados.. por exemplo quer deixar a borda azul, Link direto branco, Link mega azul centralizado 

.box{
  width: 600px;
  height: 50px;
  border: 2px solid blue; 
  background: #000; 
  color: #fff;
  font-family: arial;
  font-weight: bold;
}

.box p{
  text-align: center;
  line-weight: 50px;
}

.box a{text-decoration: none;}

.branco{ color: #FFFFFF;}
.azul{color: blue;}

Veja um exemplo prático online:  https://jsfiddle.net/205tcfh1/

  • Curtir 1

Compartilhar este post


Link para o post
Compartilhar em outros sites
16 horas atrás, DiF disse:

@Saulo Samp isso basicamente é um elemento HTML com um link <a>

As tags utilizadas são bem básicas!

 

Por exemplo:


<div class="box">
  <p>DOWNLOAD: <a class="branco" href="Seu link aqui">LINK DIRETO</a> / <a class="azul" href="Seu link aqui">DOWNLOAD: MEGA</a></p>
</div>  

No CSS você define regras para que os estilos e cores sejam aplicados.. por exemplo quer deixar a borda azul, Link direto branco, Link mega azul centralizado 


.box{
  width: 600px;
  height: 50px;
  border: 2px solid blue; 
  background: #000; 
  color: #fff;
  font-family: arial;
  font-weight: bold;
}

.box p{
  text-align: center;
  line-weight: 50px;
}

.box a{text-decoration: none;}

.branco{ color: #FFFFFF;}
.azul{color: blue;}

Veja um exemplo prático online:  https://jsfiddle.net/205tcfh1/



Muito obrigado mesmo mano!!

  • Curtir 1

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro 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 publicações 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

×