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!!!
Conectar-se

Esqueci minha senha

Os membros mais ativos do mês
Shek
 

Quem está conectado
10 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 10 Visitantes

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 671 em Sex 20 Abr - 13:08

Efeito de Botões

Ir em baixo

Efeito de Botões

Mensagem por IsmaelS. em Qua 26 Fev - 15:31

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
avatar
IsmaelS.
Colaborador Actif

Masculino
Idade : 22
PointActif's : 2685
ReputActifs : 6
Mensagens : 450
Inscrição : 28/11/2012

Localização : Portugal
100%

Ver perfil do usuário https://i.servimg.com/u/f19/18/07/03/67/ava10.png

Voltar ao Topo Ir em baixo

Re: Efeito de Botões

Mensagem por Engine404 em Qua 26 Fev - 16:17

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
avatar
Engine404
Meriteiro
Meriteiro

Masculino
Idade : 25
PointActif's : 2608
ReputActifs : 30
Mensagens : 281
Inscrição : 09/04/2012

Localização : Meu IP
100%

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

Voltar ao Topo Ir em baixo

Re: Efeito de Botões

Mensagem por IsmaelS. em Qua 26 Fev - 16:20

Olá,

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

Masculino
Idade : 22
PointActif's : 2685
ReputActifs : 6
Mensagens : 450
Inscrição : 28/11/2012

Localização : Portugal
100%

Ver perfil do usuário https://i.servimg.com/u/f19/18/07/03/67/ava10.png

Voltar ao Topo Ir em baixo

Re: Efeito de Botões

Mensagem por Engine404 em Qua 26 Fev - 16:38

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}
avatar
Engine404
Meriteiro
Meriteiro

Masculino
Idade : 25
PointActif's : 2608
ReputActifs : 30
Mensagens : 281
Inscrição : 09/04/2012

Localização : Meu IP
100%

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

Voltar ao Topo Ir em baixo

Re: Efeito de Botões

Mensagem por IsmaelS. em Qua 26 Fev - 17:08

Olá,

O efeito fez, mas não aparece as imagens apenas texto
avatar
IsmaelS.
Colaborador Actif

Masculino
Idade : 22
PointActif's : 2685
ReputActifs : 6
Mensagens : 450
Inscrição : 28/11/2012

Localização : Portugal
100%

Ver perfil do usuário https://i.servimg.com/u/f19/18/07/03/67/ava10.png

Voltar ao Topo Ir em baixo

Re: Efeito de Botões

Mensagem por Engine404 em Qua 26 Fev - 18:28

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

Masculino
Idade : 25
PointActif's : 2608
ReputActifs : 30
Mensagens : 281
Inscrição : 09/04/2012

Localização : Meu IP
100%

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

Voltar ao Topo Ir em baixo

Re: Efeito de Botões

Mensagem por IsmaelS. em Qua 26 Fev - 19:37

avatar
IsmaelS.
Colaborador Actif

Masculino
Idade : 22
PointActif's : 2685
ReputActifs : 6
Mensagens : 450
Inscrição : 28/11/2012

Localização : Portugal
100%

Ver perfil do usuário https://i.servimg.com/u/f19/18/07/03/67/ava10.png

Voltar ao Topo Ir em baixo

Re: Efeito de Botões

Mensagem por Shek em Qua 26 Fev - 20:23

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!



Staff Shiftactif

Bem vindo ao fórum ShiftActif. Aconselhamos que você veja alguns subfóruns e regras para iniciar sua carreira na comunidade.
Regulamento e informações afins:
Seta verde   Condições gerais de uso & equipe voluntária.
Seta verde Necessidade de um Adminactif ou Deveolper?
Seta verde Lista de tutoriais.
Seta verde Aumente a segurança do seu fórum.
Fóruns interessantes:
Seta verde Tutoriais especiais.
Seta verde JuriActif.
Seta verde Suporte ao usuário ShiftActif.
Seta verde Sugestões & Melhoras.
Serviços extras:
Seta verde Exclusão de temas do Hitskin.
Seta verde Desinscrever-se de um fórum.
Seta verde Temas grátis para Download.
avatar
Shek
Administrador

Masculino
Idade : 24
PointActif's : 5192
ReputActifs : 97
Mensagens : 2715
Inscrição : 13/04/2011

Localização : Vilhena - RO
100%

Ver perfil do usuário http://www.shiftactif.com/

Voltar ao Topo Ir em baixo

Re: Efeito de Botões

Mensagem por IsmaelS. em Qua 26 Fev - 21:14

Olá,

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

Masculino
Idade : 22
PointActif's : 2685
ReputActifs : 6
Mensagens : 450
Inscrição : 28/11/2012

Localização : Portugal
100%

Ver perfil do usuário https://i.servimg.com/u/f19/18/07/03/67/ava10.png

Voltar ao Topo Ir em baixo

Re: Efeito de Botões

Mensagem por Engine404 em Qua 26 Fev - 23:15

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://illiweb.com/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?


avatar
Engine404
Meriteiro
Meriteiro

Masculino
Idade : 25
PointActif's : 2608
ReputActifs : 30
Mensagens : 281
Inscrição : 09/04/2012

Localização : Meu IP
100%

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

Voltar ao Topo Ir em baixo

Re: Efeito de Botões

Mensagem por IsmaelS. em Qui 27 Fev - 16:11

Olá,

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

Masculino
Idade : 22
PointActif's : 2685
ReputActifs : 6
Mensagens : 450
Inscrição : 28/11/2012

Localização : Portugal
100%

Ver perfil do usuário https://i.servimg.com/u/f19/18/07/03/67/ava10.png

Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

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