[TUTORIAL] Modificar links de download externos por imagem
ShiftActif fórum :: Central ShiftActif :: :: Tutoriais
Página 1 de 1 • Compartilhe
[TUTORIAL] Modificar links de download externos por imagem
CSS |
Pensando mais em você, administrador que tem seu fórum e disponibiliza download de arquivos demos licenciados estamos apresentando um tutorial que personalizará mais seu fórum com um simples código CSS.
--> Tutoriais <--
Modificar links de download externos por imagem
Modificar links de download externos por imagem
1º - Código CSS de personalização:
Não há segredos relacionados ao tutorial, porque vamos usar um CSS de fácil entendimento e que não custará o tempo do leitor. Acesse seu Painel de controle > Visualização > Imagens e Cores > Cores > Folha de estilo CSS > e vamos adicionar o código abaixo:
- Código:
/*** ShiftActif tutoriais http://www.shift.forumactif.com/f5- ***/
.post a[href*="http://www.mediafire.com/?"],.post a[href*="http://www.4shared.com"] {
background: url("URL_DA_IMAGEM") no-repeat scroll center center transparent;
color: transparent;
display: block;
font-size: 0;
height: 33px;
overflow: hidden;
width: 116px;
}
/*** FIM - ShiftActif tutoriais http://www.shift.forumactif.com/f5- ***/
Este código funciona para todas as versões de fóruns do Forumeiros que usam a classe CSS .POST. Você poderá adicionar uma imagem dentro do código CSS para quando um link do mediafire ou qualquer outro site de download for postado, automaticamente a imagem será visível. No lugar do trecho URL_DA_IMAGEM no código, coloque a imagem desejada. Caso você queira, poderá usar a seguinte imagem:
https://i.servimg.com/u/f12/17/70/81/78/button10.png
O resultado previsto será:
Agora é só confirmar seu CSS e verificar o efeito. Caso você queira fazer um teste, é só copiar um link de download dos sites acima, e tudo dará certo.
- Como posso adicionar mais sites?
Você pode escolher outros sites, e logo após o nome do primeiro site adicionar a classe repetida para a mesma propriedade. Ou seja:- Código:
.post a[href*="http://www.mediafire.com/?"]
- Código:
.post a[href*="http://www.megaupload.com/"]
© ShiftActif
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Modificar links de download externos por imagem |
Tópicos semelhantes
» [TUTORIAL] Usar CSS com JavaScript de sites externos
» [TUTORIAL] Usar JavaScript de sites externos
» [TUTORIAL] Sub-links nos menus (PHPBB3)
» [TUTORIAL] Encurtar links nos tópicos
» [TUTORIAL] Modificar o termo mensagens privadas
» [TUTORIAL] Usar JavaScript de sites externos
» [TUTORIAL] Sub-links nos menus (PHPBB3)
» [TUTORIAL] Encurtar links nos tópicos
» [TUTORIAL] Modificar o termo mensagens privadas
ShiftActif fórum :: Central ShiftActif :: :: Tutoriais
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos