ShiftActif fórum


Participe da melhor comunidade sobre fóruns!

Bem vindo ao fórum de suporte e de informações técnicas ShiftActif. Aqui, solucionamos suas dúvidas sobre os tutoriais exclusivos fornecidos pela nosso subfórum de tutoriais além de suporte opcional ao Forumeiros.com, Blogger e temas grátis do Criarumblog.com! Você encontrará FAQs, astúcias em códigos e efeitos especiais em CSS, Javascript e outros para complementar seu fórum ou Blog!
Venha participar desta grande comunidade!!!
Compartilhe
Ver o tópico anteriorIr em baixoVer o tópico seguinte
avatar
Adminactif
Adminactif
Masculino
Idade : 23
PointActif's : 4810
ReputActifs : 97
Mensagens : 2707
Inscrição : 13/04/2011

Localização : Vilhena - RO
100%
Ver perfil do usuáriohttp://www.shiftactif.com/

[TUTORIAL] Modificar links de download externos por imagem

em Ter 15 Jan - 11:06


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




- 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:
http://i12.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. Beleza!


  • 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/?"]
    E ao lado dela, coloque uma virgula e adicione novamente o mesmo código mudando o URL:
    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
Ver o tópico anteriorVoltar ao TopoVer o tópico seguinte
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum