Efeito hover em botoes dos tópicos

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

Resolvido Efeito hover em botoes dos tópicos

Mensagem por Higor_Forever em 28/11/13, 08:50 pm

Qual é minha questão:
Olá Convidado ,

Estou precisando de um efeito hover para alguns botões do meu forum.

Quero esse efeito: http://i58.servimg.com/u/f58/18/57/03/51/efeito10.png  -   http://br-adventurestreet.forumeiros.com/forum


Só que eu quero nos botões : Bloquear, desbloquear, mover, fundir, dividir e excluir que fica nos tópicos.


Agradeço desde ja.

Endereço do meu fórum:
http://brasilplayfriendz.forumeiros.com

Versão do fórum:
PHPBB3
avatar

Higor_Forever
Usuário avançado

Masculino
Inscrito dia : 17/07/2013
Mensagens : 371
Pontos Ativos : 570

Ver perfil do usuário http://highdesign-forum.forumeiros.com

Resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por JScript em 28/11/13, 09:00 pm

Olá!

Vá em seu painel de controle e adicione em sua folha de estilos CSS o código abaixo:
Código:

#main-content a.cgu-buttons, button.button2, input.button1, input.button2, input.liteoption, input.mainoption {
  background: url("http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png") repeat scroll 0 0 #F4F5F4;
  border: 1px solid #DDDDDD;
  border-radius: 3px 3px 3px 3px;
  padding: 2px;
}
#main-content a.cgu-buttons:hover, button.button2:hover, input.button1:hover, input.button2:hover, input.liteoption:hover, input.mainoption:hover {
  background-position: 0 100%;
  border: 1px solid #86B125;
  color: #89B125;
}
Abraços,

JS
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

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

Resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por Higor_Forever em 29/11/13, 08:36 am

Não teve efeito
avatar

Higor_Forever
Usuário avançado

Masculino
Inscrito dia : 17/07/2013
Mensagens : 371
Pontos Ativos : 570

Ver perfil do usuário http://highdesign-forum.forumeiros.com

Resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por First em 29/11/13, 09:18 am

Olá,

Peço que acede à 'Folha de estilo CSS':
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores :seta2: Folha de estilo CSS
Código:
.right a {
background: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) rgb(244, 245, 244);
border: 1px solid rgb(221, 221, 221);
color: rgb(102, 102, 102);
border-radius: 3px;
box-shadow: 1px 1px 1px;
cursor: pointer;
height: 24px;
line-height: 27px;
margin: 5px 6px;
padding: 8px 8px;
}
.right a:hover {
border: 1px solid rgb(0, 165, 205);
box-shadow: 1px 1px 5px;
color: rgb(0, 165, 205);
}
Valide.


Até mais,
Passar bem. Piscada 
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por Higor_Forever em 29/11/13, 10:08 am

sem efeito
avatar

Higor_Forever
Usuário avançado

Masculino
Inscrito dia : 17/07/2013
Mensagens : 371
Pontos Ativos : 570

Ver perfil do usuário http://highdesign-forum.forumeiros.com

Resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por JScript em 29/11/13, 06:56 pm

@First
O botão de login do fórum é formado por:
Código:
<input type="submit" value="Login" name="login" class="mainoption button1">
Logo isso .right a não iria funcionar mesmo!

@Higor_Forever
Eu testei novamente o código que lhe passei e funcionou! Veja se validou o CSS e caso afirmativo, esvazie o cache do seu navegador.

Abraços,

JS
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

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

Resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por Higor_Forever em 30/11/13, 06:55 am

Eu nao sei como esvaziar esse tal de cache. E não é o botão de login. É aqueles que fica nos tópicos só para os moderadores (Novo Tópico, responder, mover, fundir, excluir e etc).


Fique mais atento!
avatar

Higor_Forever
Usuário avançado

Masculino
Inscrito dia : 17/07/2013
Mensagens : 371
Pontos Ativos : 570

Ver perfil do usuário http://highdesign-forum.forumeiros.com

Resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por JScript em 30/11/13, 07:14 am

@Higor_Forever escreveu:Eu nao sei como esvaziar esse tal de cache. E não é o botão de login. É aqueles que fica nos tópicos só para os moderadores (Novo Tópico, responder, mover, fundir, excluir e etc).


Fique mais atento!
A imagem que postaste para ilustrar sua pergunta/dúvida foi essa:


Na qual o botão Login está demarcado!!!

Porém, isso:

É que falta de atenção...

Então, sou eu que tenho que ficar mais atento?!

Relaxe, irás receber toda ajuda que precisa...

JS


Última edição por JScript em 30/11/13, 07:18 am, editado 1 vez(es)
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

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

Resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por Higor_Forever em 30/11/13, 07:16 am

Me desculpe pelo que eu falei.

Mais no pedido eu falei : Quero esse efeito nos botoes ( excluir, fundir , mover e etc.)
avatar

Higor_Forever
Usuário avançado

Masculino
Inscrito dia : 17/07/2013
Mensagens : 371
Pontos Ativos : 570

Ver perfil do usuário http://highdesign-forum.forumeiros.com

Resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por JScript em 30/11/13, 07:28 am

@Higor_Forever escreveu:Me desculpe pelo que eu falei.

Mais no pedido eu falei : Quero esse efeito nos botoes ( excluir, fundir , mover e etc.)
Eu acabei de testar o código que o nosso amigo @Fisrt lhe passou e está funcionando perfeitamente!

