Fórum dos Fóruns

Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Efeito hover em botoes dos tópicos

5 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum

Ir para baixo

Tópico resolvido Efeito hover em botoes dos tópicos

Mensagem por Higor_Forever 28.11.13 22:50

Qual é minha questão:
Olá Convidado ,

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

Quero esse efeito: https://i.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
Higor_Forever
Higor_Forever
****

Membro desde : 17/07/2013
Mensagens : 371
Pontos : 570

http://highdesign-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por JScript 28.11.13 23:00

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
JScript
JScript
Super Membro

Membro desde : 15/03/2013
Mensagens : 1449
Pontos : 1901

http://jscript.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por Higor_Forever 29.11.13 10:36

Não teve efeito
Higor_Forever
Higor_Forever
****

Membro desde : 17/07/2013
Mensagens : 371
Pontos : 570

http://highdesign-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por First 29.11.13 11:18

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 
First
First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por Higor_Forever 29.11.13 12:08

sem efeito
Higor_Forever
Higor_Forever
****

Membro desde : 17/07/2013
Mensagens : 371
Pontos : 570

http://highdesign-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por JScript 29.11.13 20:56

@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
JScript
JScript
Super Membro

Membro desde : 15/03/2013
Mensagens : 1449
Pontos : 1901

http://jscript.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por Higor_Forever 30.11.13 8:55

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!
Higor_Forever
Higor_Forever
****

Membro desde : 17/07/2013
Mensagens : 371
Pontos : 570

http://highdesign-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por JScript 30.11.13 9:14

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:
Efeito hover em botoes dos tópicos UUfqslu

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

Porém, isso:
Efeito hover em botoes dos tópicos LlxBhQq
É 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 9:18, editado 1 vez(es)
JScript
JScript
Super Membro

Membro desde : 15/03/2013
Mensagens : 1449
Pontos : 1901

http://jscript.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por Higor_Forever 30.11.13 9:16

Me desculpe pelo que eu falei.

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

Membro desde : 17/07/2013
Mensagens : 371
Pontos : 570

http://highdesign-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por JScript 30.11.13 9:28

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
JScript
JScript
Super Membro

Membro desde : 15/03/2013
Mensagens : 1449
Pontos : 1901

http://jscript.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por Higor_Forever 30.11.13 9:40

No meu nao funcionou sr.
Higor_Forever
Higor_Forever
****

Membro desde : 17/07/2013
Mensagens : 371
Pontos : 570

http://highdesign-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por Higor_Forever 01.12.13 18:57

Up
Higor_Forever
Higor_Forever
****

Membro desde : 17/07/2013
Mensagens : 371
Pontos : 570

http://highdesign-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por Higor_Forever 03.12.13 0:11

UP
Higor_Forever
Higor_Forever
****

Membro desde : 17/07/2013
Mensagens : 371
Pontos : 570

http://highdesign-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por Shek 03.12.13 17:36

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

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

Atenciosamente,
Shek
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por Higor_Forever 03.12.13 18:21

A versão do meu fórum é PHPBB3
Higor_Forever
Higor_Forever
****

Membro desde : 17/07/2013
Mensagens : 371
Pontos : 570

http://highdesign-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por JScript 03.12.13 19:15

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
JScript
JScript
Super Membro

Membro desde : 15/03/2013
Mensagens : 1449
Pontos : 1901

http://jscript.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por Higor_Forever 03.12.13 22:28

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

Membro desde : 17/07/2013
Mensagens : 371
Pontos : 570

http://highdesign-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por Higor_Forever 04.12.13 22:30

UP
Higor_Forever
Higor_Forever
****

Membro desde : 17/07/2013
Mensagens : 371
Pontos : 570

http://highdesign-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por Higor_Forever 06.12.13 12:55

UP
Higor_Forever
Higor_Forever
****

Membro desde : 17/07/2013
Mensagens : 371
Pontos : 570

http://highdesign-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por Consolado 06.12.13 13:08

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(https://i.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.
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por Higor_Forever 06.12.13 14:55

Sem Efeito.


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

Membro desde : 17/07/2013
Mensagens : 371
Pontos : 570

http://highdesign-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por JScript 06.12.13 17:21

@Higor_Forever
Olá!

Tente o código abaixo:

.buttons img, .profile-icons img, p.right img {
background: url("https://i.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
JScript
JScript
Super Membro

Membro desde : 15/03/2013
Mensagens : 1449
Pontos : 1901

http://jscript.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover em botoes dos tópicos

Mensagem por Higor_Forever 06.12.13 21:04

Funcionou. Muito obrigado sr. JScript
Higor_Forever
Higor_Forever
****

Membro desde : 17/07/2013
Mensagens : 371
Pontos : 570

http://highdesign-forum.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum

 
Permissões neste sub-fórum
Não podes responder a tópicos