Como eu coloco isso?

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

Resolvido Como eu coloco isso?

Mensagem por smithz0r em 31/10/12, 12:20 am

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
Http://i50.tinypic.com/331dhet.jpg

Versão do meu fórum:
PUNBB


Última edição por smithz0r em 07/11/12, 09:00 am, editado 3 vez(es)
avatar

smithz0r
Nível 7

Masculino
Inscrito dia : 10/10/2012
Mensagens : 84
Pontos Ativos : 126

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

Resolvido Re: Como eu coloco isso?

Mensagem por victormenezes em 31/10/12, 01:12 am

olá senhor tente isso .


painel de controle Seta Visualização Seta Imagens e Cores Seta Cores :seta2:

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

avatar

victormenezes
Usuário avançado

Masculino
Inscrito dia : 14/09/2012
Mensagens : 439
Pontos Ativos : 669

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

Resolvido Re: Como eu coloco isso?

Mensagem por smithz0r em 31/10/12, 09:48 am

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
avatar

smithz0r
Nível 7

Masculino
Inscrito dia : 10/10/2012
Mensagens : 84
Pontos Ativos : 126

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

Resolvido Re: Como eu coloco isso?

Mensagem por [F]lames em 31/10/12, 11:02 am

Olá,

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

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Como eu coloco isso?

Mensagem por smithz0r em 31/10/12, 12:23 pm

Sem resultado
avatar

smithz0r
Nível 7

Masculino
Inscrito dia : 10/10/2012
Mensagens : 84
Pontos Ativos : 126

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

Resolvido Re: Como eu coloco isso?

Mensagem por bean em 31/10/12, 10:45 pm

Olá,

Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta 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! Muito feliz
avatar

bean
Usuário destaque

Masculino
Inscrito dia : 17/01/2012
Mensagens : 774
Pontos Ativos : 1003

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

Resolvido Re: Como eu coloco isso?

Mensagem por smithz0r em 31/10/12, 11:03 pm

Coloquei deste modo para ver se resultava e não tive resultados:
Código:
.topiclist li.row:hover{background:url() black!important}
avatar

smithz0r
Nível 7

Masculino
Inscrito dia : 10/10/2012
Mensagens : 84
Pontos Ativos : 126

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

Resolvido Re: Como eu coloco isso?

Mensagem por Sennior em 01/11/12, 03:16 pm

Olá querido,

Tente o código assim:

Código:
h2:hover {color: black;}

Abraços. Piscada
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

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

Resolvido Re: Como eu coloco isso?

Mensagem por smithz0r em 01/11/12, 10:16 pm

Sem resultado
avatar

smithz0r
Nível 7

Masculino
Inscrito dia : 10/10/2012
Mensagens : 84
Pontos Ativos : 126

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

Resolvido Re: Como eu coloco isso?

Mensagem por smithz0r em 02/11/12, 06:01 pm

up
avatar

smithz0r
Nível 7

Masculino
Inscrito dia : 10/10/2012
Mensagens : 84
Pontos Ativos : 126

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

Resolvido Re: Como eu coloco isso?

Mensagem por Consolado em 02/11/12, 06:16 pm

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 tbody.statused tr:hover {
background: #0F0F0F
}
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: Como eu coloco isso?

Mensagem por BrunoH. em 02/11/12, 06:27 pm

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. Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como eu coloco isso?

Mensagem por suportemuonline em 02/11/12, 06:53 pm

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
avatar

suportemuonline
Nível 5

Masculino
Inscrito dia : 03/06/2012
Mensagens : 59
Pontos Ativos : 99

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

Resolvido Re: Como eu coloco isso?

Mensagem por smithz0r em 03/11/12, 02:23 pm

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

smithz0r
Nível 7

Masculino
Inscrito dia : 10/10/2012
Mensagens : 84
Pontos Ativos : 126

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

Resolvido Re: Como eu coloco isso?

Mensagem por Nickname em 03/11/12, 02:31 pm

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!

