Como adicionar O ícone de download num blogue de downloads
Lista de comentários
cledersonbc
Pela qualidade da resolução, dá para perceber que se trata de uma imagem.
Você pode fazer isso de formas bem diferentes, mas precisa ter conhecimento em HTML e CSS no mínimo.
1ª Forma: puramente HTML e CSS A tag responsável por criar um link que direciona para o local onde está hospedado o arquivo para download, é a tag "a" (anchor).
Essa tag vai no HTML. No CSS você pode colocar o seguinte código, vou comentar um pouco ele mas você pode editar:
/*Estilo para o botão do tutorial no Brainly*/ #bntDownload { padding: 5px; /*Espaçamento interno*/ margin: 5px; /*Espaçamento externo*/ margin-right: auto; /*Centralizando o botão*/ margin-left: auto; /*Centralizando o botão*/ width: 80px; /*Largura do botãp*/ height: 20px; /*Altura do botão*/ display: block; /*Exibir o botão em bloco, importante*/ color: #FFFFFF; /*Cor do texto do botão*/ text-align: center; /*Centralizando o texto do botão*/ text-decoration: none; /*Removendo underscore do link*/ font-weight: bold; /*Deixar texto em negrito*/ background: #5BB8FF; /*Cor do fundo do botão*/ border-radius: 3px; /*Arredondamento das bordas*/ transition-duration: 0.5s; /*Duração da transição de efeitos*/ }
Para criar um estilo para links visitados, use "#bntDownload:visited". Se já houverem estilos em links no site, provavelmente o botão herdará outros estilos, então use o "!important" em alguns atributos.
Se quiser colocar uma imagem de setinha para baixo ao lado esquerdo da mensagem "Download", use a tag <img src="3w.EndereçoDaImagem"></img>.
2º Forma: com imagem Crie um link e insira nele uma imagem com a mensagem de download. <a href="Destino" id="bntDownload"><img src="endereço da imagem"></img></a>
1 votes Thanks 1
BYDONASBY
podes enviar me um tutorial em vídeo +25840445063 email [email protected] agradeceria muito
Lista de comentários
Você pode fazer isso de formas bem diferentes, mas precisa ter conhecimento em HTML e CSS no mínimo.
1ª Forma: puramente HTML e CSS
A tag responsável por criar um link que direciona para o local onde está hospedado o arquivo para download, é a tag "a" (anchor).
Sintaxe:
<a href="3w.endereço.domínio" id="bntDownload">Download</a>
Essa tag vai no HTML. No CSS você pode colocar o seguinte código, vou comentar um pouco ele mas você pode editar:
/*Estilo para o botão do tutorial no Brainly*/
#bntDownload {
padding: 5px; /*Espaçamento interno*/
margin: 5px; /*Espaçamento externo*/
margin-right: auto; /*Centralizando o botão*/
margin-left: auto; /*Centralizando o botão*/
width: 80px; /*Largura do botãp*/
height: 20px; /*Altura do botão*/
display: block; /*Exibir o botão em bloco, importante*/
color: #FFFFFF; /*Cor do texto do botão*/
text-align: center; /*Centralizando o texto do botão*/
text-decoration: none; /*Removendo underscore do link*/
font-weight: bold; /*Deixar texto em negrito*/
background: #5BB8FF; /*Cor do fundo do botão*/
border-radius: 3px; /*Arredondamento das bordas*/
transition-duration: 0.5s; /*Duração da transição de efeitos*/
}
/*Ao passar o Mouse*/
#bntDownload:hover {
background: blue;
transition-duration: 0.5s;
}
Para criar um estilo para links visitados, use "#bntDownload:visited". Se já houverem estilos em links no site, provavelmente o botão herdará outros estilos, então use o "!important" em alguns atributos.
Se quiser colocar uma imagem de setinha para baixo ao lado esquerdo da mensagem "Download", use a tag <img src="3w.EndereçoDaImagem"></img>.
2º Forma: com imagem
Crie um link e insira nele uma imagem com a mensagem de download.
<a href="Destino" id="bntDownload"><img src="endereço da imagem"></img></a>