Dúvida sobre aparência do fórum

[jonathan.barros.666]

Qual é minha questão:
Olá pessoal estou com duas dúvidas e por isso gostaria da ajuda de vocês a 1ª é a seguinte:

Sou administrador no fórum http://cavaleirosdoszodiaco.livreforum.com/ e editei o layout para que ele fique da maneira que está atualmente mas eu gostaria que ficasse igual ao do meu fórum de teste http://testandoumtema.forumeiros.com/forum 
Se repararem no fórum de teste todas as páginas com exceção do portal ficam mais "encolhidas" dentro da borda dourada o que não ocorre no fórum que sou adm, portanto gostaria de saber o que fazer para resolver isto uma vez que ambos compartilham as mesmas imagens e o mesmo código css.

A 2ª dúvida tem a ver com isso, se perceberem entre o chatbox e as categorias tem um fundo tipo acinzentado, gostaria de saber como mudar ele para preto.


Agradeço desde já quem puder me ajudar.

Endereço do meu fórum:
http://cavaleirosdoszodiaco.livreforum.com

Versão do fórum:
PHPBB2

[Sennior]

Saudações!

O senhor importou o tema? Muitas vezes pegar apenas o CSS que o senhor editou e Templates não dá certo.

Aceda no fórum de teste do senhor e vá em:
Painel de Controle Visualização Temas Gestão dos temas

Logo depois clique em "Exportar tema" e salve no seu computador.
Depois vá no seu fórum principal, aceda em:
Painel de Controle Visualização Temas Gestão dos temas
Logo depois clique em "Importar tema" e coloque-o no seu fórum.

Até mais!

[jonathan.barros.666]

Sim eu importei o tema, e agora pouco percebi que o fórum que sou adm não tem a opção de visualizar ou editar o template, já o meu de teste tem. será que isto teria haver com o caso então apenas o dono poderia fazer as alterações necessárias?

[Sennior]

Saudações!

O senhor é o dono dos 2 fóruns? Digo o fundador?

Até mais!

[jonathan.barros.666]

Não, sou fundador apenas do fórum de teste, no primeiro fórum que é onde estou com o problema sou apenas administrador, mas posso conseguir o login de fundador com o dono caso isto seja necessário para resolver a questão.

[Sennior]

Saudações!

Irei tentar resolver por CSS. Ao mais parece que o erro está em um código CSS.
Aceda à tua "Folha de Estilo CSS":
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS

Código:

.bodyline {
width: 502px !important;
}

Coloque o código no inicio de teu CSS.

Salve.

Até mais!

[jonathan.barros.666]

Não funcionou.

[jonathan.barros.666]

Aqui está o css todo caso ajude.

Código:

.bodyline {
width: 502px !important;
}
/* Estilizacao geral do Body - Corpo de fundo*/
body {
background-attachment: fixed;
    background-image: url("http://i72.servimg.com/u/f72/18/21/72/45/fundo10.jpg");
    background-repeat:no-repeat;
    background-position: center;
    opacity: 0.9;
    font-size: 14px;
    font-family: calibri; }
/*layout das bordas do avatar*/
.post div.user-ident div.user-basic-info a img:first-child, .post span.postdetails a img:first-child, .postprofile dl dt a img:first-child, dl.postdetails dl a img:first-child {
border: 0px dashed none;
border-radius: 20px 20px 20px 20px;
}
/*borda do cotorno secundário*/
.bodyline{
background: url("http://img16.imageshack.us/img16/2025/fundodwj.jpg") center scroll 0 0 transparent;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 3px solid #ebc11a;
}
/*borda das categorias*/
th {
background-color: #120700;
border-radius: 20px 20px 20px 20px;
color: #ebc11a;
font-size: 12px;
font-weight: 700;
}
/*categorias*/
a.forumlink:link {
    background: url("http://img16.imageshack.us/img16/2025/fundodwj.jpg") repeat scroll 0 0 transparent;
    border: 1px dotted #999999;
    border-radius: 10px 10px 0 0;
    color: #FFA03C;
    display: block;
    font-family: Browallia New;
    font-size: 18px;
    height: 20px;
    letter-spacing: -1px;
    text-align: center;
    text-shadow: 1px 1px 1px #000000;
    text-transform: capitalize;
}
a.forumlink:hover {
    -moz-transition-duration: 1s;
    color: #fad105;
    letter-spacing: 0;
    text-shadow: 0 0 1px black;
  text-transform: uppercase;}
/*mudança nas cor dos top/cat/me/quem está conectado/todos os direitos reservados imagem*/
.secondarytitle, .secondarytitle h2 {
    color: #FFF;
    margin: 0;
  padding: 0;}
a.cattitle {
    color: #FFF;
  text-decoration: none;}
/*texto shadow nos nicks*/
/*chatbox*/
div#chatbox {
color: green; }
#chatbox {
    bottom: 20px;
    left: 181px;
    line-height: 10px;
    overflow: auto;
    position: absolute;
  right: 0;
  top: 30px;}
