Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
O que há de errado no css abaixo?
3 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
O que há de errado no css abaixo?
Qual é minha questão:
Olá a todos,
Inseri o meu CSS de um fórum para outro e acabou acontecendo um efeito visual que eu não desejo. As versão de ambos os fóruns é a PHPBB3, e o que eu mudei foi apenas as cores secundárias.
Links dos demais fóruns (vejam que não ocorre igual na imagem):
http://www.tutorialdofk.com/forum
http://www.tutorialdopw.com/forum
Segue CSS:
Links e imagens do meu problema:
Segue imagem do efeito que não ocorre nos meus outros fóruns:
https://i.servimg.com/u/f43/17/53/75/18/teste10.jpg
Endereço do meu fórum:
http://tutorialdoca.forumeiros.com
Versão do meu fórum:
PHPBB3
Olá a todos,
Inseri o meu CSS de um fórum para outro e acabou acontecendo um efeito visual que eu não desejo. As versão de ambos os fóruns é a PHPBB3, e o que eu mudei foi apenas as cores secundárias.
Links dos demais fóruns (vejam que não ocorre igual na imagem):
http://www.tutorialdofk.com/forum
http://www.tutorialdopw.com/forum
Segue CSS:
- Código:
.grfclose{background:url(http://i.imgur.com/el3Ct.png) no-repeat 99.9% 0}
/*Responsaveis pelo Forum.
* by DropLeet
*/
#modo {
display: none;
}
.dterm:hover #modo {
display: block;
}
/*Formatação dos campos de perfil nas mensagens
* by DropLeet
*/
.postprofile dd, .postprofile dt {
text-align: left;
margin-right: 6px;
}
.postprofile {
margin-left: -15px;
}
/*Cor do Link - Houver - Inicio*/
a:hover{color:#45B334;text-shadow:0px 0px 1px #000000;}
/*Cor do Link - Houver - Fim*/
/*Firulas no nomes - Início*/
/*ZombieW*/
a[href="/u1"]{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/th/att11110.gif);text-shadow:0 0 5px #C1FA17
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);}
/*DropLeet*/
a[href="/u2"]{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/th/att11110.gif);text-shadow:0 0 5px #C1FA17
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);}
/*Nome do Grupo dos ADM*/
a[href="/g1-administradores"]{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/th/att11110.gif);text-shadow: 0 0 5px #C1FA17;
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);}
/*Firulas no nome - Fim*/
/*Alterar Contorno das Categorias - Início*/
ul.topiclist li.header dl dd {
background-image: url("http://www.sebrasil.com.br/styles/AeroBlack/theme/images/cellpic1.gif");
background-repeat: repeat;
border: 1px solid #EEEEEE;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
box-shadow: 0 5px 5px #CCCCCC;
color: #C1FA17;
font-weight: bold;
text-align: center;
}
div.h3{
background-image: url("http://www.sebrasil.com.br/styles/AeroBlack/theme/images/cellpic1.gif");
background-repeat: repeat;
border: 1px solid #EEEEEE;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
box-shadow: 0 5px 5px #CCCCCC;
color: #C1FA17;
font-weight: bold;
text-align: center;
}
/*Alterar Contorno das Categorias - Fim*/
/*Alterar Contorno dos Widgets - Início*/
.h3, .catHead {
background-image: url("http://www.sebrasil.com.br/styles/AeroBlack/theme/images/cellpic1.gif");
background-repeat: repeat;
border: 1px solid #EEEEEE;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
box-shadow: 0 5px 5px #CCCCCC;
color: #FFFFFF;
text-align: center;
}
/*Alterar Contorno dos Widgets - Fim*/
/* Correção do erro do nick (Fundo preto do banner)*/
dd.lastpost span.color-groups {
text-align: center !important;
float: none;
display: inline;
}
.module .h3 {
color: #C1FA17;
}
.module h3, .module .h3 {
text-align: center !important;
}
.postprofile {
text-align: center;
}
form[name="post"] .h3{color: #C1FA17;}
.headerbar {
background-color: #000000;
}
div.h3 {
color: #C1FA17;
border-color: #C1FA17;
}
.content h1, .panel h1 {
color: #C1FA17;
border-bottom-color: #C1FA17;
}
dl.hidecode {
background-color: #FFFFFF;
}
.content h2, .panel h2 {
color: #C1FA17;
border-bottom-color: #C1FA17;
}
/*Mudar Cores - Inicio*/
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
/*Mudar Cores - Fim*/
/*Salvamento automático nos tópicos - Início*/
#savec {
position:relative;
}.save-bloc {
dispay: none;
color: #555!important;
cursor: point;
z-index: 999;
padding: 5px;
border: 1px solid #BCBCBC;
background: #efefef url(http://2img.net/i/fa/prosilver/bg_button.gif) repeat-x;
display:none;
top:20px;
left:0px;
position:absolute;
white-space:nowrap;
}.save-bloc div:hover {
color: #050505!important;
}.save-bloc div {
cursor: pointer;
}.save-bloc select {
background: #ccc;
border: 1px solid #aaa;
margin-bottom: 5px;
}
/*Salvamento automático nos tópicos - Fim*/
/*Alterar Search Box - Início*/
#search-box #keywords {
width: 250px;
background: white;
border: 1px solid #B3B6AA;
font-size: 14px;
font-weight: bold;
padding: 5px 5px;
color: #999;
}
9-ltr.css:1
#search-box #keywords {
background-color: white;
width: 95px;
}
9-ltr.css:1
input.search {
background: url(http://2img.net/i/fa/sprite_prosilver_navbar.png) no-repeat top left;
background-position: 0 -701px;
padding-left: 17px;
}
9-ltr.css:1
input.inputbox {
width: 85%;
}
9-ltr.css:1
.inputbox {
background-color: white;
border: 1px solid #BCBCBC;
color: black;
cursor: text;
padding: 2px;
}
a.button1, a.button2, button.button2, input.button1, input.button2 {
background-color: #FAFAFA;
background-image: url(http://2img.net/i/fa/prosilver/bg_button.gif);
background-position: top;
background-repeat: repeat-x;
color: black;
font-family: Verdana,Arial,Helvetica,sans-serif;
overflow: visible;
padding: 2px 3px;
width: auto!important;
}
a.button2, button.button2, input.button2 {
border: 1px solid #BCBCBC;
}
9-ltr.css:1
button.button2, input.button1, input.button2 {
font-size: 1em;
}
/*Alterar Search Box - Fim*/
Links e imagens do meu problema:
Segue imagem do efeito que não ocorre nos meus outros fóruns:
https://i.servimg.com/u/f43/17/53/75/18/teste10.jpg
Endereço do meu fórum:
http://tutorialdoca.forumeiros.com
Versão do meu fórum:
PHPBB3
Última edição por ZombieW em 10.06.12 0:43, editado 1 vez(es)
Re: O que há de errado no css abaixo?
Olá Senhor!
Não há nada de errado com seu CSS, e sim com as cores do Teu Fórum, modifique elas e veja se o problema persiste, pelo que eu vi desejas o Fórum com a cor "Laranja", então coloque todas as caixas de cores com esse codigo Hexadecimal:
Até mais!
Não há nada de errado com seu CSS, e sim com as cores do Teu Fórum, modifique elas e veja se o problema persiste, pelo que eu vi desejas o Fórum com a cor "Laranja", então coloque todas as caixas de cores com esse codigo Hexadecimal:
#F58B00
Até mais!
Re: O que há de errado no css abaixo?
Olá,
Não desejo a cor laranja, essa cor é prenominante do fórum PW, o verde é no fórum CA e o azul no fórum FK.
Nos fóruns PW e FK, ao passar o mouse na categoria não ocorre aquela troca de cor que mostrei na imagem.
Gostaria de saber se é erro de CSS ou nas cores como vc me disse.
Nas cores creio que não seja, pois, nos 3 fóruns são as mesmas, trocando apenas algumas opções entre Laranja, Verde e Azul como expliquei.
Fico no aguardo e obrigado.
Não desejo a cor laranja, essa cor é prenominante do fórum PW, o verde é no fórum CA e o azul no fórum FK.
Nos fóruns PW e FK, ao passar o mouse na categoria não ocorre aquela troca de cor que mostrei na imagem.
Gostaria de saber se é erro de CSS ou nas cores como vc me disse.
Nas cores creio que não seja, pois, nos 3 fóruns são as mesmas, trocando apenas algumas opções entre Laranja, Verde e Azul como expliquei.
Fico no aguardo e obrigado.
Re: O que há de errado no css abaixo?
Boa tarde senhor ZombieW!
Seria o Hover do seu fórum amigo, faça os seguintes procedimentos:
Painel de controle ->> Visualização ->> Imagens e cores ->> Cores ->>
Procure por "Cor do campo Hover :" e insira somente o símbolo "#".
Salve
Atenciosamente,
Josh
Seria o Hover do seu fórum amigo, faça os seguintes procedimentos:
Painel de controle ->> Visualização ->> Imagens e cores ->> Cores ->>
Procure por "Cor do campo Hover :" e insira somente o símbolo "#".
Salve
Atenciosamente,
Josh
Josh- Super Membro
- Membro desde : 03/03/2012
Mensagens : 1170
Pontos : 1512
Re: O que há de errado no css abaixo?
Obrigado.
'-'
Começou a acontecer isso, após eu migrar os temas tempórarios.
'-'
Começou a acontecer isso, após eu migrar os temas tempórarios.
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