Ao passar o mouse, como acender uma cor?

Qual é minha questão:
A maiorias das areas aqui do fórum ao passar o mouse acende uma cor alaranjada com pouca opacidade. Gostaria de saber como coloco isso em meu fórum.

Medidas que eu tomei para corrigir o problema:
Pesquisei , pesquisei e nada D:

Links e imagens do meu problema:


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

Versão do meu fórum:
PHPBB3

Olá, aceda a Painel de controle Visualização Imagens e Cores Cores aba "Folha de estilo CSS", cole o codigo e salve

Código:

a:link{color:#0372be;text-decoration:none}

Não deu certo amigo.

Olá, tente este

Código:

a:link{color:#0372be;text-decoration:none}a:visited{color:#0372be;text-decoration:none}a:active{color:#0372be;text-decoration:underline}a:hover{color:#86b125;text-decoration:none}

Isso está mudando a cor dos nome do fórum. Ainda não deu D:

Olá, não entendi sua questão, poderia ser mais especifico?

Assim ó:

Olá, você quer colorir a cor do titulo do topico certo? Se sim tente este codigo

Código:

.main .main-head .page-title {color:#0372be;text-decoration:none
}

Oque eu estou querendo e quando passar o mouse sobre tal aréa do forum ele acendesse igual aqui:

Vídeo cabei de fazer:

Olá, aceda a Painel de controle Visualização Imagens e Cores Cores Procure por "Cor do campo Hover :" modifique a cor e salve, até mais

Pô mano ainda não deu D: Tipo deu até deu mais o efeito só ficou nos botoes do Menu como portal , home e etc.

Eu gostaria de não por nesses botoes e sim no fundo dos fóruns. Como eu mostrei no vídeo.

Olá, retire o meu codigo, até mais

Ai que tá eu já tinha retirado. D:

Olá, poderia me mandar seu codigo CSS? Até mais

Código:

#pun-foot a{
color: #232323;
}

table.ipbtable tfoot td {
display: none;
}

/* menu */

#submenu ul li a img:hover {
filter:alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;
}



body {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/62057010.png');
background-repeat: repeat-x;
background-position: top center;
background-attachment: scroll;
}

#userlinks {
margin-top: 6px;
color: #ffffff;
background-image: url(http://i48.servimg.com/u/f48/15/98/52/29/untitl20.png);
background-repeat: repeat-x;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px;
-webkit-border-radius:5px;
}

#userlinks ul {
background-color: #b6c7db;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px;
-webkit-border-radius:5px;
}


/* Palheta de cores avançada para criação de topico */



        .colorpicker {
                          width: 356px;
                          height: 176px;
                          overflow: hidden;
                          position: absolute;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
                          font-family: Arial, Helvetica, sans-serif;
                          display: none;
                        }
                        .colorpicker_color {
                          width: 150px;
                          height: 150px;
                          left: 14px;
                          top: 13px;
                          position: absolute;
                          background: #f00;
                          overflow: hidden;
                          cursor: crosshair;
                        }
                        .colorpicker_color div {
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 150px;
                          height: 150px;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
                        }
                        .colorpicker_color div div {
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 11px;
                          height: 11px;
                          overflow: hidden;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
                          margin: -5px 0 0 -5px;
                        }
                        .colorpicker_hue {
                          position: absolute;
                          top: 13px;
                          left: 171px;
                          width: 35px;
                          height: 150px;
                          cursor: n-resize;
                        }
                        .colorpicker_hue div {
                          position: absolute;
                          width: 35px;
                          height: 9px;
                          overflow: hidden;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
                          margin: -4px 0 0 0;
                          left: 0px;
                        }
                        .colorpicker_new_color {
                          position: absolute;
                          width: 60px;
                          height: 30px;
                          left: 213px;
                          top: 13px;
                          background: #f00;
                        }
                        .colorpicker_current_color {
                          position: absolute;
                          width: 60px;
                          height: 30px;
                          left: 283px;
                          top: 13px;
                          background: #f00;
                        }
                        .colorpicker input {
                          background-color: transparent;
                          border: 1px solid transparent;
                          position: absolute;
                          font-size: 10px;
                          font-family: Arial, Helvetica, sans-serif;
                          color: #898989;
                          top: 4px;
                          right: 11px;
                          text-align: right;
                          margin: 0;
                          padding: 0;
                          height: 11px;
                        }
                        .colorpicker_hex {
                          position: absolute;
                          width: 72px;
                          height: 22px;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
                          left: 212px;
                          top: 142px;
                        }
                        .colorpicker_hex input {
                          right: 6px;
                        }
                        .colorpicker_field {
                          height: 22px;
                          width: 62px;
                          background-position: top;
                          position: absolute;
                        }
                        .colorpicker_field span {
                          position: absolute;
                          width: 12px;
                          height: 22px;
                          overflow: hidden;
                          top: 0;
                          right: 0;
                          cursor: n-resize;
                        }
                        .colorpicker_rgb_r {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
                          top: 52px;
                          left: 212px;
                        }
                        .colorpicker_rgb_g {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
                          top: 82px;
                          left: 212px;
                        }
                        .colorpicker_rgb_b {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
                          top: 112px;
                          left: 212px;
                        }
                        .colorpicker_hsb_h {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
                          top: 52px;
                          left: 282px;
                        }
                        .colorpicker_hsb_s {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
                          top: 82px;
                          left: 282px;
                        }
                        .colorpicker_hsb_b {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
                          top: 112px;
                          left: 282px;
                        }
                        .colorpicker_submit {
                          position: absolute;
                          width: 22px;
                          height: 22px;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
                          left: 322px;
                          top: 142px;
                          overflow: hidden;
                        }
                        .colorpicker_focus {
                          background-position: center;
                        }
                        .colorpicker_hex.colorpicker_focus {
                          background-position: bottom;
                        }
                        .colorpicker_submit.colorpicker_focus {
                          background-position: bottom;
                        }
                        .colorpicker_slider {
                          background-position: bottom;
                        }