Nickname
Membro do Fórum

Masculino
Inscrito dia : 13/11/2011
Mensagens : 1551
Pontos Ativos : 2048

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

Resolvido Re: Como eu coloco isso?

Mensagem por BrunoH. em 03/11/12, 02:43 pm

Olá!
Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta 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. Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como eu coloco isso?

Mensagem por iHeloadd em 03/11/12, 03:00 pm

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

Painel de Controle Seta Visualização e Cores Seta 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 Seta Visualização e Cores Seta Cores Seta 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 Obrigado , 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/
avatar

iHeloadd
Usuário destaque

Masculino
Inscrito dia : 25/09/2012
Mensagens : 519
Pontos Ativos : 949

Ver perfil do usuário http://ajudafm.ativoforum.com

Resolvido Re: Como eu coloco isso?

Mensagem por smithz0r em 04/11/12, 01:28 am

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
avatar

smithz0r
Nível 7

Masculino
Inscrito dia : 10/10/2012
Mensagens : 84
Pontos Ativos : 126

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

Resolvido Re: Como eu coloco isso?

Mensagem por Anarquia Oi! em 04/11/12, 11:57 am

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

Anarquia Oi!
Novo membro

Masculino
Inscrito dia : 04/11/2012
Mensagens : 1
Pontos Ativos : 1

Ver perfil do usuário http://minecraftjogos.forumbrasil.net/

Resolvido Re: Como eu coloco isso?

Mensagem por Sennior em 04/11/12, 12:02 pm

Bom dia,

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

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

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

Resolvido Re: Como eu coloco isso?

Mensagem por Consolado em 04/11/12, 12:30 pm

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 tbody.statused tr:hover { background-image: url(image) }
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: Como eu coloco isso?

Mensagem por smithz0r em 04/11/12, 03:40 pm

Sem resultado Today,
Aqui meu CSS
Spoiler:
Código:
/*.tcr {
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;

.vote {
float: right;
width: 32px;
margin-left: 32px;
}
/*Efeito nos Grupos*/
a[href="/g1-Fundadores"] {
text-shadow: 0px 0px 5px #FF0000;
}
a[href="/g2-Mappers"] {
text-shadow: 0px 0px 5px #22FF00;
}
a[href="/g3-gAdministradores"] {
text-shadow: 0px 0px 5px #0033FF;
}
a[href="/g4-Helpers"] {
text-shadow: 0px 0px 5px #08FFF3;
}
a[href="/g5-Designers"] {
text-shadow: 0px 0px 5px #F7FF00;
}
a[href="/g6-Moderadores do Fórum"] {
text-shadow: 0px 0px 5px #FF9900
}
a[href="/g7-VIP"] {
text-shadow: 0px 0px 5px #9900FF;
}
/*CODES, QUOTES, SPOILERS
================================================================*/
dl.codebox {
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
margin-left: 9px;
margin-right: 7px;
margin-top: 2px;
margin-bottom: 4px;
}

blockquote{
font-size: 0.9em;
font-style: italic;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
margin-left: 2px;
margin-right: 7px;
margin-top: 5px;
margin-bottom: 3px;
}

blockquote cite{
border-bottom: 1px solid #dbdcd4;
padding-bottom: 0px;
}

/*PASSWORD PROTECT
=================================================================*/
#pwd_good {
  background:url('http://img52.imageshack.us/img52/2378/strong.png');
  }
#pwd_middle {
  background:url('http://img262.imageshack.us/img262/9555/medium.png');
  }
#pwd_bad {
  background:url('http://img264.imageshack.us/img264/5695/weakg.png');
}

/* Brilho no nick */
a[href="/u1"] {
text-shadow: 0px 0px 5px #FF00D0;
}
a[href="/u4"] {
text-shadow: 0px 0px 5px #ff6600;
}
body {
    background:#E9E9E9;
    color: #5D5D5D;
    font-family: tahoma,arial,verdana,sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin-top: -1px;
    padding-bottom: 10px;
}

