Seta automática antes do link

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Seta automática antes do link

Mensagem por iHeloaD em 14/04/13, 01:42 pm

Qual é minha questão:
Olá,

Como faço uma seta que aparece automaticamente antes de um link postado em um tópico de meu fórum?

Endereço do meu fórum:
http://sw-design.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por iStriker em 19/04/13, 09:36 pm, editado 1 vez(es)
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Seta automática antes do link

Mensagem por HermeS. em 14/04/13, 02:17 pm

Olá,

Se você desejar esse código, as setas não ficaram só no tópico mais sim por todo fórum, (Setas antes do título de uma mensagem no inicial, widgets entre outros) deseja prosseguir?

Até mais.
avatar

HermeS.
Usuário avançado

Masculino
Inscrito dia : 06/09/2012
Mensagens : 304
Pontos Ativos : 366

Ver perfil do usuário http://revolutioncheatsbr.forumeiros.com/

Resolvido Re: Seta automática antes do link

Mensagem por iHeloaD em 14/04/13, 03:24 pm

Pode ser, desde que não fiquem no nome dos sub-foruns!
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Seta automática antes do link

Mensagem por HermeS. em 14/04/13, 03:35 pm

Olá,

Aceda à "Folha de estilo CSS"
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS:

Código:
.h3:before{content:url(http://r20.imgfast.net/users/2016/11/32/16/smiles/1125233183.png);padding-right:3px}p em b a.gensmall{font-family:Verdana,Arial,Helvetica,sans-serif;font-style:italic;font-weight:700;text-transform:none}p em{background:url(http://i46.servimg.com/u/f46/16/96/25/64/11252310.png) no-repeat left;color:#000000;font-family:Verdana,Arial,Helvetica,sans-serif!important;font-size:1.05em!important;font-style:normal;font-weight:700;padding-left:15px;padding-top:1px;text-transform:uppercase}

Valide.

Até mais.
avatar

HermeS.
Usuário avançado

Masculino
Inscrito dia : 06/09/2012
Mensagens : 304
Pontos Ativos : 366

Ver perfil do usuário http://revolutioncheatsbr.forumeiros.com/

Resolvido Re: Seta automática antes do link

Mensagem por iHeloaD em 14/04/13, 03:40 pm

Não resultou, olhe este tutorial que eu fis contendo links
http://swdesign.ativoforum.com/t10-tutorial-textura-de-madeira#16
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Seta automática antes do link

Mensagem por HermeS. em 14/04/13, 03:46 pm

Saudações,

Substitua o código por este:
Código:
/*** Efeito das setas***/

.h3:before{content:url(http://r20.imgfast.net/users/2016/11/32/16/smiles/1125233183.png);padding-right:3px}p em b a.gensmall{font-family:Verdana,Arial,Helvetica,sans-serif;font-style:italic;font-weight:700;text-transform:none}p em{background:url(http://i46.servimg.com/u/f46/16/96/25/64/11252310.png) no-repeat left;color:#000000;font-family:Verdana,Arial,Helvetica,sans-serif!important;font-size:1.05em!important;font-style:normal;font-weight:700;padding-left:15px;padding-top:1px;text-transform:uppercase}
Lembre-se: O código deverá ser colocado no topo ou não irá funcionar!

Até mais.
avatar

HermeS.
Usuário avançado

Masculino
Inscrito dia : 06/09/2012
Mensagens : 304
Pontos Ativos : 366

Ver perfil do usuário http://revolutioncheatsbr.forumeiros.com/

Resolvido Re: Seta automática antes do link

Mensagem por Marcelo Rios em 14/04/13, 03:48 pm

No meu resultou mesmo no final da página. Mas no seu caso deve ter algo diferente.
avatar

Marcelo Rios
Nível 9

Inscrito dia : 10/01/2012
Mensagens : 154
Pontos Ativos : 252

Ver perfil do usuário

Resolvido Re: Seta automática antes do link

Mensagem por iHeloaD em 14/04/13, 03:54 pm

Resultou somente em algumas partes do fórum, porém nos tópicos que eu desejo principalmente não Triste
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Seta automática antes do link

Mensagem por HermeS. em 14/04/13, 04:02 pm

Resolveu? aperte

&
avatar

HermeS.
Usuário avançado

Masculino
Inscrito dia : 06/09/2012
Mensagens : 304
Pontos Ativos : 366

Ver perfil do usuário http://revolutioncheatsbr.forumeiros.com/

Resolvido Re: Seta automática antes do link

Mensagem por iHeloaD em 14/04/13, 06:22 pm

iStriker escreveu:Resultou somente em algumas partes do fórum, porém nos tópicos que eu desejo principalmente não Triste

Não resolveu.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Seta automática antes do link

Mensagem por seender em 15/04/13, 10:13 am

Olá!

Utilize este código:
Código:
        /*** Efeito das setas***/

        .h3:before{background-image:url(http://r20.imgfast.net/users/2016/11/32/16/smiles/1125233183.png);
padding-right:3px;}
p em b a.gensmall{font-family:Verdana,Arial,Helvetica,sans-serif;font-style:italic;font-weight:700;text-transform:none}
p em{background:url(http://i46.servimg.com/u/f46/16/96/25/64/11252310.png) no-repeat left;color:#000000;font-family:Verdana,Arial,Helvetica,sans-serif!important;font-size:1.05em!important;font-style:normal;font-weight:700;padding-left:15px;padding-top:1px;text-transform:uppercase}
Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Seta automática antes do link

Mensagem por iHeloaD em 15/04/13, 11:01 am

avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Seta automática antes do link

Mensagem por iHeloaD em 16/04/13, 11:31 am

avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Seta automática antes do link

Mensagem por Convidado em 16/04/13, 12:12 pm

Saudações!

Tente este código em sua CSS
a:hover{
background: url ('AQUI A URL DA SETA') !important;
}
.content.clearfix div a{
background: url ('AQUI A URL DA SETA') !important;
}
Preto > Mude para o valor que pede.

Até Piscada

Convidado
Convidado


Resolvido Re: Seta automática antes do link

Mensagem por iHeloaD em 16/04/13, 05:32 pm

Nenhum resultado Triste
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Seta automática antes do link

Mensagem por Evidaaηc em 16/04/13, 05:37 pm

Código:
a:hover {
background: url (AQUI A URL);
color:#fff;
}

Resulta?
avatar

Evidaaηc
Usuário destaque

Masculino
Inscrito dia : 06/07/2012
Mensagens : 706
Pontos Ativos : 966

Ver perfil do usuário http://world.forumbrasil.net/

Resolvido Re: Seta automática antes do link

Mensagem por iHeloaD em 16/04/13, 05:59 pm

@Evidaaηc escreveu:
Código:
a:hover {
background: url (AQUI A URL);
color:#fff;
}

Resulta?

Não '-'
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Seta automática antes do link

Mensagem por .Danni. em 17/04/13, 10:31 am

Bom dia,

Cole seu CSS aqui, por favor.

Cordialmente,
The Boss
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Seta automática antes do link

Mensagem por iHeloaD em 17/04/13, 11:47 am

Não quero expor meu CSS, lhe enviei por MP
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Seta automática antes do link

Mensagem por iHeloaD em 19/04/13, 09:28 pm

Pode deixar, eu desenvolvi o código perfeito do jeito que eu queria, que funciona somente nos tópicos, para quem quiser, peça em meu fórum em "Pedido de Códigos".
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum