Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
ArtigosComo eu coloco isso?
+8
suportemuonline
BrunoH.
Consolado
Sennior
bean
[F]lames
victormenezes
smithz0r
12 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Como eu coloco isso?
por smithz0r 31.10.12 2:20
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
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
Última edição por smithz0r em 07.11.12 11:00, editado 3 vez(es)
smithz0r- **
- Membro desde : 10/10/2012
Mensagens : 84
Pontos : 126 -
Re: Como eu coloco isso?
por victormenezes 31.10.12 3:12
olá senhor tente isso .
painel de controleVisualização
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
victormenezes- *****
- Membro desde : 15/09/2012
Mensagens : 439
Pontos : 669 -
Re: Como eu coloco isso?
por smithz0r 31.10.12 11:48
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
smithz0r- **
- Membro desde : 10/10/2012
Mensagens : 84
Pontos : 126 -
Re: Como eu coloco isso?
por [F]lames 31.10.12 13:02
Olá,
Adicione á teu CSS :
Adicione á teu CSS :
Cordialmente ....main-content table.table tbody.statused tr:hover {
background-color: white;
background-image: -webkit-linear-gradient(top, #DEDEDE, white);
}
![[F]lames](https://2img.net/h/oi43.tinypic.com/28quglc.png)
[F]lames- Membro
- Membro desde : 05/10/2012
Mensagens : 866
Pontos : 1208 -
smithz0r- **
- Membro desde : 10/10/2012
Mensagens : 84
Pontos : 126 -
Re: Como eu coloco isso?
por bean 01.11.12 0:45
Olá,
Aceda à "Folha de estilo CSS":
Código:
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!
Aceda à "Folha de estilo CSS":
Painel de Controle
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!
bean- Membro
- Membro desde : 17/01/2012
Mensagens : 774
Pontos : 1008 -
Re: Como eu coloco isso?
por smithz0r 01.11.12 1:03
Coloquei deste modo para ver se resultava e não tive resultados:
- Código:
.topiclist li.row:hover{background:url() black!important}
smithz0r- **
- Membro desde : 10/10/2012
Mensagens : 84
Pontos : 126 -
Re: Como eu coloco isso?
por Sennior 01.11.12 17:16
Olá querido,
Tente o código assim:
Abraços.
Tente o código assim:
- Código:
h2:hover {color: black;}
Abraços.
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
smithz0r- **
- Membro desde : 10/10/2012
Mensagens : 84
Pontos : 126 -
smithz0r- **
- Membro desde : 10/10/2012
Mensagens : 84
Pontos : 126 -
Re: Como eu coloco isso?
por Consolado 02.11.12 20:16
Olá!
Aceda á "Folha de estilos CSS"
Painel de Controle Visualização Imagens e Cores Cores Folha de estilos CSS
Código:
Até mais.
Aceda á "Folha de estilos CSS"
Painel de Controle
Visualização Imagens e Cores Cores Folha de estilos CSSCódigo:
Valide..main-content tbody.statused tr:hover {
background: #0F0F0F
}
Até mais.
Consolado- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
Re: Como eu coloco isso?
por BrunoH. 02.11.12 20:27
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.
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.
BrunoH.- Membro Entusiasta
- Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386 -
Re: Como eu coloco isso?
por suportemuonline 02.11.12 20:53
Teste:
VisualizaçãoImagens e CoresCores Folha de estilos CSS
- 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%;
}
VisualizaçãoImagens e CoresCores Folha de estilos CSS
suportemuonline- **
- Membro desde : 04/06/2012
Mensagens : 59
Pontos : 99 -
smithz0r- **
- Membro desde : 10/10/2012
Mensagens : 84
Pontos : 126 -
Re: Como eu coloco isso?
por Nickname 03.11.12 16:31
Olá,
Adicione o seguinte código em sua Folha de estilo CSS:
Melhores cumprimentos!
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- Super Membro
- Membro desde : 13/11/2011
Mensagens : 1554
Pontos : 2050 -
Re: Como eu coloco isso?
por BrunoH. 03.11.12 16:43
Olá!
Aceda à "Folha de estilo CSS":
e Valide!
Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
Atenciosamente,
BrunoH.
Aceda à "Folha de estilo CSS":
Código:Painel de Controle
Em Negrito modifique para a cor deseja.pun table.table td:hover {
background: #E7E7E7;
}
.pun .main table td.tc2, .pun .main table td.tc3:hover {
background-color: #E7E7E7;
}
e Valide!
Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
Atenciosamente,
BrunoH.
BrunoH.- Membro Entusiasta
- Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386 -
Re: Como eu coloco isso?
por iHeloadd 03.11.12 17:00
Olá, eu não sei se entendi sua dúvida mais vamos lá. Aceda:
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:
No local do código adicione o seguinte código abaixo:
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/
Painel de Controle
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
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/
iHeloadd- Membro
- Membro desde : 25/09/2012
Mensagens : 519
Pontos : 949 -
Re: Como eu coloco isso?
por smithz0r 04.11.12 3:28
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
confiram do jeito que ficou em http://brasilrockcity.forumeiros.com/forum e vejam como eu queria em http://brplaycityrpg.forumeiros.com/forum
smithz0r- **
- Membro desde : 10/10/2012
Mensagens : 84
Pontos : 126 -
Re: Como eu coloco isso?
por Anarquia Oi! 04.11.12 13:57
Visualisação> Cores> Cores de fundo> Cor do campo Hover :
Deixe na cor que quiser e pronto, só salvar ^^
Deixe na cor que quiser e pronto, só salvar ^^
Anarquia Oi!- Novo Membro
- Membro desde : 04/11/2012
Mensagens : 1
Pontos : 1 -
Re: Como eu coloco isso?
por Sennior 04.11.12 14:02
Bom dia,
O problema todo é em teu CSS. Peço que me conceda ele por favor querido.
Até mais.
O problema todo é em teu CSS. Peço que me conceda ele por favor querido.
Até mais.
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Como eu coloco isso?
por Consolado 04.11.12 14:30
Olá!
Aceda á "Folha de estilos CSS"
Painel de Controle Visualização Imagens e Cores Cores Folha de estilos CSS
Código:
Até mais.
Aceda á "Folha de estilos CSS"
Painel de Controle
Visualização Imagens e Cores Cores Folha de estilos CSSCódigo:
Valide..main-content tbody.statused tr:hover { background-image: url(image) }
Até mais.
Consolado- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
Re: Como eu coloco isso?
por smithz0r 04.11.12 17:40
Sem resultado Today,
Aqui meu CSS
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://i1135.photobucket.com/albums/m622/Mazeko1/alertaaviso.png");
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://i1135.photobucket.com/albums/m622/Mazeko1/Check.png");
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://i1135.photobucket.com/albums/m622/Mazeko1/X.png");
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;
}
smithz0r- **
- Membro desde : 10/10/2012
Mensagens : 84
Pontos : 126 -
smithz0r- **
- Membro desde : 10/10/2012
Mensagens : 84
Pontos : 126 -
smithz0r- **
- Membro desde : 10/10/2012
Mensagens : 84
Pontos : 126 -
Re: Como eu coloco isso?
por victormenezes 06.11.12 0:19
você refere-se ao a hover que da ao passar o mouse tá ai
até mais,
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}
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,
victormenezes- *****
- Membro desde : 15/09/2012
Mensagens : 439
Pontos : 669 -
smithz0r- **
- Membro desde : 10/10/2012
Mensagens : 84
Pontos : 126 -
Re: Como eu coloco isso?
por Convidado 06.11.12 2:04
Olá!
Salvar.
Até Mais!
Procure por Cor do campo Hover : marque a cor desejada, em que quando parssar o cursor.Painel de Controle
Salvar.
Até Mais!
Convidado- Convidado
Re: Como eu coloco isso?
por smithz0r 06.11.12 11:20
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
@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
smithz0r- **
- Membro desde : 10/10/2012
Mensagens : 84
Pontos : 126 -
Re: Como eu coloco isso?
por Luciano98 07.11.12 0:31
Olá!
Utilize esse código CSS:
Até mais.
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.
Luciano98- Membro Entusiasta
- Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049 -
smithz0r- **
- Membro desde : 10/10/2012
Mensagens : 84
Pontos : 126 -
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos