Detalhes da questão

Endereço do fórum: http://animerbee.forumeiros.com/
Versão do fórum: PhpBB3

Descrição

Olá.

Bom, ao se aplicar um módulo ao lado direito do Fórum é exigido um espaçamento de 180px. Então gostaria que esse espaçamento sumisse de acordo com a imagem abaixo:
http://prntscr.com/8hen0l
(Categorias posicionadas como se não houvesse módulos ao lado direito)

Obrigado desde já.

Obs: O fórum acima é um forum testes. Estarei adicionando neste fórum: http://www.forumnarutoshippuuden.com/
Porém, ainda não consta o módulo ao lado direito, por isso achei mais sensato e expressivo adicionar o fórum de testes que já possuí o módulo ao lado direito, logo, também possui o espaçamento.

Olá @Mingau,

Mas ora, isso é simples. Vá em:
Painel de Controle Módulos Portal & Widgets Gestão dos widgets do fórum

Em "Largura coluna 3 (direita)" coloque o valor 0.

Até mais.
Fraise

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre o painel de administração'

Fraise escreveu:Olá @Mingau,

Mas ora, isso é simples. Vá em:
Painel de Controle Módulos Portal & Widgets Gestão dos widgets do fórum

Em "Largura coluna 3 (direita)" coloque o valor 0.

Até mais.
Fraise

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre o painel de administração'

Olá.

Sim sim, mas quando o faço o módulo ao lado direito some, uma vez que é exigido 180px no minimo.

Atenciosamente.

Olá,

Estranho...
Poderia me fornecer sua folha de estilo?

Até mais.

Olá.

Eis:

Código:

#right.chatbox {
   overflow: visible;
   position: fixed !important;
   bottom: 30px;
   height: 350px;
   right: 0px;
   z-index: 999;
   visibility: visible !important;
   }

#left
.module .h3  {
  position: relative !important;
  top: -4px !important;
}

.h3 {
color:#FFFFFF!important;
}

.module .h3  {http://i.imgur.com/OZRDGmO.png);
  border: 0px solid #186d94;
  border-radius: 1px;
  clear: both;
  margin-bottom: 0px;
  padding: 9px!important;

}

.module .h3  {
  background-image: url(http://i.imgur.com/OZRDGmO.png)
  border: 0px solid #186d94;
  border-radius: 1px;
  clear: both;
  margin-bottom: 0px;
  padding: 9px!important;

}

.module  {
  padding: 0 0px!important;
}
.module .inner  {
  border-radius: 7px;
  background-color: transparent;
  border-color: #186d94 #186d94 #186d94!important;
  border-style: solid!important;
  border-width: 1 1px 1px!important;
  padding-left: 5px;
}

  .module .h3  {
  margin-top: -5px!important;
  border-radius: 6px 6px 0px 0px !important;
}

.forumbg table.table1.g4 {
   background-color: orangered !important;
}

.teste {background-color: orange; width: 300px; height: 25px; -moz-transition: all 1.5s ease-in-out; -webkit-transition: all 1.5s ease-in-out;}
.teste:hover {background-color: #f60; width: 300px; height: 50px; -moz-transition: all 1.5s ease-in-out; -webkit-transition: all 1.5s ease-in-out;}
#adm {color: #1DABB5;; font-weight: bold;}
#mod {color: #0021C7; font-weight: bold;}
#sub {color: #CF0000; font-weight: bold;}
.table.table1 thead th.website {font-weight: 0!important;}
.table-title, .table-title h2 {
font-weight: bold;}
#wrap, bodyline {
  border-radius: 10px;
}


.chatbox_row_1, .chatbox_row_2, .chatbox_row_3{background-color:transparent}
.codebox {
background: #E7E6E6;
border: 1px solid #BDBDBD;
box-shadow: 0 2px 10px #D6D6D6;
margin: 1em;
max-width: auto;
}
.codebox dt {
border-bottom: 4px solid #D64107;
font-size: 14px;
font-weight: 700;
text-shadow: 1px 1px #F3F3F3;
}
.codebox dd.cont_code, .codebox.spoiler dd {
background: #F0F0F0;
border: 1px solid lightGrey;
}
.codebox dd.cont_code {
max-height: 200px;
overflow: auto;
}
.codebox dd {
background-color: #FFFFE1;
margin: .5em;
padding: .5em;
}

element.style {
padding: 5px 35px 10px 1px;
}
.pun .main-foot .h2, .pun .main-head .h2 {
float: left;
color: #E8E4E1;
}
.pun .main .options a, .pun .main .options a:link, .pun .main .options a:visited {
color: transparent;
margin-left: .5em;
text-decoration: none;
}
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
background: transparent;
background-position: left;
background-repeat: no-repeat;
padding-left: 20px;
}
.sprite-arrow_prosilver_down {
background: transparent;
background-position: 0 0;
height: 6px;
width: 6px;
}
.post_field {
background: white none;
color: #414141;
border: 1px solid #B9C4CD;
padding: 3px 0 3px 0;
margin: 0;
margin-top: 2px;
}
.secondarytitle {
display: none;
}
.forabg {
background-repeat: repeat;
}
.forumbg {
background-repeat: repeat;
}
.blog_cal-content {
color: rgb(253, 252, 252);
}
p.author {
margin: 0 15em 2em 0;
}
body{display:block!important;}
.chatbox .forabg {
 margin: 0;
 border: none;
 padding: 0;
 margin: 0;
 background-image: url('http://i.imgur.com/QctFa9F.png')!important;
 }
