Qual é minha questão:
Olá,

Estou com um problema.
Estava tentando mudar o banner do RPG Harry Potter e resolvi alterar também o Menu: "Iniciar, Portal, Membros, Grupos, Mensagens Privadas...", pois estava muito pequeno.
Então consegui mudar o Banner, porém quando meu amigo foi tentar alterar o Menu, ficou todo desconfigurado, sendo que alguns elementos, por exemplo: "Jornal Profeta", nem pegou o formato dos demais.

Também os tópicos com titulos e imagens que estavam centralizados; passaram tudo para o lado esquerdo.
Então ele me avisou que o código HTML estava com problemas e ele não entendia muito bem; e como consequência, ficou uma porcaria.
O fundo que era preto com divisões em vermelho apagou e esbranquiçou.
E eu preciso de ajuda para arrumar meu Fórum, que se encontra em  reforma à mais de 15 dias.

Alguém pode me ajudar?



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

Versão do fórum:
PHPBB3

Olá,

Você terá que liberar o fórum para nós analisarmos os problemas, tudo bem? Mas antes de liberar, cole aqui o CSS do seu fórum, pois quando desconfigura geral dessa forma, geralmente é um dos causadores.

Abraços.

OK!
Já está aberto!
O fórum é este:
http://hpthegamerpg.forumeiros.com/

Se puder me passar seu e-mail pesssoal - te passo a senha para entrar no painel.

Abraços.

Kamilla Lonso escreveu:OK!
Se puder me passar seu e-mail pesssoal - te passa a senha para entrar no painel.

Nyeh, não há necessidade de passar a senha do painel, afinal não é seguro nunca, pois pode haver peraltas em todos os cantos. <3

Agora, poderia colar aqui o CSS do seu fórum?

CSS? é o tema? :/
*Desculpinha aqui a ignorância!

Faz parte dele. Fica em Painel de controle > Visualização > Imagens e cores > Cores > Folha de estilo CSS.

Obrigada< agora foi melhor

segue abaixo:

.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(https://i.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(https://i.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(https://i.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(https://i.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(https://i.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(https://i.servimg.com/u/f46/16/56/73/62/colorp14.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(https://i.servimg.com/u/f46/16/56/73/62/colorp15.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(https://i.servimg.com/u/f46/16/56/73/62/colorp16.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(https://i.servimg.com/u/f46/16/56/73/62/colorp17.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(https://i.servimg.com/u/f46/16/56/73/62/colorp18.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(https://i.servimg.com/u/f46/16/56/73/62/colorp19.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(https://i.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;
}
*******************

//#page-footer, div.navbar, div.navbar ul.linklist {display: block !important;}ul.linklist li.rightside, ul.linklist li.rightside a.copyright {display: inline !important;} Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.comVoltar para a ficha do temaInício Portal FAQ Buscar //
Registrar-se Membros Grupos Login Data/hora atual: Mon 18 Jun - 1:01Ver as mensagens sem respostaCATEGORY 1TópicosMensagensÚltima Mensagem#1 forumsub forum 1, sub forum 2 1 Tópicos1 MensagensFri 25 Jan - 12:02Admin Tópicos ativos do dia • Top 20 dos postadores do dia • Top 20 dos postadores do fórumQuem está conectadoHá 69 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 69 Visitantes :: 2 Motores de buscaO recorde de usuários online foi de 442 em Tue 2 Mar - 19:40Usuários registrados : NenhumRobôs (motores de busca) : bing (5), GoogleLegenda : [ Administrador ] [ Moderador ] EstatísticasOs nossos usuários postaram um total de 1 mensagemTemos 2 usuários registradosO último usuário registrado atende pelo nome de HitskinNovas mensagensNão há novas mensagensFórum BloqueadoInícioFórum grátis | phpBB | Fórum grátis de ajuda | Assinalar uma queixa | Criar um fórum//

#submenu ul li a {
margin:0.5em 0 0.50em 0;
padding:0.5em 0 0.50em 0;
}
#imgopacidade{
margin: 60px;
border: none;
filter: alpha(opacity=50);
moz-opacity:.60;
opacity:.50 ;
-webkit-transition-duration: .50s;
}

