Trocar cor quando mouse esta em cima do tópico

3 participantes

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

Tópico resolvido Trocar cor quando mouse esta em cima do tópico

Mensagem por coenzi 10.12.13 18:07

Qual é minha questão:
Bom pessoal, dentro desse código, eu não sei onde, tem algum código que esta com a mesma cor dos tópicos, tipo " quando agente poe o mouse em cima o tópico deveria mudar de cor, porem tem algum código que faz isso, que esta na mesma cor do tópico, eu gostaria de saber qual código é e se possível colocar essa cor #333366 quando o mouse passar por cima dos tópicos e quando clicar a letra continuar 


Código:
~$Ocultar Menu FAQ {}
a+.mainmenu[href="/faq"] {
display: none !important;
  } 
#chatbox .user a {
  text-decoration: none !important;
}
a {
    text-decoration: none !important;
}
#navigation
{
float: right;
margin-top: -200px;
margin-right: 20px;
}
.mainmenu
{
margin-right: 2px;
}
a.mainmenu
{
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(opacity=50);
}
a.mainmenu:hover
{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}




.table_complete
{
width: 850px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top: 10px;
border-radius: 10px;
  border: 2px solid #333333;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
box-shadow: 0px 0px 4px #993333;
-moz-box-shadow: 0px 0px 4px #993333;
-o-box-shadow: 0px 0px 4px #993333;
-webkit-box-shadow: 0px 0px 4px #993333;
-htm-box-shadow: 0px 0px 4px #993333;
}
.forumline
{
max-width: 850px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top: 10px;
  border: 2px solid #333333;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
box-shadow: 0px 0px 4px #993333;
-moz-box-shadow: 0px 0px 4px #993333;
-o-box-shadow: 0px 0px 4px #993333;
-webkit-box-shadow: 0px 0px 4px #993333;
-htm-box-shadow: 0px 0px 4px #993333;
background: url(http://img803.imageshack.us/img803/1181/80328840.png) bottom center no-repeat #eeeeee;
}
.forumline2
{
max-width: 850px;
margin: auto;
background: url(http://img803.imageshack.us/img803/1181/80328840.png) bottom center no-repeat #eeeeee;
}
.table_head
{
width: 850px;
height: 92px;
margin: auto;
background: url(http://img11.hostingpics.net/pics/469045forumline01.jpg) top center no-repeat;
}
.table_foot
{
width: 850px;
height: 42px;
margin: auto;
background: url(http://img11.hostingpics.net/pics/835984forumline04.jpg) top center no-repeat;
}
.secondarytitle
{
display: block;
text-align: center;
}
.titre_cate
{
font-size: 48px;
font-weight: bold;
  color: #c0c0c0;
text-shadow: 1px 1px 0px #eeeeee;
}




.forumlink
{
display: block;
width: 80%;
margin-top: 6px;
}
.forumlink a
{
font-size: 14px;
text-transform: uppercase;
border-bottom: 2px dotted #993333;
color: #993333 !important;
}
.forumlink a:hover
{
text-decoration: none !important;
color: #993333 !important;
border-bottom: 2px dotted #993333;
}
.table_cate
{
vertical-align: top;
}
.icone
{
display: block;
width: 100px;
height: 100px;
float: left;
}
.stats_last
{
display: block;
width: 150px;
margin-left: 60px;
margin-top: 20px;
padding: 4px;
background-color: #993333;
border: 2px solid #993333;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-htm-border-radius: 5px;
text-align: center;
}
.stats
{
display: block;
font-size: 10px;
font-weight: bold;
border-bottom: 1px dotted #2d1500;
padding-bottom: 2px;
margin-bottom: 4px;
}
.last
{
display: block;
font-size: 11px;
}
.cate_contenu
{
width: 600px;
margin-left: 10px;
}
.description_cate
{
border-left: 4px solid #993333;
border-right: 4px solid #993333;
height: 100px;
overflow: auto;
padding: 5px;
}
.illu_cate
{
float: left;
margin-right: 5px;
margin-bottom: 5px;
border-radius: 100px;
-moz-border-radius: 100px;
-o-border-radius: 100px;
-webkit-border-radius: 100px;
-htm-border-radius: 100px;
border: 3px solid #993333;
}
.description
{
display: block;
text-align: justify;
}
.qeel
{
width: 850px;
margin: auto;
height: 400px;
background: url(http://img11.hostingpics.net/pics/945551fondqeel.jpg) center center no-repeat;
}
.stats1
{
width: 400px;
background-color: #993333;
border: 2px solid #993333;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-htm-border-radius: 5px;
text-align: center;
padding: 6px;
}
.stats2
{
width: 250px;
max-height: 200px;
overflow: auto;
margin-top: 20px;
background-color: #993333;
border: 2px solid #993333;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-htm-border-radius: 5px;
text-align: center;
padding: 6px;
}
.groupes
{
width: 150px;
float: right;
max-height: 250px;
overflow: auto;
text-align: center;
padding: 6px;
margin-top: 70px;
background-color: #993333;
border: 2px solid #993333;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-htm-border-radius: 5px;
}
.groupes a
{
display: block;
padding: 3px;
margin-bottom: 5px;
background-color: #993333;
text-decoration: none !important;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
border-left: 3px solid #993333;
border-right: 3px solid #993333;
}
.groupes a:hover
{
border-left: 3px solid #993333;
border-right: 3px solid #993333;
}
.cb
{
margin-top: 50px;
}




        .topiclist.forums dd.lastpost{background:#fff;border:1px solid #DDD;border-radius:3px 0 0 3px;border-right:none;height:45px;width:204px;padding-left:10px!important}




        .tipsy {
        padding: 5px;
        font-size: 11px;
        position: absolute;
        text-shadow: none;
        z-index: 999;
        }




        .tipsy-inner {
        padding: 8px 8px 8px 8px;
        background-color: black;
        color: white;
        max-width: 200px;
        text-align: center;
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
        background: black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;
        }




        .tipsy-inner {
        border-radius: 3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        }




        .tipsy-arrow {
        position: absolute;
        background: url('http://cuul.tk/img/tipsy.gif') no-repeat top left;
        width: 9px;
        height: 5px;
        }




        .tipsy-n .tipsy-arrow {
        top: 0;
        left: 50%;
        margin-left: -4px;
        }




        .tipsy-nw .tipsy-arrow {
        top: 0;
        left: 10px;
        }




        .tipsy-ne .tipsy-arrow {
        top: 0;
        right: 10px;
        }




        .tipsy-s .tipsy-arrow {
        bottom: 0;
        left: 50%;
        margin-left: -4px;
        background-position: bottom left;
        }




        .tipsy-sw .tipsy-arrow {
        bottom: 0;
        left: 10px;
        background-position: bottom left;
        }




        .tipsy-se .tipsy-arrow {
        bottom: 0;
        right: 10px;
        background-position: bottom left;
        }




        .tipsy-e .tipsy-arrow {
        top: 50%;
        margin-top: -4px;
        right: 0;
        width: 5px;
        height: 9px;
        background-position: top right;
        }




        .tipsy-w .tipsy-arrow {
        top: 50%;
        margin-top: -4px;
        left: 0;
        width: 5px;
        height: 9px;
        }




        .post .name {
        display: block;
        float: left;
        magin: auto;
        padding: 4px;
        text-align: center;
        font-size: 12px;
        margin-top: 10px;
        background: url(http://i73.servimg.com/u/f73/17/93/12/26/50050613.png) no-repeat top center;
        height: 25px;
        min-width: 129px;
        }




        .name,.postdetails{margin-left:0px;text-align:center;}
        .postdetails img{margin-left: 0px;text-align:center;}




        .post td.row2[width="150"], .post td.row1[width="150"] {
        border: 1px solid #B68620;
        border-radius: 10px;
        }
 
/*Tooltip*/
        div.infobulle_avatar em {
        display:none;
        }




        div.infobulle_avatar:hover {
        background: none;
        z-index: 999;
        cursor: hand;
        position: relative;
        text-decoration:none;
        border: 0;
        }




        div.infobulle_avatar:hover em {
        font-style: normal;
        font-size: 10px;
        color:#000 !important;
        padding: 8px;
        display: block;
        position: absolute;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px ;
        background-color: #FFF;
        width:800px;
        top: 100px;
        left: 150px;
  border: 2px solid #e8dc4c;
-moz-border-radius: 100px;
-o-border-radius: 100px;
-webkit-border-radius: 100px;
-htm-border-radius: 100px;
box-shadow: 0px 0px 10px #515151;
-moz-box-shadow: 0px 0px 10px #515151;
-o-box-shadow: 0px 0px 10px #515151;
-webkit-box-shadow: 0px 0px 10px #515151;
-htm-box-shadow: 0px 0px 10px #515151;
        }




/*Cores*/
        .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: #993333;
                          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: #993333;
                        }
                        .colorpicker_current_color {
                          position: absolute;
                          width: 60px;
                          height: 30px;
                          left: 283px;
                          top: 13px;
                          background: #993333;
                        }
                        .colorpicker input {
                          background-color: transparent;
                          border: 1px solid transparent;
                          position: absolute;
                          font-size: 10px;
                          font-family: Arial, Helvetica, sans-serif;
                          color: #993333;
                          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;
                        }








/*Perfil*/
.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,.post div.user-ident div.user-basic-info a img:first-child,dl.postdetails dl a img:first-child{
.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,.post div.user-ident div.user-basic-info a img:first-child,dl.postdetails dl a img:first-child{
-moz-box-shadow:1px 1px 5px #9C9C9C;
-webkit-box-shadow:1px 1px 5px #9C9C9C;
box-shadow:1px 1px 5px #9C9C9C;
}
}




/*QUOTE, SPOILER*/
.quote {
border: 2px solid #e8dc4c;
-moz-border-radius: 100px;
-o-border-radius: 100px;
-webkit-border-radius: 100px;
-htm-border-radius: 100px;
box-shadow: 0px 0px 10px #515151;
-moz-box-shadow: 0px 0px 10px #515151;
-o-box-shadow: 0px 0px 10px #515151;
-webkit-box-shadow: 0px 0px 10px #515151;
-htm-box-shadow: 0px 0px 10px #515151;
}




.spoiler_content { border: 2px solid #e8dc4c;
-moz-border-radius: 100px;
-o-border-radius: 100px;
-webkit-border-radius: 100px;
-htm-border-radius: 100px;
box-shadow: 0px 0px 10px #515151;
-moz-box-shadow: 0px 0px 10px #515151;
-o-box-shadow: 0px 0px 10px #515151;
-webkit-box-shadow: 0px 0px 10px #515151;
-htm-box-shadow: 0px 0px 10px #515151; }




.spoiler_closed { border: 2px solid #e8884c;
-moz-border-radius: 100px;
-o-border-radius: 100px;
-webkit-border-radius: 100px;
-htm-border-radius: 100px;
box-shadow: 0px 0px 10px #515151;
-moz-box-shadow: 0px 0px 10px #515151;
-o-box-shadow: 0px 0px 10px #515151;
-webkit-box-shadow: 0px 0px 10px #515151;
-htm-box-shadow: 0px 0px 10px #515151; }




/*Botões*/
        input.button1, input.button2, button.button2, #main-content a.cgu-buttons {
        background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        padding: 2px;
        border: solid 1px #DDDDDD;
        }




td.catHead, th.thHead, td.cat, td.catBottom, td.catHead, td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, td.catSides, td.cat, td.catLeft, th.thLeft, td.thCornerL {
border: none;
}
td.catLeft, th.thLeft




                          .postprofile { padding-top: 5px; border: 1px solid #B1D5EE; background-color: #E1EBF2; display: block; text-align: center; -webkit-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; border-left-radius: 5px; border-top-radius: 5px; } 




        .name {margin-left: 15%;}
        .post td.row2[width="150"], .post td.row1[width="150"] {width: 23%;}
        .infobulle_avatar {text-align: center;}

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

Versão do fórum:
PHPBB2


Última edição por coenzi em 10.12.13 20:40, editado 1 vez(es)
coenzi

coenzi
****

Membro desde : 27/11/2013
Mensagens : 384
Pontos : 632

http://hero-rpg.web-rpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Trocar cor quando mouse esta em cima do tópico

Mensagem por Gmtp 10.12.13 20:38

darkangelsrpg.forumeiros.com não existe mais.
Verifique o endereço fornecido, darkangelsrpg.forumeiros.com, e tente novamente caso tenha ocorrido erro de digitação.
É possível que o fundador tenha decidido de excluí-lo.

Poderia passar o link correto, obrigado.
Gmtp

Gmtp
Super Membro

Membro desde : 03/01/2013
Mensagens : 1044
Pontos : 1469

http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Ir para o topo Ir para baixo

Tópico resolvido Re: Trocar cor quando mouse esta em cima do tópico

Mensagem por coenzi 10.12.13 20:41

Atualizado no primeiro post e aqui: http://novaprimerpg.forumeiros.com/
coenzi

coenzi
****

Membro desde : 27/11/2013
Mensagens : 384
Pontos : 632

http://hero-rpg.web-rpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Trocar cor quando mouse esta em cima do tópico

Mensagem por Alex Habilidade 10.12.13 21:39

Olá!

Adicione em sua folha de CSS:

Código:

a:hover {
color: #333366!important;
}

Em color troque a cor que deseja, deve ser colocada em hexadecimal, para conseguir as cores em hexadecimal, digite no google tabela de cores em hexadecimal que irá aparecer diversas opções para você!

Cordialmente;
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Trocar cor quando mouse esta em cima do tópico

Mensagem por coenzi 11.12.13 1:06

Bom não funcionou e acredito que a solução esteja dentro do código que eu  passei, algo dentro da css que eu coloquei esta com a mesma cor de quando não estamos clicando no caso, se você ver meu fórum, os 2 estão em vermelho, então quando eu coloco o mouse em cima dos tópicos ou clico continua vermelho, e eu não gostaria, eu gostaria que ficasse em outra cor :/
coenzi

coenzi
****

Membro desde : 27/11/2013
Mensagens : 384
Pontos : 632

http://hero-rpg.web-rpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Trocar cor quando mouse esta em cima do tópico

Mensagem por Alex Habilidade 11.12.13 20:59

Olá!

Você trocou o tema de seu fórum, o senhor deseja continuar com essa questão?

Cordialmente;
Camaro.
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Trocar cor quando mouse esta em cima do tópico

Mensagem por coenzi 11.12.13 21:10

pode fechar o tópico
coenzi

coenzi
****

Membro desde : 27/11/2013
Mensagens : 384
Pontos : 632

http://hero-rpg.web-rpg.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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