#chatbox_members

.member-title {
  background-color: #a7cce9; !important;
}
.forumbg {
   background-image: url('http://i.imgur.com/Daa9uzr.png')!important;
   }
.forabg {
   background-image: url('http://i.imgur.com/Daa9uzr.png')!important;
   }
table.forumline {
   background-image: url('http://i.imgur.com/Daa9uzr.png')!important;
   }
ul.topiclist li.header {
   background-image: url("http://i.imgur.com/1t1wyHy.png")!important;
        background-color: #707070;
        background-repeat:repeat;
   }
 /* O trecho abaixo é utilizado para alterar as cores das fontes no chatbox*/
#chatbox_main_options a {
    color: #000000;
   }

#chatbox_footer label {
     color: #000000;
   }

#chatbox_option_disco {
     color: #000000;
   }
#chatbox_option_co {
     color: #000000;
   }

h2.chatbox-title a.chat-title {
   color: #000000 !important;
   }
.chatbox-options li a, .chatbox-options li label {
     color: #000000;
   }

        .post {
        border-bottom: 2px solid #e4e4e4;
        }
.abc1 {
border: 2px solid #FF6600;
margin-left: 10px;
border-radius: 10px;
background-image: url('http://i.imgur.com/DqmtcfX.png');
box-shadow: 0px 0px 22px rgb(250, 140, 0) inset;
padding: 4px;
}
.abc1 {
border: 2px solid #ff6600;
border-radius: 10px;
background:#f1af84 url('http://i.imgur.com/7UZo8Xo.png') repeat-x top;
background-image: url('http://i.imgur.com/axu0HNg.png') no-repeat 3px 3px height: 64px;
width: 97%;
}
.abcpreto {
border: 2px solid #000000;
margin-left: 10px;
border-radius: 10px;
background-image: url('http://i.imgur.com/Ondsv4Y.png') repeat-x top;
box-shadow: 0px 0px 22px rgb(0, 0, 0) inset;
padding: 3px;
}
.abcpreto {
border: 2px solid #000000;
border-radius: 10px;
background: #000000 url('http://i.imgur.com/Ondsv4Y.png') repeat-x top;
background-image: url('http://i.imgur.com/axu0HNg.png') no-repeat 3px 3px height: 64px;
width: 97%;
}
.assinaturagiragira img:hover{-webkit-transform: rotate(1800deg) scale(1);-moz-transform: rotate(1800deg) scale(1);-o-transform: rotate(1800deg) scale(1);} .assinaturagiragira img{-webkit-transition: all 5s ease-in-out;-moz-transition: all 5s ease-in-out;-o-transition: all 5s ease-in-out;}
#bg {background-image: url('http://i.imgur.com/QaeWuf1.jpg'); width: 450px; height: 200px; overflow: hidden;} #zoom {background: rgba(0, 0, 0, 0.55); width:450px; height: 200px; overflow: auto;top: -2px; transition: ease-in-out 1s; -webkit-transition:ease-in-out 1s;-ms-transition:ease-in-out 1s;-moz-transition:ease-in-out 1s;opacity:0;} #bg:hover #zoom {transition: ease-in-out 1s;  -webkit-transition:ease-in-out 1s; -ms-transition:ease-in-out 1s;-moz-transition:ease-in-out 1s; opacity:0.7;} #textspace {font-size: 50px; color: white; font-family: Mortal Kombat Mythologies; padding-top: 80px;
}
li.row {border-top: 2px solid white}
li.row:hover {background-color: rgba(224, 224, 224, 0.7)}
.assinaturagiragira img:hover{-webkit-transform: rotate(1800deg) scale(1);-moz-transform: rotate(1800deg) scale(1);-o-transform: rotate(1800deg) scale(1);} .assinaturagiragira img{-webkit-transition: all 5s ease-in-out;-moz-transition: all 5s ease-in-out;-o-transition: all 5s ease-in-out;} #bg {background-image: url(http://data3.whicdn.com/images/40621236/large.jpg); width: 500px; height: 250px; overflow: hidden;} #zoom {background: rgba(0, 0, 0, 0.55); width:500px; height: 250px; overflow: auto;top: -2px; transition: ease-in-out 1s; -webkit-transition:ease-in-out 1s;-ms-transition:ease-in-out 1s;-moz-transition:ease-in-out 1s;opacity:0;} #bg:hover #zoom {transition: ease-in-out 1s;  -webkit-transition:ease-in-out 1s; -ms-transition:ease-in-out 1s;-moz-transition:ease-in-out 1s; opacity:0.7;} #textspace {font-size: 50px; color: white; font-family: Papyrus; padding-top: 80px; font-style: italic;} @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
.assinaturagiragira img:hover{-webkit-transform: rotate(1800deg) scale(1);-moz-transform: rotate(1800deg) scale(1);-o-transform: rotate(1800deg) scale(1);} .assinaturagiragira img{-webkit-transition: all 5s ease-in-out;-moz-transition: all 5s ease-in-out;-o-transition: all 5s ease-in-out;} #bg1 {background-image: url(https://31.media.tumblr.com/4a661889598c5cc0cbc22e283eb69cb7/tumblr_n6dclvZy8V1sh7uc5o1_500.jpg); width: 500px; height: 352px; overflow: hidden;} #zoom1 {background: rgba(0, 0, 0, 0.55); width:500px; height: 352px; overflow: auto;top: -2px; transition: ease-in-out 1s; -webkit-transition:ease-in-out 1s;-ms-transition:ease-in-out 1s;-moz-transition:ease-in-out 1s;opacity:0;} #bg1:hover #zoom1 {transition: ease-in-out 1s;  -webkit-transition:ease-in-out 1s; -ms-transition:ease-in-out 1s;-moz-transition:ease-in-out 1s; opacity:0.7;} #textspace1 {font-size: 60px; color: white; font-family: Papyrus; padding-top: 160px; font-style: italic;} @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);