/* fim da palheta avançada */


/* imagem caixa de texto by riivas */

form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(http://i42.tinypic.com/2i6neiw.png);
background-repeat: no-repeat;
background-position: bottom right;
}

/* Fim imagem caixa de texto by riivas */

/*
a:link{color:#0372be;text-decoration:none
}

a:visited{color:#0372be;text-decoration:none
}

a:active{color:#0372be;text-decoration:underline
}

a:hover{color:#86b125;text-decoration:none
}

.main .main-head .page-title {color:#0372be;text-decoration:none
}

Está ai

Olá, troque seu antigo CSS por este, até mais

Código:


#pun-foot a{
color: #232323;
}

table.ipbtable tfoot td {
display: none;
}



body {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/62057010.png');
background-repeat: repeat-x;
background-position: top center;
background-attachment: scroll;
}

#userlinks {
margin-top: 6px;
color: #ffffff;
background-image: url(http://i48.servimg.com/u/f48/15/98/52/29/untitl20.png);
background-repeat: repeat-x;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px;
-webkit-border-radius:5px;
}

#userlinks ul {
background-color: #b6c7db;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px;
-webkit-border-radius:5px;
}


/* Palheta de cores avançada para criação de topico */



        .colorpicker {
                          width: 356px;
                          height: 176px;
                          overflow: hidden;
                          position: absolute;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
                          font-family: Arial, Helvetica, sans-serif;
                          display: none;
                        }
                        .colorpicker_color {
                          width: 150px;
                          height: 150px;
                          left: 14px;
                          top: 13px;
                          position: absolute;
                          background: #f00;
                          overflow: hidden;
                          cursor: crosshair;
                        }
                        .colorpicker_color div {
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 150px;
                          height: 150px;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
                        }
                        .colorpicker_color div div {
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 11px;
                          height: 11px;
                          overflow: hidden;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
                          margin: -5px 0 0 -5px;
                        }
                        .colorpicker_hue {
                          position: absolute;
                          top: 13px;
                          left: 171px;
                          width: 35px;
                          height: 150px;
                          cursor: n-resize;
                        }
                        .colorpicker_hue div {
                          position: absolute;
                          width: 35px;
                          height: 9px;
                          overflow: hidden;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
                          margin: -4px 0 0 0;
                          left: 0px;
                        }
                        .colorpicker_new_color {
                          position: absolute;
                          width: 60px;
                          height: 30px;
                          left: 213px;
                          top: 13px;
                          background: #f00;
                        }
                        .colorpicker_current_color {
                          position: absolute;
                          width: 60px;
                          height: 30px;
                          left: 283px;
                          top: 13px;
                          background: #f00;
                        }
                        .colorpicker input {
                          background-color: transparent;
                          border: 1px solid transparent;
                          position: absolute;
                          font-size: 10px;
                          font-family: Arial, Helvetica, sans-serif;
                          color: #898989;
                          top: 4px;
                          right: 11px;
                          text-align: right;
                          margin: 0;
                          padding: 0;
                          height: 11px;
                        }
                        .colorpicker_hex {
                          position: absolute;
                          width: 72px;
                          height: 22px;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
                          left: 212px;
                          top: 142px;
                        }
                        .colorpicker_hex input {
                          right: 6px;
                        }
                        .colorpicker_field {
                          height: 22px;
                          width: 62px;
                          background-position: top;
                          position: absolute;
                        }
                        .colorpicker_field span {
                          position: absolute;
                          width: 12px;
                          height: 22px;
                          overflow: hidden;
                          top: 0;
                          right: 0;
                          cursor: n-resize;
                        }
                        .colorpicker_rgb_r {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
                          top: 52px;
                          left: 212px;
                        }
                        .colorpicker_rgb_g {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
                          top: 82px;
                          left: 212px;
                        }
                        .colorpicker_rgb_b {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
                          top: 112px;
                          left: 212px;
                        }
                        .colorpicker_hsb_h {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
                          top: 52px;
                          left: 282px;
                        }
                        .colorpicker_hsb_s {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
                          top: 82px;
                          left: 282px;
                        }
                        .colorpicker_hsb_b {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
                          top: 112px;
                          left: 282px;
                        }
                        .colorpicker_submit {
                          position: absolute;
                          width: 22px;
                          height: 22px;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
                          left: 322px;
                          top: 142px;
                          overflow: hidden;
                        }
                        .colorpicker_focus {
                          background-position: center;
                        }
                        .colorpicker_hex.colorpicker_focus {
                          background-position: bottom;
                        }
                        .colorpicker_submit.colorpicker_focus {
                          background-position: bottom;
                        }
                        .colorpicker_slider {
                          background-position: bottom;
                        }
