Efeito de Botões

[IsmaelS.]

Qual é sua questão:
Olá,

Eu estou a utilizar um fórum de testes e gostei deste efeito sem passar o mouse:



Depois de passar o mouse:



Todos os botões como Responder e Bloqueado também tem esse feito, eu desejava saber se possível.

Fórum do efeito: http://suportetestes.forumeiros.com/f1-seu-primeiro-forum

Endereço e versão do meu fórum:
www.suportedesign.forumeiros.com || PunBB

Apresente-nos imagens do problema (se necessário):
Nenhuma

[Engine404]

Olá!
Pode me passar o fórum no qual viu este efeito?
Caso não tenha, vou ver se consigo fazer algum código em Javascript. 

Aguardo.


Cordialmente,
Engine404

[IsmaelS.]

Olá,

Como disse no tópico aqui está:
http://suportetestes.forumeiros.com/f1-seu-primeiro-forum

[Engine404]

Não sei, mais tente este código:

Código:

[color=#000000].posting{position:relative;z-index:1}.posting a{margin-right:10px}.posting a img{height:62px;width:67px}.posting a img:hover{width:166px}.i_post{background:url(http://i46.servimg.com/u/f46/11/96/49/61/newtop14.png) no-repeat}.i_reply{background:url(http://i46.servimg.com/u/f46/11/96/49/61/respon10.png) no-repeat}.i_reply_locked{background:url(http://i46.servimg.com/u/f46/11/96/49/61/locked15.png) no-repeat}#msg_priv img,.i_msg_newpost{background:url(http://i46.servimg.com/u/f46/11/96/49/61/newpm13.png) no-repeat}#new_image img{background:url(http://i46.servimg.com/u/f46/11/96/49/61/newpic14.png) no-repeat}

[IsmaelS.]

Olá,

O efeito fez, mas não aparece as imagens apenas texto

[Engine404]

IsmaelS., pode deixar o código ativo em seu fórum para que eu possa ver o resultado?

[IsmaelS.]

Olá,

Estou a testá-lo aqui mesmo:
http://adsdsaeww13.criarforum.com.pt/t1-seu-primeiro-topico

[Shek]

Tente com esse CSS:

Código:

.posting{position:relative;z-index:1}.posting a{margin-right:10px}.posting a img{height:62px;width:67px}.posting a img:hover{width:166px}.i_post{background:url(http://i46.servimg.com/u/f46/11/96/49/61/newtop14.png) no-repeat}.i_reply{background:url(http://i46.servimg.com/u/f46/11/96/49/61/respon10.png) no-repeat}.i_reply_locked{background:url(http://i46.servimg.com/u/f46/11/96/49/61/locked15.png) no-repeat}#msg_priv img,.i_msg_newpost{background:url(http://i46.servimg.com/u/f46/11/96/49/61/newpm13.png) no-repeat}#new_image img{background:url(http://i46.servimg.com/u/f46/11/96/49/61/newpic14.png) no-repeat}

Até mais!

[IsmaelS.]

Olá,

Ainda não aparece as imagens pode conferir:
http://adsdsaeww13.criarforum.com.pt/t1-seu-primeiro-topico

[Engine404]

Antes, aceda á Visualização -> Imagens e Cores -> Gestão das imagens -> Modo Avançado -> Botões.

Novo Tópico: deixe este campo com esta url https://2img.net/i/fa/empty.gif
Clique em Salvar.

Adicione este código em sua folha css:

Código:


.posting a img {height:62px;width:67px}
.posting a img:hover {width:166px}
.i_post {background:url(http://i46.servimg.com/u/f46/11/96/49/61/newtop14.png) no-repeat}
.i_reply {background:url(http://i46.servimg.com/u/f46/11/96/49/61/respon10.png) no-repeat}
.i_reply_locked {background:url(http://i46.servimg.com/u/f46/11/96/49/61/locked15.png) no-repeat}


Resulta?

[IsmaelS.]

Olá,

Já resolvi o problema tinha que ocultar os botões na edição de imagens para aparecer o efeito, obrigado aos ambos!

[Conteúdo patrocinado]