Olá,

Troque a sua folha de estilos por esta:

Código:

#content-container div#content {
  margin-right: 1px!important;
}
#right.chatbox {
  overflow: visible;
  position: fixed !important;
  bottom: 30px;
  height: 350px;
  right: 0px;
  z-index: 999;
  visibility: visible !important;
  }

#left
.module .h3  {
  position: relative !important;
  top: -4px !important;
}

.h3 {
color:#FFFFFF!important;
}

.module .h3  {http://i.imgur.com/OZRDGmO.png);
  border: 0px solid #186d94;
  border-radius: 1px;
  clear: both;
  margin-bottom: 0px;
  padding: 9px!important;

}

.module .h3  {
  background-image: url(http://i.imgur.com/OZRDGmO.png)
  border: 0px solid #186d94;
  border-radius: 1px;
  clear: both;
  margin-bottom: 0px;
  padding: 9px!important;

}

.module  {
  padding: 0 0px!important;
}
.module .inner  {
  border-radius: 7px;
  background-color: transparent;
  border-color: #186d94 #186d94 #186d94!important;
  border-style: solid!important;
  border-width: 1 1px 1px!important;
  padding-left: 5px;
}

  .module .h3  {
  margin-top: -5px!important;
  border-radius: 6px 6px 0px 0px !important;
}

.forumbg table.table1.g4 {
  background-color: orangered !important;
}

.teste {background-color: orange; width: 300px; height: 25px; -moz-transition: all 1.5s ease-in-out; -webkit-transition: all 1.5s ease-in-out;}
.teste:hover {background-color: #f60; width: 300px; height: 50px; -moz-transition: all 1.5s ease-in-out; -webkit-transition: all 1.5s ease-in-out;}
#adm {color: #1DABB5;; font-weight: bold;}
#mod {color: #0021C7; font-weight: bold;}
#sub {color: #CF0000; font-weight: bold;}
.table.table1 thead th.website {font-weight: 0!important;}
.table-title, .table-title h2 {
font-weight: bold;}
#wrap, bodyline {
  border-radius: 10px;
}


.chatbox_row_1, .chatbox_row_2, .chatbox_row_3{background-color:transparent}
.codebox {
background: #E7E6E6;
border: 1px solid #BDBDBD;
box-shadow: 0 2px 10px #D6D6D6;
margin: 1em;
max-width: auto;
}
.codebox dt {
border-bottom: 4px solid #D64107;
font-size: 14px;
font-weight: 700;
text-shadow: 1px 1px #F3F3F3;
}
.codebox dd.cont_code, .codebox.spoiler dd {
background: #F0F0F0;
border: 1px solid lightGrey;
}
.codebox dd.cont_code {
max-height: 200px;
overflow: auto;
}
.codebox dd {
background-color: #FFFFE1;
margin: .5em;
padding: .5em;
}

element.style {
padding: 5px 35px 10px 1px;
}
.pun .main-foot .h2, .pun .main-head .h2 {
float: left;
color: #E8E4E1;
}
.pun .main .options a, .pun .main .options a:link, .pun .main .options a:visited {
color: transparent;
margin-left: .5em;
text-decoration: none;
}
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
background: transparent;
background-position: left;
background-repeat: no-repeat;
padding-left: 20px;
}
.sprite-arrow_prosilver_down {
background: transparent;
background-position: 0 0;
height: 6px;
width: 6px;
}
.post_field {
background: white none;
color: #414141;
border: 1px solid #B9C4CD;
padding: 3px 0 3px 0;
margin: 0;
margin-top: 2px;
}
.secondarytitle {
display: none;
}
.forabg {
background-repeat: repeat;
}
.forumbg {
background-repeat: repeat;
}
.blog_cal-content {
color: rgb(253, 252, 252);
}
p.author {
margin: 0 15em 2em 0;
}
body{display:block!important;}
.chatbox .forabg {
 margin: 0;
 border: none;
 padding: 0;
 margin: 0;
 background-image: url('http://i.imgur.com/QctFa9F.png')!important;
 }