/* fim da palheta avançada */


/* imagem caixa de texto by riivas */

form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(http://i42.tinypic.com/2i6neiw.png);
background-repeat: no-repeat;
background-position: bottom right;
}

/* Fim imagem caixa de texto by riivas */

/*
a:link{color:#0372be;text-decoration:none
}

a:visited{color:#0372be;text-decoration:none
}

a:active{color:#0372be;text-decoration:underline
}

a:hover{color:#86b125;text-decoration:none
}

.main .main-head .page-title {color:#0372be;text-decoration:none
}

Troquei . . . continua na mesma

Olá, agora troque por este

Código:


#pun-foot a{
color: #232323;
}

table.ipbtable tfoot td {
display: none;
}




#userlinks {
margin-top: 6px;
color: #ffffff;
background-image: url(http://i48.servimg.com/u/f48/15/98/52/29/untitl20.png);
background-repeat: repeat-x;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px;
-webkit-border-radius:5px;
}

#userlinks ul {
background-color: #b6c7db;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px;
-webkit-border-radius:5px;
}


/* Palheta de cores avançada para criação de topico */



        .colorpicker {
                          width: 356px;
                          height: 176px;
                          overflow: hidden;
                          position: absolute;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
                          font-family: Arial, Helvetica, sans-serif;
                          display: none;
                        }
                        .colorpicker_color {
                          width: 150px;
                          height: 150px;
                          left: 14px;
                          top: 13px;
                          position: absolute;
                          background: #f00;
                          overflow: hidden;
                          cursor: crosshair;
                        }
                        .colorpicker_color div {
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 150px;
                          height: 150px;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
                        }
                        .colorpicker_color div div {
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 11px;
                          height: 11px;
                          overflow: hidden;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
                          margin: -5px 0 0 -5px;
                        }
                        .colorpicker_hue {
                          position: absolute;
                          top: 13px;
                          left: 171px;
                          width: 35px;
                          height: 150px;
                          cursor: n-resize;
                        }
                        .colorpicker_hue div {
                          position: absolute;
                          width: 35px;
                          height: 9px;
                          overflow: hidden;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
                          margin: -4px 0 0 0;
                          left: 0px;
                        }
                        .colorpicker_new_color {
                          position: absolute;
                          width: 60px;
                          height: 30px;
                          left: 213px;
                          top: 13px;
                          background: #f00;
                        }
                        .colorpicker_current_color {
                          position: absolute;
                          width: 60px;
                          height: 30px;
                          left: 283px;
                          top: 13px;
                          background: #f00;
                        }
                        .colorpicker input {
                          background-color: transparent;
                          border: 1px solid transparent;
                          position: absolute;
                          font-size: 10px;
                          font-family: Arial, Helvetica, sans-serif;
                          color: #898989;
                          top: 4px;
                          right: 11px;
                          text-align: right;
                          margin: 0;
                          padding: 0;
                          height: 11px;
                        }
                        .colorpicker_hex {
                          position: absolute;
                          width: 72px;
                          height: 22px;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
                          left: 212px;
                          top: 142px;
                        }
                        .colorpicker_hex input {
                          right: 6px;
                        }
                        .colorpicker_field {
                          height: 22px;
                          width: 62px;
                          background-position: top;
                          position: absolute;
                        }
                        .colorpicker_field span {
                          position: absolute;
                          width: 12px;
                          height: 22px;
                          overflow: hidden;
                          top: 0;
                          right: 0;
                          cursor: n-resize;
                        }
                        .colorpicker_rgb_r {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
                          top: 52px;
                          left: 212px;
                        }
                        .colorpicker_rgb_g {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
                          top: 82px;
                          left: 212px;
                        }
                        .colorpicker_rgb_b {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
                          top: 112px;
                          left: 212px;
                        }
                        .colorpicker_hsb_h {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
                          top: 52px;
                          left: 282px;
                        }
                        .colorpicker_hsb_s {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
                          top: 82px;
                          left: 282px;
                        }
                        .colorpicker_hsb_b {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
                          top: 112px;
                          left: 282px;
                        }
                        .colorpicker_submit {
                          position: absolute;
                          width: 22px;
                          height: 22px;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
                          left: 322px;
                          top: 142px;
                          overflow: hidden;
                        }
                        .colorpicker_focus {
                          background-position: center;
                        }
                        .colorpicker_hex.colorpicker_focus {
                          background-position: bottom;
                        }
                        .colorpicker_submit.colorpicker_focus {
                          background-position: bottom;
                        }
                        .colorpicker_slider {
                          background-position: bottom;
                        }