.pun {
    width: 1000px;
    background: #fff;
    border: 1px solid #878787;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    box-shadow:0px 0px 8px #707070;
    line-height: 1.6em;
    padding: 12px;
}

.pun a:link {
    color: #2A364A;
    text-decoration: none;
}

.pun a:visited {
    color: #2A364A;
    text-decoration: none;
}

.pun a:hover, a:active {
    color: #2F4C89;
    text-decoration: underline;
}

#pun-intro {
    background:#183B5B url(http://i.imgur.com/jlgto.jpg) repeat top center;
    border-bottom-color: #1B3759;
    border-bottom-style: solid;
    border-bottom-width: 0px;
    min-height: 64px;
    margin-left: -12px;
    width: 998px;
    margin-top: -12px;
}



.entry-content {
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size: 13px;
}

.quick_login {
    background: #efefef;
    color: #336699;
    font-size: 11px;
    border: 1px solid #CDDCED;
    padding: 4px;
}

#pun-legend {
    padding-bottom: 4px;
    padding-top: 10px;
}

#pun-title {
    display: none;
}

.post_field {
    background:#fff none  ;
    color:#4d5153;
    border:1px solid #bcb6ad;
    padding:3px 3px 3px 10px;
    margin-top: 2px;
    text-align:left;
}

#pun-head #pun-navlinks {
    background-color: #fff;
    background-image: url("http://i.imgur.com/hmamV.png");
    background-repeat: repeat-x;
    color: #fff;
    font-size: 13px;
    height: 37px;
    margin-bottom: 10px;
    margin-left: -12px;
    width: 996px;
}

#pun-navlinks ul {
    list-style: none;
    text-align: center;
}

#pun-navlinks li {
    display: inline;
    font-size: 1.15em;
}

#pun-navlinks li a {
    margin: 0 0.1em 0 0;
}

#pun-navlinks a, #pun-navlinks a:visited {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6);
    padding-left: 10px;
    line-height: 26px;
}

#pun-navlinks a:hover, #pun-navlinks a:active, #pun-navlinks a:focus {
    text-decoration: none;
    color: #fff;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6);
}

#pun-about {
    background-color: #F3F3F3;
    border: 1px solid #2A364A;
    border-bottom-color: #2A364A;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    text-align: right;
    line-height: 150%;
    padding: 0.6em 1em;
}
#pun-about ul li a {
    font-weight: normal;
}
#pun-about #qjump {
    display: none;
}

.pun .paged-head, .pun .paged-foot {
    border: 0px solid #dddddd;
    background-color: #fff;
    padding: 0.6em 1.3em 0.3em 1.3em;
}

#pun-visit, .main-box {
    background-color: #F3F3F3;
    border: 1px solid #2A364A;
    border-bottom-color: #2A364A;
    border-bottom-style: solid;
    border-bottom-width: 2px;
}

.user-info span {
    color: #000000;
    font-size: 11px;
}
.pun .user .user-info {
    color: #666666;
    font-size: 11px;
    line-height: 1.5;
}

.postmain blockquote {
    padding: 0.5em 1em;
    background-color: #EFEFEF;
    border: 1px solid #81A2C4;
}

.postmain cite {
    display: block;
    margin: 0 0 1em 0;
    font-weight: bold;
    font-style: normal;
}

.codebox {
    margin: 1em;
    background-color: #F5F5F5;
    border: 1px solid #0F5C8E;
}

.codebox dt {
    padding: 0.25em;
    border-bottom: 1px dashed #81A2C4;
}

.codebox dd {
    margin: 0.5em;
    padding: 0.5em;
    background-color: #F5F5F5;
}

.main .main-head {
    background-color: #474D57;
    background-image: url("http://i41.servimg.com/u/f41/14/81/40/78/gradie10.png");
    background-position: left 50%;
    background-repeat: repeat-x;
    border: 1px solid #2A364A;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-top: 15px;
    padding-left: 8px;
}