#imgopacidade:hover{
margin: 60px;
border: none;
filter: alpha(opacity=100);
moz-opacity:1.0;
opacity:1.0;
}
a.mainmenu{
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
a.mainmenu:hover{
filter:alpha(opacity=70);
-moz-opacity: 0.65;
opacity: 0.65;
}
a[href="/g1-administradores"] {
text-shadow: 0px 0px 5px #FF00D0;
}
.post td[class*="row"][valign="top"][width="200"] center a[href*="/u"] img[alt]{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}

#page-footer{
display: inline-block !important;
height: 150px;
width: 1230px;
position: relative;
z-index: 999;
background: url(https://i.servimg.com/u/f31/13/01/58/75/harryp11.gif) no-repeat bottom center;}
/* pas de soulignement de liens */
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none !important;}

#wrap {
background-color:
white;
border: 1px solid #;
margin: 0 auto;
min-width: 1100px;
padding: 5px;
width: 50%;
}

Faça um backup do seu CSS (cole num .txt e guarde-o) só por segurança e troque-o por esse:

Código:

.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;
}

#page-footer, div.navbar, div.navbar ul.linklist {
  display: block !important;
}

ul.linklist li.rightside, ul.linklist li.rightside a.copyright {
  display: inline !important;
}

#submenu ul li a {
  margin: 0.5em 0 0.50em 0;
  padding: 0.5em 0 0.50em 0;
}

#imgopacidade {
  margin: 60px;
  border: none;
  filter: alpha(opacity=50);
  moz-opacity: .60;
  opacity: .50;
  -webkit-transition-duration: .50s;
}

#imgopacidade:hover {
  margin: 60px;
  border: none;
  filter: alpha(opacity=100);
  moz-opacity: 1.0;
  opacity: 1.0;
}

a.mainmenu {
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0;
}

a.mainmenu:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.65;
  opacity: 0.65;
}

a[href="/g1-administradores"] {
  text-shadow: 0px 0px 5px #FF00D0;
}

.post td[class*="row"][valign="top"][width="200"] center a[href*="/u"] img[alt] {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

#page-footer {
  display: inline-block !important;
  height: 150px;
  width: 1230px;
  position: relative;
  z-index: 999;
  background: url(http://i31.servimg.com/u/f31/13/01/58/75/harryp11.gif) no-repeat bottom center;
}
/* pas de soulignement de liens */
a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none !important;
}

#wrap {
  background-color: white;
  border: none;
  margin: 0 auto;
  min-width: 1100px;
  padding: 5px;
  width: 50%;
}

Ok, vou tentar aqui, e já volto para lhe contar!

Até então mUitooooo obrigada.

Panda!
Parece que melhorou a visualização, mas parece que algo foi alterado.
Os menus voltaram ao que eram (pequenos) - ainda não conseguimos mudar.
Os titulos e imagens dos tópicos ainda estão à esquerda (queria centralizar).
E as cores de fundo que estão em branco (volta do banner e a parte baixo) eu queria em preto.

Não sei se é esse código, que definem isso.

Adicione isso ao fim do CSS, resolverá o problema do centralizar as imagens e os títulos, e as partes brancas.

Código:

.topiclist .dterm {
  text-align: center
}

#wrap {
  background: #000;
}

Quanto ao menu, queria eles apenas maiores, ou tem algum adicional?

Farei isso!
As cores eu consegui arrumar, se entrar lká, poderá ver que não tem mais branco \o/

quanto ao Menu, eu queria eles um pouco maiores e com destaque nas "Mensagens Privadas", quando algum personagem receber mensagem de alguém.
Será possível isso?

Obrigada, por enquanto Panda!

Centralizou!

Bem, troque aquele pedacinho de CSS que te passei por esse:

Código:

.topiclist .dterm {
  text-align: center
}

.mainmenu {
  font-size: 18px;
}

.mainmenu.super {
  color: #fff;
}

E adicione isso a um novo módulo Javascript, em Painel de controle > Módulos > HTML & Javascript > Gestão dos códigos Javascript, clicando no botão Criar um novo Javascript e, na opção Título coloque uma descrição, na opção Investimento coloque Todas as páginas e em Código Javascript, este código:

Código:

$(function() {
    $('#i_icon_mini_new_message').parent().addClass('super');
});

Isso fará com que haja o efeito na nova mensagem.

Obrigada Panda!
vc. foi genial e adorei ser atendida por ti!

Abração

Obs.: Pode bloquear esse tópico.
RESOLVIDO