/* fim da palheta avançada */


/* imagem caixa de texto by riivas */

form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(http://i42.tinypic.com/2i6neiw.png);
background-repeat: no-repeat;
background-position: bottom right;
}

/* Fim imagem caixa de texto by riivas */

/*
a:link{color:#0372be;text-decoration:none
}

a:visited{color:#0372be;text-decoration:none
}

a:active{color:#0372be;text-decoration:underline
}

a:hover{color:#86b125;text-decoration:none
}

.main .main-head .page-title {color:#0372be;text-decoration:none
}

Troquei novamente . . . .

Continua a mesma coisa , porem o hover nos botoes de menu como inicio , portal sumiu.

UP

Olá, vá em:

Painel de controle Visualização Cores.

Modifique a seguinte opção.

Cor do link quando o mouse está sobre ele:

Resultou?

Até mais

Não . . . .

Nossa será que ninguem entende oque eu quero aqui? --'

D:

Vá em - Painel de controle - Visualização - Cores.

É Edite o - Cor do link quando o mouse está sobre ele :

Oque eu entendi foi isto

Foi oq o parceiro ali encima disse.

Oq eu quero é isso ó:




Ta vendo os foruns e tal , quando eu passo o mouse acende uma cor de fundo laranja claro. Eu quero por isso no meu forum

A bom eu entendi agora e Quando passa o Mouse por cima da Categoria acende uma cor no fundo da categoria né ?

Isso , como tá mostrando no vídeo.

Vá em Painel de Controle - Visualização - Imagem e Cores - Cores

E Edite o : Cor do campo Hover :

Escolha a cor que quiser

Funcionou ?

Olá, aceda a Painel de Controle Visualização Imagens & Cores Cores

Personalize as cores

Cor de fundo 1 :


Cor de fundo 2 :


Cor de fundo 3 :

Para qual desejar.

@topmaniacos

Não da isso ja tentei

@Matheus

Olha funcionar funciono mas ta estatico , eu gostaria de apenas acender com o passe do mouse.

Olá, aceda a Painel de controle Visualização Imagens e Cores Cores Aba 'Folha de estilo CSS' adicione o codigo abaixo e salve.

li.row:hover{
background-color: #FF0000 !important;
}

Vermelho Troque pelo cor hexadecimal desejada.

Resulta? Até mais

Obrigado matheus me ajudo muito funfo aqui ! thanks