.page-title h2, .page-title span {
    font-weight: bold !important;
}

.main .main-head .page-title {
    color: #fff;
    font-size: 14px;
    font-weight: bold !important;
    font-family: tahoma,arial,verdana,sans-serif;
    text-shadow: 0 -1px 0 #393D45;
}
.pun .main-content {
    border: 1px solid #474D57;
    background-color: #fbfbfb;
}

.pun .post {
    background-color: #FAFBFC;
    border-bottom-color: #2A364A;
    border-bottom-style: solid;
    border-bottom-width: 6px;
}

.main .main-foot {
    padding: 0.7em 1.3em;
    font-weight: normal;
    color: #666;
    background-color: transparent;
}

.pun .postmain {
    background-color: #fbfbfb;
    border-left: 1px solid #DADADA;
    margin-left: 17em;
}

.pun .posthead {
    padding: 0.5em 1.3em 0.5em 1em;
    background-color: #D9D9D9;
    background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/gradie10.png");
    background-position: 0 50%;
    background-repeat: repeat-x;
    border-bottom-color: #D0D0D0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-top: -2px;
}

.postfoot {
    border-top-color: #DADADA;
    border-top-style: solid;
    border-top-width: 1px;
    clear: both;
    margin-left: 0em;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.5em;
    text-align: right;
}

.frm-buttons {
    border-top-color: #DDDDDD;
    border-top-style: double;
    border-top-width: 0px;
    margin-bottom: 0;
    margin-top: 0.5em;
    padding-bottom: 0;
    padding-left: 17.5em;
    padding-right: 0;
    padding-top: 0.7em;
}

#stats {
    padding: 0.6em 1em;
    line-height: 150%;
    background-color: #F3F3F3;
    border-bottom-color: #474D57;
    border-bottom-style: solid;
    border-bottom-width: 2px;
}

#tabs ul {
    list-style-position: outside;
    list-style-type: none;
    padding: 0px;
    white-space: nowrap;
}

#tabs ul li {
    float: left;
    margin: 0;
    padding: 0 4px 0 0;
    padding-bottom: 3px;
}

#tabs ul li.activetab a {
    background-color: #fff;
    border: #0F5C8E;
    border-style: double;
    border-width: 3px;
    color: #666666;
  text-decoration:none;
}

#tabs ul li.activetab a:hover {
    background-color: #F5F5F5;
}

#tabs ul li a {
    float: left;
    padding: 0 1em;
    background-color: #fff;
    border: #0F5C8E;
    border-style: double;
    border-width: 3px;
    font-size:1.1em;
    font-weight:normal;
    line-height: 2em;
    text-decoration:none;
}

#tabs ul li a:hover {
    background-color: #F5F5F5;
}

.pun .frm .frm-form table {
    border: 1px solid #81A2C4;
    padding-left: 4px;
}

.pun table.table th {
    padding: 0.4em 0;
    border-style: none;
    border-color: #f4f4f4;
    background-color: #f4f4f4;
    color: #333333;
}

.pun table.table td {
    padding: 0.6em 0 0.7em;
    line-height: 130%;
    background-color: #FFFFFF;
    border-color: #B9C4CD;
    border-width: 1px;
    border-style: dashed none none none;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
    background-color: #FFFFFF;
}

.pun .posthead h2 strong {
    display: block;
    float: right;
    font-size: 11px;
    font-weight: normal;
    margin-right: -6px;
    margin-top: -1px;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 2px;
}
.pun .posthead h2 strong {
    background-color: #6F8F52;
    color: #FFFFFF;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.user-contact a {
    background-color: #474D57;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #FFFFFF;
    display: inline-block;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
}

.trow_sep {
    color: #FFFFFF;
    font-family: tahoma,arial,verdana,sans-serif;
    font-size: 14px;
    font-weight: bold !important;
    text-shadow: 0 -1px 0 #334562;
}

.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
    background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/help10.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}