#message {
    border-width: 1px;
    width: 500px;}
#chatbox_members .member-title {
    border: 1px dashed;
  color: yellow;}
#chatbox_members {
    background-color: #000000;
    border-right: 1px dashed orange;
    bottom: 30px;
    color: #000000;
    overflow: auto;
    position: absolute;
    top: 30px;
    width: 180px;}
/*botões para edição neon/redondo*/
az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}
#text_editor_controls, .left-box{position:relative !important}
/*botons arredondados*/
/*Botoes*/
input{padding:2px;border:solid 1px #DDD;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}#main-content a.cgu-buttons,button.button2,input.button1,input.button2{padding:2px;border:solid 1px #DDD;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background:#0085bc url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png)}
/*botão alerta*/
.alert{border:1px solid;margin:10px 0px;padding:15px 10px 15px 60px;color:#00529B;
background-repeat:no-repeat;background-position:10px center;background-color:#BDE5F8;
background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/40px-i10.png')}
.alert2{border:1px solid;margin:10px 0px;padding:15px 10px 15px 60px;color:#00529B;
background-repeat:no-repeat;background-position:10px center;background-color:#ffcc00;
background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/40px-a10.png')}
.alert3{border:1px solid;margin:10px 0px;padding:15px 10px 15px 60px;color:#00529B;
background-repeat:no-repeat;background-position:10px center;background-color:#ff5c5c;
background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/120px-10.png')}
/*caixa de cores*/
        .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;
                        }
/*!!!!!!!!!!! MyCSSMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;position:relative;z-index:1}.qmmc .qmdividery{float:left;width:0px}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1}.qmclear{font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important}.qmmc{position:relative;zoom:1;z-index:10}.qmmc a,.qmmc li{float:left;display:block;white-space:nowrap;position:relative;z-index:1}.qmmc div a,.qmmc ul a,.qmmc ul li{float:none}.qmsh div a{float:left}.qmmc div{visibility:hidden;position:absolute}.qmmc li{z-index:auto}.qmmc ul{left:-10000px;position:absolute;z-index:10}.qmmc,.qmmc ul{list-style:none;padding:0px;margin:0px}.qmmc li a{float:none}.qmmc li:hover>ul{left:auto}#qm0 li{float:none}#qm0 li:hover>ul{top:0px;left:100%}
/*!!!!!!!!!!! MyCSSMenu Styles [Please Modify!] !!!!!!!!!!!*/


 /* MyCSSMenu 0 */
/*"""""""" (MAIN) Container""""""""*/
#qm0
{width:143px;padding:55px 10px;margin:10px;
background:transparent url(http://i45.servimg.com/u/f45/16/75/41/89/scroll10.png); text-align: center; border: 0px; }

/*"""""""" (MAIN) Items""""""""*/
#qm0 a
{padding:2px 20px 3px 3px;
background-color:transparent;
color:##000000;font-family:Arial;font-size:11px;
text-decoration:none;}
/*"""""""" (MAIN) Hover State""""""""*/
#qm0 a:hover
{color:#FFFFFF;border-color:#FFCC33;}

/*"""""""" (MAIN) Active State""""""""*/
body #qm0 .qmactive,body #qm0 .qmactive:hover
{color:#FFFFFF;border-color:#FFCC33;}

/*"""""""" (SUB) Container""""""""*/
#qm0 div,#qm0 ul
{padding:5px;
background-color:#000000;
border-width:1px;border-style:solid;border-color:#FFCC33;}

/*"""""""" (SUB) Items""""""""*/
 #qm0 div a,#qm0 ul a
{padding:3px 20px 3px 5px;
color:#000000;font-size:11px;
border-width:0px;border-color:#FFCC33;}

/*"""""""" (SUB) Hover State""""""""*/
#qm0 div a:hover,#qm0 ul a:hover
{color:#FFCC33;text-decoration:underline;}

/*"""""""" (SUB) Active State""""""""*/
body #dcdcdc div .qmactive,body #qm0 div .qmactive:hover
{color:#FFCC33;text-decoration:underline;}
/***** Efeito lightbox para fóruns Forumeiros - INÍCIO*****/
#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
}
#jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}
#lightbox-nav-btnPrev {
    left: 0;
    float: left;
}
#lightbox-nav-btnNext {
    right: 0;
    float: right;
}
#lightbox-container-image-data-box {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}
#lightbox-container-image-data {
    padding: 0 10px;
    color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
    width: 70%;
    float: left;
    text-align: left;
}   
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
    display: block;
    clear: left;
    padding-bottom: 1.0em;   
}           
#lightbox-secNav-btnClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;   
}
/***** Efeito lightbox para fóruns Forumeiros - FIM *****/
.mainmenu {filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}.mainmenu:hover {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;cursor:allowed;}
a.forumlink:hover{color:#F5A608}
a.forumlink {-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;font-family:Loved by the King;font-size:25px;font-weight:700;margin-left:10px;padding-left:10px;text-shadow:0 0 1px #000000;transform:all;transition:1s}a.forumlink: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;font-style:bold;padding-left:100px;transform:all;transition:1s}
a:link {text-decoration: none !important}
li.header dl.icon {
-moz-border-radius: 4% 4% 0 0;
-webkit-border-radius: 4% 4% 0 0;
background: url("http://img16.imageshack.us/img16/2025/fundodwj.jpg");
border-bottom:1px solid #6B838C;
font-size:10px;
letter-spacing:2px;
padding:6px 0 1px;
text-align:center;
text-shadow:0 2px 2px #616161;
vertical-align:middle;
}
A:hover{text-transform:uppercase;}

.panel {
-moz-border-radius: 30px 30px 30px 30px;
background-color: #d1d1d1;
}

a.forumtitle:hover {
text-decoration: none;
}

.table-title, .table-title h2 {
color: #ffffff;
font-family:Georgia;
font-size:30px;
text-transform:lowercase;
font-style:italic;
}

.corners-top {
visibility:hidden;
}

.corners-bottom {
visibility:hidden;
}

.icon dd.posts {
margin-left: 15px;
}

.textarea {
-moz-border-radius:20px 20px 20px 20px;
background-color:#d1d1d1;
color:#8F8F8F;
font-family:georgia;
font-size:9px;
height:50px;
opacity:75;
width:170px;
}
.bodyline {
-moz-box-shadow: 0px 10px 20px #CCCCCC;
-webkit-box-shadow: 0px 3px 10px #CCCCCC;
}
/**NOME MAIOR NO FORUM**/
.name, poster-profile a:link, poster-profile a:active, poster-profile a:visited, poster-profile dt.author a {
font-size: 15px; 
font-family: tahoma;
text-decoration: none;
letter-spacing: -1px;
}

.name {
color: #000000;
font-family: Loved by The King;
font-size: 20px;
text-align: center;
text-shadow: 0 0 1px #A9AAAC;
text-transform: lowercase;
letter-spacing: 0px;
}

.name {
font-style: normal;
color: transparent;
}
/**FIM DO NOME**/
.poster-profile {
display: block;
padding-left: 6px;
padding-bottom: 4px;
text-align: justify;}

.poster-profile tr {
text-align: right
margin-top: 5px;
}
/*background-image: url(http://img560.imageshack.us/img560/6421/ibackgroundv.jpg);*/
  background-image: url(http://img560.imageshack.us/img560/6421/ibackgroundv.jpg);
background-repeat: repeat;
}
.bodyline {
background-color: #1a1a1a;
opacity:.75;
background: -moz-linear-gradient(top, #000 0%, #383838 100%);
background: -webkit-linear-gradient(top, #000 0%,#383838 100%);
background: -o-linear-gradient(top, #000 0%,#383838 100%);
background: -ms-linear-gradient(top, #000 0%,#383838 100%);
background: linear-gradient(top, #000 0%,#383838 100%);
  -moz-border-radius: 30px 30px 30px 30px;
}
#i_logo
{
  margin-top: 1px;
  margin-bottom:-100px;
}
.forumline{
border: 3px #1C1C1C
double;
}
  /*Posicionamento do menu*/
#i_logo
{
  margin-top: 1px;
  margin-bottom:-200px;
.bodyline {
/*background-image: url(http://i39.servimg.com/u/f39/17/69/01/22/fundo_10.png);*/
  background-image: url(http://i39.servimg.com/u/f39/17/69/01/22/fundo_10.png);
background-repeat: repeat;
}
    .mainmenu {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;}.mainmenu:hover {filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;cursor:allowed;}
.mainmenu {
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}
.mainmenu:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
cursor:allowed;
}
       a.mainmenu{
    margin-top: -3000px;
    }
  .date-and-time {
display: none;
}
  ::-webkit-scrollbar {
width: 15px;
height: 5px; }
::-webkit-scrollbar-track-piece {
background: #fff; }
::-webkit-scrollbar-thumb:vertical {
height: 55px;
background: #333;
border-radius: 20px;
border: 3px groove;}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #000000; }

[Sennior]

Saudações!

Creio que funcionou sim, veja a borda dourada, está mais encolhida para dentro do fórum como no teu de teste. Se está errado, poderia explicar mais?

Até mais!

[jonathan.barros.666]

Se reparar no fórum de teste a tipo uma margem preta após a borda dourada que deixa o fórum com aspecto menor, mas isto não aparece no fórum definitivo, no definitivo aparece apenas quando entramos em alguma categoria, mas não aparece nem na página inicial do fórum e nem no portal, embora no portal eu saiba que também não aparece na versão teste.

Para você entender melhor eu gostaria que ficasse igual a este fórum aqui.

http://cdznewomega.forumeiros.com/

[jonathan.barros.666]

consegui arrumar aqui, obrigado pela atenção e pode encerrar o tópico.