JS
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

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

Resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por Higor_Forever em 30/11/13, 07:40 am

No meu nao funcionou sr.
avatar

Higor_Forever
Usuário avançado

Masculino
Inscrito dia : 17/07/2013
Mensagens : 371
Pontos Ativos : 570

Ver perfil do usuário http://highdesign-forum.forumeiros.com

Resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por Higor_Forever em 01/12/13, 04:57 pm

Up
avatar

Higor_Forever
Usuário avançado

Masculino
Inscrito dia : 17/07/2013
Mensagens : 371
Pontos Ativos : 570

Ver perfil do usuário http://highdesign-forum.forumeiros.com

Resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por Higor_Forever em 02/12/13, 10:11 pm

UP
avatar

Higor_Forever
Usuário avançado

Masculino
Inscrito dia : 17/07/2013
Mensagens : 371
Pontos Ativos : 570

Ver perfil do usuário http://highdesign-forum.forumeiros.com

Resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por Shek em 03/12/13, 03:36 pm

@Higor_Forever escreveu:No meu nao funcionou sr.
Boa tarde!

Você pode informar sua versão de fórum?

Atenciosamente,
Shek


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17161
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por Higor_Forever em 03/12/13, 04:21 pm

A versão do meu fórum é PHPBB3
avatar

Higor_Forever
Usuário avançado

Masculino
Inscrito dia : 17/07/2013
Mensagens : 371
Pontos Ativos : 570

Ver perfil do usuário http://highdesign-forum.forumeiros.com

Resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por JScript em 03/12/13, 05:15 pm

@Higor_Forever escreveu:A versão do meu fórum é PHPBB3
Olá!

Utilize o próprio código retirado do fórum em que viu o efeito:
Código:

#main-content a.cgu-buttons, button.button2, input.button1, input.button2, input.liteoption, input.mainoption {
    background: url("http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png") repeat scroll 0 0 #F4F5F4 !important;
    border: 1px solid #DDDDDD !important;
    border-radius: 3px 3px 3px 3px !important;
    padding: 2px !important;
}
#main-content a.cgu-buttons:hover, button.button2:hover, input.button1:hover, input.button2:hover, input.liteoption:hover, input.mainoption:hover {
    background-position: 0 100% !important;
    border: 1px solid #86B125 !important;
    color: #89B125 !important;
}
Veja se agora funciona pra você!

Abraços,

JS
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

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

Resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por Higor_Forever em 03/12/13, 08:28 pm

não teve efeito. Enão é no botão de login nem os que tão escritos Fórum, portal e etc.
avatar

Higor_Forever
Usuário avançado

Masculino
Inscrito dia : 17/07/2013
Mensagens : 371
Pontos Ativos : 570

Ver perfil do usuário http://highdesign-forum.forumeiros.com

Resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por Higor_Forever em 04/12/13, 08:30 pm

UP
avatar

Higor_Forever
Usuário avançado

Masculino
Inscrito dia : 17/07/2013
Mensagens : 371
Pontos Ativos : 570

Ver perfil do usuário http://highdesign-forum.forumeiros.com

Resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por Higor_Forever em 06/12/13, 10:55 am

UP
avatar

Higor_Forever
Usuário avançado

Masculino
Inscrito dia : 17/07/2013
Mensagens : 371
Pontos Ativos : 570

Ver perfil do usuário http://highdesign-forum.forumeiros.com

Resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por Consolado em 06/12/13, 11:08 am

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilos CSS

Código:

#main-content a.cgu-buttons, button.button2, input.button1, input.button2, input.liteoption, input.mainoption{background:url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) rgb(244, 245, 244)}#search-box input.button2:hover, a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover{background-position:0px 100%;border:1px solid rgb(0, 165, 205);box-shadow:1px 1px 5px;color:rgb(0, 165, 205)}
Valide.

Até mais.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por Higor_Forever em 06/12/13, 12:55 pm

Sem Efeito.


Sr. Today, o efeito é nos botões: FUNDIR, BLOQUEAR, NOVO TÓPICO, RESPONDER, MOVER, EXCLUIR que fica nos tópicos
avatar

Higor_Forever
Usuário avançado

Masculino
Inscrito dia : 17/07/2013
Mensagens : 371
Pontos Ativos : 570

Ver perfil do usuário http://highdesign-forum.forumeiros.com

Resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por JScript em 06/12/13, 03:21 pm

@Higor_Forever
Olá!

Tente o código abaixo:

.buttons img, .profile-icons img, p.right img {
background: url("http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png") repeat scroll 0 0 #F4F5F4 !important;
border: 1px solid #DDDDDD !important;
border-radius: 3px 3px 3px 3px !important;
}
.buttons img:hover, .profile-icons img:hover, p.right img:hover {
background-position: 0 100%;
border: 1px solid #00A5CD !important;
box-shadow: 1px 1px 5px !important;
color: #00A5CD !important;
}
Abraços,

JS
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

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

Resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por Higor_Forever em 06/12/13, 07:04 pm

Funcionou. Muito obrigado sr. JScript
avatar

Higor_Forever
Usuário avançado

Masculino
Inscrito dia : 17/07/2013
Mensagens : 371
Pontos Ativos : 570

Ver perfil do usuário http://highdesign-forum.forumeiros.com

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