#forum_statistics {
    background-color: #F3F3F3;
    border-bottom-color: #474D57;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

#board-stats span {
    background-color: #E2E2E2;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #4A4A4A;
    font-weight: bold;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 2px;
}

#board-stats {
    border-left-color: #DEDEDE;
    border-left-style: solid;
    border-left-width: 0px;
    float: right;
    padding-left: 20px;
    width: 38%;
}
#board-stats dl {
    margin-top: 10px;
}
#board-stats dt, #board-stats dd {
    border-top-color: #DEDEDE;
    border-top-style: solid;
    border-top-width: 1px;
    float: left;
    font-size: 0.85em;
    padding-bottom: 6px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 6px;
    width: 45%;
}
#board-stats dt {
    clear: both;
    font-weight: bold;
}

#board-stats h2 {
    clear: both;
    font-weight: bold;
}

#chatbox_header.main-head {
    background-color: #474D57;
    background-image: url("http://i41.servimg.com/u/f41/14/81/40/78/gradie10.png");
    background-position: left 50%;
    background-repeat: repeat-x;
    color: #DEDFDF;
    padding-bottom: 0;
    padding-left: 1.3em;
    padding-right: 1.3em;
    padding-top: 0;
}

#onlinechat {
    border-top: 0px dashed #ccc;
    padding: 0.6em 1em;
    background-color: #f4f4f4;
}

#chatbox_members {
    position: absolute;
    top: 30px;
    bottom: 30px;
    width: 180px;
    overflow: auto;
    border-right: 1px dashed #B9C4CD;
}

#chatbox_footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px dashed #B9C4CD;
}

#onlinelist {
    border-top: 0px dashed #ccc;
    padding: 0.6em 1em;
    background-color: #f4f4f4;
}

/*www.forum-dix.com.br/*/


a[href="/u1"] {
text-shadow: 0px 0px 5px #FF0000;
}
a[href="/u3"] {
text-shadow: 0px 0px 5px #FF0000;
}
a[href="/u4"] {
text-shadow: 0px 0px 5px #000DFF;
}
a[href="/u6"] {
text-shadow: 0px 0px 5px #000DFF;
}
a[href="/u1"] {
background: url("http://img338.imageshack.us/img338/5646/52502626.gif");
}
a[href="/u3"] {
background: url("http://img338.imageshack.us/img338/5646/52502626.gif");
}
a[href="/u4"] {
background: url("http://img338.imageshack.us/img338/5646/52502626.gif");
}
a[href="/u5"] {
background: url("http://img338.imageshack.us/img338/5646/52502626.gif");
}
a[href="/u5"] {
text-shadow: 0px 0px 5px #000DFF;
}
a[href="/u6"] {
background: url("http://img338.imageshack.us/img338/5646/52502626.gif");
}
a[href="/u8"] {
text-shadow: 0px 0px 5px #FF9900;
}
a[href="/u8"] {
background: url("http://img338.imageshack.us/img338/5646/52502626.gif");
}
a[href="/u10"] {
text-shadow: 0px 0px 5px #22FF00;
}
a[href="/u10"] {
background: url("http://img338.imageshack.us/img338/5646/52502626.gif");
}
a:hover {
color: #000000;
text-shadow : 0px 0px 10px #000000;
}
a{text-decoration:none!important}
body {
cursor: url('http://clip2net.com/s/2nKXR'), url('http://imageshack.us/a/img833/6800/cursorlr.png'), auto;
}
a:hover {
cursor: url('http://clip2net.com/s/2nLbp'), url('http://imageshack.us/a/img222/2769/cursors.png'), auto;
}}

#pun-navlinks a:active, #pun-navlinks a:focus, #pun-navlinks a:hover {
background-color: rgba(0, 0, 0, 0.2);
color: white;
padding: 12px 14px 10px;
text-decoration: none;
text-shadow: 0 0 4px rgba(255, 255, 255, 0.7);
}




