Como eu coloco isso?

[smithz0r]

Qual é minha questão:
Como colocar pra quando colocar o mouse em alguma categoria ela tipo muda de cor

Imagens do meu problema:

http://brplaycityrpg.forumeiros.com/forum
Passem o mouse nos fóruns das categorias tipo regras, noticias tal. Vai mudando a cor da caixa
do Fórum pra cinza
https://2img.net/h/oi50.tinypic.com/331dhet.jpg

Versão do meu fórum:
PUNBB

[victormenezes]

olá senhor tente isso .

painel de controle Visualização Imagens e Cores Cores

Cor do link : coloque o normal
Cor do link visitado : depois da pessoa clicar vai ficar da cor desejada.
Cor do link ativo : cor do link normal
Cor do link quando o mouse está sobre ele : é isso que o senhor quer no meu caso é:

#11538A
#11538A
#11538A
#BD2A4C

[smithz0r]

Não é da cor dos links, é a cor da caixinha da categoria, vê lá no forum que eu coloquei no tópico, (eu tinha colocado errado antes). Passa o mouse nas categorias

[[F]lames]

Olá,

Adicione á teu CSS :

.main-content table.table tbody.statused tr:hover {
background-color: white;
background-image: -webkit-linear-gradient(top, #DEDEDE, white);
}

Cordialmente ...

[smithz0r]

Sem resultado

[bean]

Olá,

Aceda à "Folha de estilo CSS":

Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS

Código:

Código:

.topiclist li.row:hover{background:url() COR!important}

COR = Cor em inglês ou em código hexadecimal que vai aparecer ao passar o mouse por cima do quadro do fórum ou do tópico.

Salve.

De um LIKE no TUTORIAL e AGRADEÇA clicando no + assim estara me ajudando muito por ter lhe ajudado!



Cordialmente!

[smithz0r]

Coloquei deste modo para ver se resultava e não tive resultados:

Código:

.topiclist li.row:hover{background:url() black!important}

[Sennior]

Olá querido,

Tente o código assim:

Código:

h2:hover {color: black;}

Abraços.

[smithz0r]

Sem resultado

[smithz0r]

up

[Consolado]

Olá!

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

Código:

.main-content tbody.statused tr:hover {
background: #0F0F0F
}

Valide.

Até mais.

[BrunoH.]

Olá!
Poderia nos conceder o endereço de seu fórum por gentileza? Sem o endereço de seu fórum, não podemos dar procedimento a sua dúvida!

Atenciosamente,
BrunoH.

[suportemuonline]

Teste:

Código:

element.style {
}
Matched CSS Rules
* {
margin: 0px;
padding: 0px;
}
Inherited from a.forumtitle
a.forumtitle:hover {
color: #0091FF;
}
a:hover {
color: red;
text-shadow: cornflowerBlue 0px 0px 10px;
}
a.forumtitle {
color: #1D06B3;
font-family: Arial;
font-size: 1.2em;
font-weight: 700;
}
a:hover {
color: #0091FF;
}
a:visited {
color: #064EB3;
}
a:link {
color: #1D06B3;
}
user agent stylesheeta:-webkit-any-link {
color: -webkit-link;
cursor: auto;
}
Inherited from h3.hierarchy
.hierarchy {
border: none;
text-transform: none;
font-size: 1em;
}
.h3, h3 {
border-bottom: 1px solid #0095FF;
color: #0095FF;
font-family: Arial;
font-size: 1.05em;
text-transform: uppercase;
}
user agent stylesheeth3 {
font-size: 1.17em;
font-weight: bold;
}
Inherited from dd.dterm
ul.topiclist dd.dterm, ul.topiclist dt {
font-size: 1.1em;
}
Inherited from li.row
user agent stylesheetli {
text-align: -webkit-match-parent;
}
Inherited from ul.topiclist.forums
ul.topiclist {
background-repeat: repeat-x;
color: #0040A8;
list-style-type: none;
margin: 0px;
}
ul {
list-style-type: none;
}
user agent stylesheetul, menu, dir {
list-style-type: disc;
}
Inherited from body#phpbb
body {
color: #0040A8;
font-family: Arial;
font-size: 10px;
padding: 10px 0px;
}
Inherited from html#min-width
html {
font-size: 100%;
}

Painel de ControleVisualizaçãoImagens e CoresCores Folha de estilos CSS

[smithz0r]

Nenhum resultou.
Link do meu fórum:
http://brasilrockcity.forumeiros.com/forum

[Nickname]

Olá,
Adicione o seguinte código em sua Folha de estilo CSS:

Código:

table.forumline td.catHead{color:#eaedf5;font-family:Arial,Arial;font-size:.85em;font-weight:700;padding-bottom:5px;text-align:left;text-transform:uppercase}table.forumline tr:hover td.catHead{background-color:transparent}table th.thCornerR,table th.thTop,table.forumline th.thCornerL{background-color:#f0f9ff;height:25px}table.forumline td{height:20px}table.forumline tr:hover td{background-color:#}

Melhores cumprimentos!

[BrunoH.]

Olá!
Aceda à "Folha de estilo CSS":

Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS

Código:

.pun table.table td:hover {
background: #E7E7E7;
}
.pun .main table td.tc2, .pun .main table td.tc3:hover {
background-color: #E7E7E7;
}

Em Negrito modifique para a cor deseja
e Valide!

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'

Atenciosamente,
BrunoH.

[iHeloadd]

Olá, eu não sei se entendi sua dúvida mais vamos lá. Aceda:

Painel de Controle Visualização e Cores Cores

Procure por "Cor do Campo do Hover", isto que fas o efeito que o senhor deixou na imagem.

---

Se não for isso eu tenho um código que deixa um efeito especial muito legal. Aceda:

Painel de Controle Visualização e Cores Cores Folha no estilo de CSS

No local do código adicione o seguinte código abaixo:

Código:

li.row .icontopic{margin:1px;min-height:54px}.phpbb3 ul.topiclist li.row .icontopic div.icon{padding-left:60px}.pun li.sticky-separator{border-top:1px solid #0072ff!important;margin-top:10px!important}.row{background:-moz-linear-gradient(#fff,#E7EAF1);background-attachment:scroll;background-color:#fff;background-image:-webkit-linear-gradient(#fff,#E7EAF1)}.row:hover{background:-moz-linear-gradient(#E7EAF1,#ffffff);background-attachment:scroll;background-color:#e3e3e3;background-image:-webkit-linear-gradient(#E7EAF1,#ffffff)}.row4{background-color:#e3e3e3}.row4:hover{background-color:#c4c4c4}
.row{-moz-border-radius:7px;-webkit-border-radius:7px;border:1px solid #ccc;border-radius:7px}li.dheade dd{border:0!important;font-size:1em;font-weight:700}
li.row{margin:2px;padding:2px}.phpbb3 li{list-style-type:none}.phpbb3 ul.topiclist dt,ul.topiclist dd.dterm{display:block;float:left;font-size:1.1em;padding-left:5px;padding-right:5px;width:60%}

Se resultar me ajude como eu te ajudei, por favor clique em , até mais!!

---

Obs. O código do efeito que eu deixei eu coloquei em meu CSS que o senhor pode ver em meu fórum!

Endereço do meu fórum:
http://sw-design.forumeiros.com/

[smithz0r]

O segundo código teve resultado porém não ficou do jeito que eu queria
confiram do jeito que ficou em http://brasilrockcity.forumeiros.com/forum e vejam como eu queria em http://brplaycityrpg.forumeiros.com/forum

[Anarquia Oi!]

Visualisação> Cores> Cores de fundo> Cor do campo Hover :
Deixe na cor que quiser e pronto, só salvar ^^

[Sennior]

Bom dia,

O problema todo é em teu CSS. Peço que me conceda ele por favor querido.

Até mais.

[Consolado]

Olá!

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

Código:

.main-content tbody.statused tr:hover { background-image: url(image) }

Valide.

Até mais.

[smithz0r]

Sem resultado Today,
Aqui meu CSS

Spoiler:

[smithz0r]

@up

[smithz0r]

@up

[victormenezes]

você refere-se ao a hover que da ao passar o mouse tá ai

se não der serto adicione .pun antes do código

tem te isso no css

Código:

ul.forums li.row dl{margin-left:-18px;min-height:30px}ul.topiclist dd{border-left-color:#dcdcdc}dl.icon dd.dterm,dl.icon dt{border:none!important}li.row:hover{-htm-transition:background .5s;-moz-box-shadow:inset 0 0 5px #0CA630;-moz-transition:background .5s;-o-transition:background .5s;-webkit-box-shadow:inset 0 0 5px #0CA630;-webkit-transition:background .5s;background-color:#D2F5D4;box-shadow:inset 0 0 5px #0CA630;transition:background .5s}li.row{-htm-transition:background .5s;-moz-box-shadow:0 1px 1px #5E8266;-moz-transition:background .5s;-o-transition:background .5s;-webkit-box-shadow:0 1px 1px #5E8266;-webkit-transition:background .5s;box-shadow:0 1px 1px #5E8266;transition:background .5s}

entendendo e trocando as cores:

ul.forums li.row dl{margin-left:-18px;min-height:30px}ul.topiclist dd{border-left-color:#dcdcdc}dl.icon dd.dterm,dl.icon dt{border:none!important}li.row:hover{-htm-transition:background .5s;-moz-box-shadow:inset 0 0 5px #0CA630;-moz-transition:background .5s;-o-transition:background .5s;-webkit-box-shadow:inset 0 0 5px #0CA630;-webkit-transition:background .5s;background-color:#D2F5D4;box-shadow:inset 0 0 5px #0CA630;transition:background .5s}li.row{-htm-transition:background .5s;-moz-box-shadow:0 1px 1px #5E8266;-moz-transition:background .5s;-o-transition:background .5s;-webkit-box-shadow:0 1px 1px #5E8266;-webkit-transition:background .5s;box-shadow:0 1px 1px #5E8266;transition:background .5s}

até mais,

[smithz0r]

Sem resultado tentei com o .pun também

[Convidado]

Olá!

Painel de Controle Visualização Imagens e Cores Cores

Procure por Cor do campo Hover : marque a cor desejada, em que quando parssar o cursor.
Salvar.

Até Mais!

[smithz0r]

Já tentei o citado acima, sem resultados

@EDIT
Eu percebi uma coisa, quando passa o mouse nos campos da categoria, fica com o efeito que eu quero
só que parece que tem uma parte branca tampando aonde aparece o efeito, olhem atentamente a imagem
que vocês percebem o que está acontecendo:


Se bugar: https://2img.net/h/oi49.tinypic.com/15phmhw.jpg

[Luciano98]

Olá!

Utilize esse código CSS:

Código:

.main .main-content table.table tbody.statused tr{background-image:url()}.main .main-content table.table tbody.statused tr:hover{background-color:#F4F4F4}.main .main-content table.table tbody.statused tr td{background-color:transparent}

Até mais.

[smithz0r]

Resultou, obrigado.