#chatbox_members

.member-title {
  background-color: #a7cce9; !important;
}
.forumbg {
  background-image: url('http://i.imgur.com/Daa9uzr.png')!important;
  }
.forabg {
  background-image: url('http://i.imgur.com/Daa9uzr.png')!important;
  }
table.forumline {
  background-image: url('http://i.imgur.com/Daa9uzr.png')!important;
  }
ul.topiclist li.header {
  background-image: url("http://i.imgur.com/1t1wyHy.png")!important;
        background-color: #707070;
        background-repeat:repeat;
  }
 /* O trecho abaixo é utilizado para alterar as cores das fontes no chatbox*/
#chatbox_main_options a {
    color: #000000;
  }

#chatbox_footer label {
    color: #000000;
  }

#chatbox_option_disco {
    color: #000000;
  }
#chatbox_option_co {
    color: #000000;
  }

h2.chatbox-title a.chat-title {
  color: #000000 !important;
  }
.chatbox-options li a, .chatbox-options li label {
    color: #000000;
  }

        .post {
        border-bottom: 2px solid #e4e4e4;
        }
.abc1 {
border: 2px solid #FF6600;
margin-left: 10px;
border-radius: 10px;
background-image: url('http://i.imgur.com/DqmtcfX.png');
box-shadow: 0px 0px 22px rgb(250, 140, 0) inset;
padding: 4px;
}
.abc1 {
border: 2px solid #ff6600;
border-radius: 10px;
background:#f1af84 url('http://i.imgur.com/7UZo8Xo.png') repeat-x top;
background-image: url('http://i.imgur.com/axu0HNg.png') no-repeat 3px 3px height: 64px;
width: 97%;
}
.abcpreto {
border: 2px solid #000000;
margin-left: 10px;
border-radius: 10px;
background-image: url('http://i.imgur.com/Ondsv4Y.png') repeat-x top;
box-shadow: 0px 0px 22px rgb(0, 0, 0) inset;
padding: 3px;
}
.abcpreto {
border: 2px solid #000000;
border-radius: 10px;
background: #000000 url('http://i.imgur.com/Ondsv4Y.png') repeat-x top;
background-image: url('http://i.imgur.com/axu0HNg.png') no-repeat 3px 3px height: 64px;
width: 97%;
}
.assinaturagiragira img:hover{-webkit-transform: rotate(1800deg) scale(1);-moz-transform: rotate(1800deg) scale(1);-o-transform: rotate(1800deg) scale(1);} .assinaturagiragira img{-webkit-transition: all 5s ease-in-out;-moz-transition: all 5s ease-in-out;-o-transition: all 5s ease-in-out;}
#bg {background-image: url('http://i.imgur.com/QaeWuf1.jpg'); width: 450px; height: 200px; overflow: hidden;} #zoom {background: rgba(0, 0, 0, 0.55); width:450px; height: 200px; overflow: auto;top: -2px; transition: ease-in-out 1s; -webkit-transition:ease-in-out 1s;-ms-transition:ease-in-out 1s;-moz-transition:ease-in-out 1s;opacity:0;} #bg:hover #zoom {transition: ease-in-out 1s;  -webkit-transition:ease-in-out 1s; -ms-transition:ease-in-out 1s;-moz-transition:ease-in-out 1s; opacity:0.7;} #textspace {font-size: 50px; color: white; font-family: Mortal Kombat Mythologies; padding-top: 80px;
}
li.row {border-top: 2px solid white}
li.row:hover {background-color: rgba(224, 224, 224, 0.7)}
.assinaturagiragira img:hover{-webkit-transform: rotate(1800deg) scale(1);-moz-transform: rotate(1800deg) scale(1);-o-transform: rotate(1800deg) scale(1);} .assinaturagiragira img{-webkit-transition: all 5s ease-in-out;-moz-transition: all 5s ease-in-out;-o-transition: all 5s ease-in-out;} #bg {background-image: url(http://data3.whicdn.com/images/40621236/large.jpg); width: 500px; height: 250px; overflow: hidden;} #zoom {background: rgba(0, 0, 0, 0.55); width:500px; height: 250px; overflow: auto;top: -2px; transition: ease-in-out 1s; -webkit-transition:ease-in-out 1s;-ms-transition:ease-in-out 1s;-moz-transition:ease-in-out 1s;opacity:0;} #bg:hover #zoom {transition: ease-in-out 1s;  -webkit-transition:ease-in-out 1s; -ms-transition:ease-in-out 1s;-moz-transition:ease-in-out 1s; opacity:0.7;} #textspace {font-size: 50px; color: white; font-family: Papyrus; padding-top: 80px; font-style: italic;} @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
.assinaturagiragira img:hover{-webkit-transform: rotate(1800deg) scale(1);-moz-transform: rotate(1800deg) scale(1);-o-transform: rotate(1800deg) scale(1);} .assinaturagiragira img{-webkit-transition: all 5s ease-in-out;-moz-transition: all 5s ease-in-out;-o-transition: all 5s ease-in-out;} #bg1 {background-image: url(https://31.media.tumblr.com/4a661889598c5cc0cbc22e283eb69cb7/tumblr_n6dclvZy8V1sh7uc5o1_500.jpg); width: 500px; height: 352px; overflow: hidden;} #zoom1 {background: rgba(0, 0, 0, 0.55); width:500px; height: 352px; overflow: auto;top: -2px; transition: ease-in-out 1s; -webkit-transition:ease-in-out 1s;-ms-transition:ease-in-out 1s;-moz-transition:ease-in-out 1s;opacity:0;} #bg1:hover #zoom1 {transition: ease-in-out 1s;  -webkit-transition:ease-in-out 1s; -ms-transition:ease-in-out 1s;-moz-transition:ease-in-out 1s; opacity:0.7;} #textspace1 {font-size: 60px; color: white; font-family: Papyrus; padding-top: 160px; font-style: italic;} @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);

Até mais.
Fraise

Tópico movido de 'Questões sobre o painel de administração' para 'Questões sobre a aparência do fórum'

Funcionou perfeitamente. Obrigado, @Fraise.