#conectFor * {
font-size: 12px;
}
#conectFor{
padding: 13px;
padding-right : 20px;
text-align: right;
background: #323232;
border-bottom: 1px solid #000;
font: 15px Tahoma;
height: 10px;
display: block;
color: #F1F1F1;
position: relative;
top: 0;
left: 0;
right: 0;
}
#conectFor a{
color:#f1f1f1;
font-family:Arial;
padding:8px 5px ;
margin:0 1px;
text-decoration:none;
}
#conectFor a:hover{
color:#111;
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
-o-border-radius:5px 5px 0 0;
background:#f1f1f1;
}
#conectFor a:hover ul{display:inline;}
#conectFor ul {
margin-top: -1px;
z-index:1;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
-o-border-radius: 0px 0px 5px 5px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
top: 100%;
width: 390px;
padding:20px 13px;
color: #333;
background: #F1F1F1 url(http://i42.servimg.com/u/f42/17/32/13/00/letrei10.png) no-repeat bottom right;
list-style: none;
display: none;
float: left;
right: 0em;
position: absolute;
}
#conectFor ul li{
float: left;
width: 47%;
display: inline;
text-align:left;
margin:5px;
}
#conectFor ul li a{color:#3689D1; background-image:none !important;}
#conectFor ul li a:hover{color:#111; background:transparent;}

#conectFor a[href="/profile?mode=editprofile"] {
background-position: right;
background-repeat: no-repeat;
padding-right: 10px;
background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo10.png);
}

#conectFor a[href="/profile?mode=editprofile"]:hover {
background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo11.png);
}

.main .main-head {

background-image: url(http://imageshack.us/a/img822/3699/aquu.png);
background-position: left 50%;
background-repeat: repeat-x;
border: 1px solid #000000;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin-top: 15px;
padding-left: 8px;
}


/* ALERTAS */
.alert1 {
    background-color: #BDE5F8;
    background-image: url("http://illiweb.com/fa/pbucket.gif");
    background-position: 10px center;
    background-repeat: no-repeat;
    border-style: solid;
    border-width: 1px 1px 1px 4px;
    color: darkcyan;
    margin: 10px 0;
    padding: 15px 10px 15px 60px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) !important;
    border-radius: 8px 8px 8px 8px;
    border-color: #31B7C7;
}

.alert2 {
    background-color: #ACD758;
    background-image: url("http://illiweb.com/fa/pbucket.gif");
    background-position: 10px center;
    background-repeat: no-repeat;
    border-style: solid;
    border-width: 1px 1px 1px 4px;
    color: darkgreen;
    margin: 10px 0;
    padding: 15px 10px 15px 60px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) !important;
    border-radius: 8px 8px 8px 8px;
    border-color: #659B10;
}

.alert3 {
    background-color: #FF5C5C;
    background-image: url("http://illiweb.com/fa/pbucket.gif");
    background-position: 10px center;
    background-repeat: no-repeat;
    border-style: solid;
    border-width: 1px 1px 1px 4px;
    color: darkred;
    margin: 10px 0;
    padding: 15px 10px 15px 60px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) !important;
    border-radius: 8px 8px 8px 8px;
    border-color: #D13333;
}

a:hover {
text-shadow : 0px 0px 5px #FFFACD;
}

/*.topictitle:hover {padding-left: 20px;font-size: 16px;color: #4080FF;}.topictitle {-o-transition: all 0.1s linear;-moz-transition: all 0.1s linear;-webkit-transition: all 0.1s linear;transition: all 0.1s linear;}*/

a.forumtitle {-htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;-o-transition:1s;-webkit-transform:all;-webkit-transition:1s; display:block;/*margin-left:10px;padding-left:10px;*/transform:all;transition:1s}
a.forumtitle:hover{-htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;-o-transition:1s;-webkit-transform:all;-webkit-transition:1s;display:block;text-shadow : 0px 0px 5px #FFFACD;font-style:bold;padding-left:100px;transform:all;transition:1s !important;}

#conectFor * {
font-size: 12px;
}
#conectFor{
padding: 13px;
padding-right : 20px;
text-align: right;
background: #323232;
border-bottom: 1px solid #000;
font: 15px Tahoma;
height: 10px;
display: block;
color: #F1F1F1;
position: relative;
top: 0;
left: 0;
right: 0;
}
#conectFor a{
color:#f1f1f1;
font-family:Arial;
padding:8px 5px ;
margin:0 1px;
text-decoration:none;
}
#conectFor a:hover{
color:#111;
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
-o-border-radius:5px 5px 0 0;
background:#f1f1f1;
}
#conectFor a:hover ul{display:inline;}
#conectFor ul {
margin-top: -1px;
z-index:1;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
-o-border-radius: 0px 0px 5px 5px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
top: 100%;
width: 390px;
padding:20px 13px;
color: #333;
background: #F1F1F1 url() no-repeat bottom right;
list-style: none;
display: none;
float: left;
right: 0em;
position: absolute;
}
#conectFor ul li{
float: left;
width: 47%;
display: inline;
text-align:left;
margin:5px;
}
#conectFor ul li a{color:#3689D1; background-image:none !important;}
#conectFor ul li a:hover{color:#111; background:transparent;}

#conectFor a[href="/profile?mode=editprofile"] {
background-position: right;
background-repeat: no-repeat;
padding-right: 10px;
background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo10.png);
}

#conectFor a[href="/profile?mode=editprofile"]:hover {
background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo11.png);
}


.pun table.table td:hover {
background: #E7E7E7;
}
avatar

smithz0r
Nível 7

Masculino
Inscrito dia : 10/10/2012
Mensagens : 84
Pontos Ativos : 126

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

Resolvido Re: Como eu coloco isso?

Mensagem por smithz0r em 04/11/12, 09:18 pm

@up
avatar

smithz0r
Nível 7

Masculino
Inscrito dia : 10/10/2012
Mensagens : 84
Pontos Ativos : 126

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

Resolvido Re: Como eu coloco isso?

Mensagem por smithz0r em 05/11/12, 09:52 pm

@up
avatar

smithz0r
Nível 7

Masculino
Inscrito dia : 10/10/2012
Mensagens : 84
Pontos Ativos : 126

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

Resolvido Re: Como eu coloco isso?

Mensagem por victormenezes em 05/11/12, 10:19 pm

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,
avatar

victormenezes
Usuário avançado

Masculino
Inscrito dia : 14/09/2012
Mensagens : 439
Pontos Ativos : 669

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

Resolvido Re: Como eu coloco isso?

Mensagem por smithz0r em 05/11/12, 11:46 pm

Sem resultado tentei com o .pun também
avatar

smithz0r
Nível 7

Masculino
Inscrito dia : 10/10/2012
Mensagens : 84
Pontos Ativos : 126

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

Resolvido Re: Como eu coloco isso?

Mensagem por Convidado em 06/11/12, 12:04 am

Olá!
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores
Procure por Cor do campo Hover : marque a cor desejada, em que quando parssar o cursor.
Salvar.

Até Mais!

Convidado
Convidado


Resolvido Re: Como eu coloco isso?

Mensagem por smithz0r em 06/11/12, 09:20 am

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: http://i49.tinypic.com/15phmhw.jpg
avatar

smithz0r
Nível 7

Masculino
Inscrito dia : 10/10/2012
Mensagens : 84
Pontos Ativos : 126

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

Resolvido Re: Como eu coloco isso?

Mensagem por Luciano98 em 06/11/12, 10:31 pm

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.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Como eu coloco isso?

Mensagem por smithz0r em 07/11/12, 08:59 am

Resultou, obrigado.
avatar

smithz0r
Nível 7

Masculino
Inscrito dia : 10/10/2012
Mensagens : 84
Pontos Ativos : 126

Ver perfil do usuário http://familiadatp.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