Alterar Subfóruns

Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Administrador
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://heroesofolympus.forumeiros.com/forum

Descrição do problema

Olá,
gostaria de saber, como colocar o 'designer' dos sub-fóruns como este fórum: (regras, eventos, etc...)

http://protegohorribilis-hp.forumeiros.com/

Obrigado!

Saudações!

Se for como os Sub-fóruns, adicione o seguinte código no início da tua CSS:

Código:

h1.page-title {
color: #fff !important;
font-family: six caps;
font-size: 45px;
font-weight: 400;
letter-spacing: 2px;
text-shadow: 3px 3px 2px #000;
margin: .8em 0 .2em;
}
input.search {
background: url(http://2img.net/i/fa/sprite_prosilver_navbar.png) no-repeat top left;
background-position: 0 -701px;
padding-left: 17px;
}
input.tiny {
width: 110px;
}
ul.topiclist li {
display: block;
margin: 0;
}
li.header {
background-color: #222327;
border-bottom: 15px solid #424246;
border-radius: 45px 45px 0 0;
line-height: 18pt;
padding: 30px 0;
text-align: center;
}
li.header dl.icon {
min-height: 0;
}
dl.icon {
background-position: 10px 50%;
background-repeat: no-repeat;
height: auto;
min-height: 35px;
}
ul.topics li.header dl.icon dt {
padding-right: 50px;
}
li.header dl.icon dt {
padding-left: 0;
}
dl.icon dd.dterm, dl.icon dt {
background-position: 5px 50%;
background-repeat: no-repeat;
position: relative;
text-align: center;
}
ul.topiclist li.header dl dd {
border: none;
}
ul.topiclist dd {
border-left: 1px solid transparent;
display: block;
float: left;
padding: 4px 0;
}
li.header dd, li.header dt {
font-family: Helvetica,Candara,arial,Trebuchet MS;
font-size: 1em;
line-height: 1em;
margin: 2px 0 4px;
text-transform: uppercase;
}
ul.topiclist.bg_none {
background: none;
}
ul.topiclist {
color: #FFF;
list-style-type: none;
margin: 0;
}
.forumbg {
padding: 0 5px;
}

Caminho: Painel de Controle >> Visualização >> Imagens e Cores >> Cores >> Folha de estilo CSS

Se for referente aos fóruns ou as categorias, me avise!

Até!

Não surtiu efeito, amigo...
E sim, seria os sub-fóruns (Aonde tem aquele quadro com a imagem, tipo o 'Mural de Avisos', 'Secretaria', etc, com links externos, etc...).

Neste caso não são os sub-fóruns e sim os fóruns! Toda categoria precisa de um fórum para que ela apareça, e sub-fóruns são aqueles que ficam dentro dos fóruns, compreende?!

Código CSS:

Código:

li.header {
background-color: #222327;
border-bottom: 15px solid #424246;
border-radius: 45px 45px 0 0;
line-height: 18pt;
padding: 30px 0;
text-align: center;
}
li.header dl.icon {
min-height: 0;
}
dl.icon {
background-position: 10px 50%;
background-repeat: no-repeat;
height: auto;
}
.forabg li.header dd.dterm {
width: 90%;
}
ul.topiclist li.header dl dd {
border: none;
}
.table-title, .table-title h2 {
color: #fff;
display: inline;
font-family: six caps;
font-size: 55px;
letter-spacing: 6px;
text-align: center;
text-shadow: 1px 1px 0 #000;
}
ul.topiclist li.header dl dd {
border: none;
}
ul.topiclist dd {
border-left: 1px solid transparent;
float: left;
padding: 4px 0;
}
.forabg li.header dd.posts {
display: none;
}
.forabg li.header dd.lastpost {
display: none;
}
#tabs:after, .navbar:after, .post:after, dl.polls:after, fieldset dl:after, ul.linklist:after, ul.topiclist dl:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
ul.topiclist li {
display: block;
margin: 0;
}
ul.forums {
background-color: #161515;
border-bottom: 25px solid #424246;
border-radius: 0 0 10px 10px;
border-top: 5px solid #333335;
text-align: justify;
}
li.row {
border-bottom: 1px solid transparent;
border-top: 1px solid transparent;
}
ul.topiclist li.row dl {
padding: 9px 0;
}
ul.forums li.row dl {
min-height: 50px;
}
dl.icon dd.dterm, dl.icon dt {
background-position: 5px 50%;
background-repeat: no-repeat;
position: relative;
text-align: center;
}
.hierarchy {
border: none;
display: inline;
font-size: 1em!important;
text-transform: none;
}
.h3, h3 {
font-family: Trebuchet MS;
margin-bottom: 3px;
margin-top: 20px;
padding-bottom: 2px;
}
.desc1 {
background: none repeat scroll 0 0 #222327;
border-bottom: 9px solid #424246;
border-top: 3px double #424246;
color: #ccc;
height: 140px;
margin-left: 50px;
margin-top: -15px;
padding: 5px;
width: 840px;
}
.desc1 .ima {
float: left;
height: 140px;
overflow: hidden;
position: relative;
width: 450px;
}
.desc1 .subs {
background: none repeat scroll 0 0 rgba(0,0,0,0.6);
height: 130px;
padding: 5px;
position: absolute;
right: -150px;
transition: all .5s ease-in-out 0;
width: 140px;
}
.desc1 .subie {
background: none repeat scroll 0 0 #606060;
color: #fff;
cursor: pointer;
font-family: arial;
font-size: 10px;
font-style: normal;
font-variant: normal;
font-weight: 400;
left: -86px;
letter-spacing: 2px;
padding: 5px 1px;
position: relative;
text-align: center;
text-shadow: 0 0 0 #000;
text-transform: uppercase;
top: 54px;
transform: rotate(-90deg);
width: 140px;
}
a.forumtitle {
background: none repeat scroll 0 0 #222327;
border-top: 5px solid #424246;
color: #fff;
display: block;
font-family: six caps;
font-size: 23px;
font-weight: 100;
letter-spacing: 2px;
margin-left: 50px;
margin-top: 10px;
position: relative;
text-align: center;
text-shadow: 1px 1px #000;
transition: all .2s ease-in-out .1s;
width: 850px;
}
a.forumtitle:hover {
color: #494949;
letter-spacing: 5px;
text-decoration: none;
transition: all .2s ease-in-out .1s;
}
.desc1 .subs a.first {
margin-top: -20px;
}
.desc1 .subs a {
background: none repeat scroll 0 0 rgba(0,0,0,0.5);
color: #e1e1e1;
display: block;
font-family: "trebuchet ms";
font-size: 8px;
font-style: normal;
font-variant: normal;
font-weight: 400;
letter-spacing: 1px;
margin: 0 auto 4px;
padding: 3px 0;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: all .3s ease-in-out 0;
width: 100%;
}
.forabg li.row dd.topics {
background: none repeat scroll 0 0 #171719;
color: #fff;
font-family: Tahoma;
font-size: 11px;
height: 49px;
left: 167px;
padding: 0 0 4px;
position: relative;
text-transform: uppercase;
top: 146px;
width: 100px;
}
.forabg li.row dd.posts {
background: none repeat scroll 0 0 #171719;
color: #fff;
font-family: Tahoma;
font-size: 11px;
height: 50px;
left: -15px;
padding: 0 0 4px;
position: relative;
text-transform: uppercase;
top: 145px;
width: 89px;
}
.forabg li.row dl.icon dd.lastpost {
background: none repeat scroll 0 0 #171719;
font-size: 9px;
height: 80px;
line-height: 15px;
position: relative;
right: 105px;
text-align: center;
text-shadow: 1px 1px 0 #000;
text-transform: uppercase;
top: 58px;
width: 181px;
}
ul.forums dd {
border-color: transparent;
border-left-style: solid;
border-left-width: 1px;
}
.desc4 {
left: 0;
position: relative;
top: -120px;
}
span.corners-bottom {
background-image: url(http://2img.net/i/fa/empty.gif);
background-position: 0 100%;
clear: both;
margin: 0 -5px;
}
span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
background-repeat: no-repeat;
display: block;
font-size: 1px;
height: 5px;
line-height: 1px;
}
dd.lastpost span, dd.moderation span, dd.redirect span, ul.topiclist dd.info span, ul.topiclist dd.searchby span, ul.topiclist dd.time span {
display: block;
padding-left: 5px;
position: relative;
top: 5px;
}

Caminho: Painel de Controle >> Visualização >> Imagens e Cores >> Cores >>> Folha de estilo CSS

JS:

Código:

$(document).ready(function(){$('.desc1 .subie').toggle(function(){$(this).parent().css('right','0px')},function(){$(this).parent().css('right','-150px')})});

Caminho: Painel de Controle >> Módulos >> HTML & JAVASCRIPT >>> Gestão dos códigos JavaScript > Criar um novo JavaScript > Investimento "No índice" ou "Em todas as páginas"

Até!

Sim, seria isto! Mais ainda não atingiu o resultado esperado...

O que faltou ainda amigão?

Ficarei no aguardo!

Olá, Hankuoki.
Bem, eu não sei explicar bem, mais dê uma olhada no que eu quero:

(Circulado em vermelho)

Se entrares no fórum, verás que não tens esta mesma estrutura o Code que me passaste...

https://i.imgur.com/l6YOi03.png

Entenderás?
Obrigado!

UP;
(Faz seis dias que aguardo resposta)

Boas,

Mande-me teu CSS amigão.

Até mais.

Olá, Sennior!
Certo, aqui está:

Código:

/* Forum */
#logo { 
position:relative !important;
top: 15px;
}

#wrap {
margin-left: 255px;
-moz-border-radius: 60px;
border-radius: 60px;
border-right: 7px solid #121E38;
border-left: 7px solid #121E38;
border : 2px solid #121E38;
max-width: 1050px !important;
}

/* --- */

/* Navigation */
a.mainmenu {
bottom: 100px;
font-family: trebuchet ms;
font-size: 9px;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
background-color:#0e0e0e;
border-bottom: 0px solid #ddd;
color:#848484;
-webkit-transition: all 0.2s linear 0ms;
padding: 10px;
}

a.mainmenu:hover {
bottom: 100px;
text-decoration: none;
color: #000;
text-transform:uppercase;
background-color:#f9f9f9;
border-bottom: 0px solid #aaa;
padding: 10px;
-webkit-transition: opacity 0.6s linear;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
/* --- */

/* Widgets */

.h3 {
padding: 0px;
width: 200px;
text-align: right;
color: #ffffff;
font-family: times new roman;
font-size: 15px;
letter-spacing: 2px;
text-shadow: 1px 1px 1px #000;
margin-bottom: 0px;
position: relative;

}

.module h3{
color: #121E38;
}

.module .h3 {
height: 20px;
font-family: Oranienbaum !important;
font-size: 18px;
max-width: 300px !important;
text-align: center;
border-bottom: 1px solid #121E38;
padding-bottom: 3px;
visibility: ;
}

#content-container div#left {
  overflow-y:auto;
  background-color:#0e0e0e;
  color:#121E38;
  background-position:initial initial;
  background-repeat:initial initial;
  border-left-color:#121E38;
  border-left-style:solid;
  border-left-width:25px;
  border-right-color:#121E38;
  border-right-style:solid;
  border-right-width:10px;
  float:none;
  height:100%;
  margin:0;
  padding:0;
  position:fixed;
  left: 10px;
  top:0;
  width:200px;
}

#comments_scroll_container {
  font-family: georgia;
  font-size: 11px;
  text-tranform: lowercase;
  text-align: left;
  padding: 7px;
  background: #;
  text-align: center;
  border-radius: 0px 0px 0px 0px;
}

/* --- */

/* Forum Table */

ul.forums {
background-image: url("http://i.imgur.com/QaUnqqp.png");
background-repeat: repeat;
background-color: #121E38;
border-bottom: 15px solid #121E38;
border-radius: 0 0 40px 40px;
}

li.header {
background-image: url(\'http://i.imgur.com/PbcxC7c.png\');
color: #121E38;
text-transform: none;
font-size:0px;
padding: 35px;
background-color: #121E38;
border-bottom: 0px solid #121E38;
text-align: right;
}

.forabg .row {
display: inline !important;
width: 50%;
}
dd.dterm {
margin-left: 15px;
}

#desc-ro {
background: #DDD;
width: 362px;
height: 200px;
}

a.forumtitle {
color: #EEE9E9;
display: block;
font-family: \'Neucha\', cursive;
font-size: 20px;
margin-bottom: -16px;
text-shadow: 2px 1px 0 #5E91AD, 1px 1px 0 #444, -1px 1px 0 #444, -1px -1px 0 #444, 1px -1px 0 #444;
text-transform: uppercase;
width: 361px;
font-weight: lighter;
}

.forabg dd.topics {
background: #121E38;
border-bottom: 2px solid #64828A;
height: 89px;
margin-left: 395px;
position: absolute;
width: 70px;
font-size: 22px;
color: #DBDBDB;
font-family: \'Alfa Slab One\', cursive;
text-shadow: 2px 1px 0 #5E91AD, 1px 1px 0 #444, -1px 1px 0 #444, -1px -1px 0 #444, 1px -1px 0 #444;
text-transform: uppercase;
line-height: 89px;
display: none !important;
}
.forabg dd.posts {
background: #121E38;
height: 93px;
margin-left: 395px;
position: absolute;
width: 70px;
font-size: 22px;
color: #DBDBDB;
font-family: \'Alfa Slab One\', cursive;
text-shadow: 2px 1px 0 #5E91AD, 1px 1px 0 #444, -1px 1px 0 #444, -1px -1px 0 #444, 1px -1px 0 #444;
text-transform: uppercase;
line-height: 89px;
display: none !important;
}
.forabg dd.lastpost {
width: 303px;
background: #748192;
height: 30px;
line-height: 30px;
text-transform: uppercase;
font-family: calibri;
color: #fff;
text-shadow: 2px 1px 0 #444;
}

dd.lastpost a strong {
margin-left: 10px;
margin-right: 10px;
}

li dd.lastpost span a {
margin-right: 10px;
}

.forabg dd.lastpost a {
color: #fff;
}

.last-post-icon{ display:none; }
.lastpost br { display:none;}

/* para eliminar la columna de temas */
.forabg li.header dd.topics {
display: none
}
/* para eliminar la columna de mensajes */
.forabg li.header dd.posts {
display: none
}
/* para eliminar la columna de ultimos mensajes */
.forabg li.header dd.lastpost {
display: none
}


.table-title, .table-title h2 {
color: #ffffff;
font: 30px Neucha;
height: 64px;
text-shadow: 3px 3px 3px #121E38;
}

@font-face {
  font-family: \'Oranienbaum\';
  font-style: normal;
  font-weight: 400;
  src: local(\'Oranienbaum\'), local(\'Oranienbaum-Regular\'), url(http://themes.googleusercontent.com/static/fonts/oranienbaum/v2/WyaFSM_en0pjtlmUWwS7GWOb2gHztoQeulij-1lvl-8.woff) format(\'woff\');
}

@font-face {
  font-family: \'Yeseva One\';
  font-style: normal;
  font-weight: 400;
  src: local(\'Yeseva One\'), local(\'YesevaOne\'), url(http://themes.googleusercontent.com/static/fonts/yesevaone/v7/wVgDKaRrT3DN9VGcOY4orxsxEYwM7FgeyaSgU71cLG0.woff) format(\'woff\');
}

/* --- */

/* Post Content & Profiles */

.postbody .content {
text-align: justify;
font-size: 12px;
line-height: 13px;
background: #0e0e0e;
margin-top: -15px;
border-left: 10px solid #121E38;
padding: 10px 30px;
background-repeat: repeat;
border-bottom: 8px solid #121E38;
border-radius: 0 0 40px 40px;
}

p.author {
 background-image: url(\'\');
 background-color:  #0e0e0e;
 margin-top: 15px;
 padding: 3px !important;
 position: relative;
 right: -7em;
 text-align: center;
}

p.author {
 font-family: Yanone Kaffeesatz;
 font-size: 12px;
 line-height: 1.2em;
 margin-top: 15px;
 padding: 5 5 5px;
}

.postprofile dl dt a img {
margin-top: 10px;
padding-right: 10px;
opacity: 1.0;
border-radius: 0px 0px 0px 0px;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
.postprofile:hover dl dt a img {
opacity: 0.5;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
* div.postprofile dl dd{
display: none;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
  text-align: center;
}
* div.postprofile dl:hover dd{
text-align: justify;
display:inline-block;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-family:calibri;
font-size:11px;
text-transform:uppercase;
 
}
 
.postprofile {
width: 220px;
border-top: 3px solid #121E38;
border-left: 3px solid #121E38;
border-right: 3px solid #121E38;
font-family: georgia;
font-size:9px;
color: #COLOR;
text-transform: uppercase;
text-align: justify;
margin-left: 10px;
background-image: url(\'http://i48.tinypic.com/2aikcns.jpg\');
padding: -10px;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
.postprofile dd {
text-align: left;
margin-top: 4px;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}

.postprofile strong:first-child {
background-color:#121E38;
color: white !important;
background-position:initial initial;
background-repeat:initial initial;
display:inline-block;
font-family: Oranienbaum;
font-size:17px;
padding:5px;
margin-left: -10px;
opacity: 100;
text-align:center !important;
text-transform:uppercase;
width: 215px;
height: 17px;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}

.postprofile dt:first-child img {
margin-bottom: 3px;
display: block;
margin-left: auto;
margin-right: auto;
float:center;
padding: -10px;
max-width: 200px !important;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}*/

/* --- */

/* Group Legend */

ul + .h3, #i_whosonline + p {
  width: 500px;
}

.clear + .h3, #page-body p.page-bottom {
  float: right;
  left: -180px;
  width: 400px;
}
 
.clear + .h3 {
  position: relative;
  bottom: 420px;
  visibility: ;
}

#page-body p.page-bottom {
  position: relative;
  bottom: 370px;
  left: 450px;
  line-height: 120%;
}

ul#picture_legend {
background: url(http://i.imgur.com/PbcxC7c.png);
font: 10px  Balthazar;
text-transform: uppercase;
letter-spacing: 2px;
text-align: center!important;
display: block;
padding: 5px;
}

#page-footer li a {
font: 8px trebuchet ms;
text-transform: uppercase;
letter-spacing: 3px;
}

p em b a.gensmall {
color:gray;
float:center !important;
font-family:Kelly Slab;
font-size: 15px;
letter-spacing:2px;
text-transform:uppercase;
}
p em {
  color:transparent;
  font-style:normal;
}

@font-face {
  font-family: \'Kelly Slab\';
  font-style: normal;
  font-weight: 400;
  src: local(\'Kelly Slab\'), local(\'KellySlab-Regular\'), url(http://themes.googleusercontent.com/static/fonts/kellyslab/v3/gKqKZ8BbpAcxgFwZImcomxsxEYwM7FgeyaSgU71cLG0.woff) format(\'woff\');
}

/* --- */

/* Spoiler, Code & Others*/

dl.codebox {
font-size: 1em;
padding: 3px;
border:none;
}

dl.codebox {
-moz-border-radius: 8px 8px 8px 8px;
background:url(http://hitskin.com/themes/19/30/67/i_background.jpg);
border-top: 1px dashed #666;
border: none;
}


dl.codebox dt {
display:block;
font-size:0.8em;
font-weight:700;
color:#ddd;
margin-bottom:3px;
text-transform:uppercase;
font-family:sans-serif;
border:none;
}

dl.codebox code {
color:#ddd;
font-family:Sans-serif;
text-align:center;
font-size:9px;
border: none;
}

dl.spoiler {
border:none;
font-size:12px;
color:#ddd;
display:block;
border-bottom: 2px solid #666;
}


blockquote {
background: url(http://i122.photobucket.com/albums/o271/KaiEiri/w7kuhc83_zpsbe2c44bb.png) repeat;
border-left: 3px solid #666;
border-right: 3px solid #666;
display:block;
}

.content blockquote {
color:#color;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
letter-spacing:1px;
border:none;
border-left: 9px solid #433e3e;
border-right: 3px solid #433e3e;
}

/* --- */

/**CORPO DO CHAT**/
#chatbox_footer{background-color:#121D2D}
#chatbox,#chatbox_members,#chatbox_header.main-head,#chatbox_footer{-moz-border-radius:10px;-webkit-border-radius:10px;border:7px;border-top:7px solid #121D2D;border-bottom:7px solid}
#chatbox {background-image: url(http://images4.fanpop.com/image/photos/19200000/Dobby-harry-potter-19287081-1440-900.jpg);
background-image: url(http://images4.fanpop.com/image/photos/19200000/Dobby-harry-potter-19287081-1440-900.jpg) !important;
background-repeat: no-repeat;
background-position: bottom right;
}
#chatbox_header, #chatbox_footer, #chatbox, #chatbox_members {
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 7px solid #121D2D;
}
#chatbox_header{background-color: #121D2D;}
/**FIM DO CORPO**/

  #cajamayor{
  background: #202020;
background-color: #242424;
  padding: 10px;
border: 20px solid #000;
height: auto;
width: 1030px;

}

 .estadis-h3{
color: #fff;
background-color: #000;
padding: 50px;
text-transform: uppercase;
font-size: 20;
text-align: center;
}
#leyenda-ori {
background: #141414;
border: 10px solid #141414;
color: #aaa;
font-family: calibri;
font-size: 10px;
height: 150px;
overflow: auto;
text-align: justify;
text-transform: uppercase;
  width: 184px;}

.g1 { background: #646480; }
.g2 { background: #A4A682; }
.g3 { background: #965D6D; }
.g4 { background: #547E81; }
 
.g1, .g2, .g3, .g4 {
color: #fff;
display: block;
font-family: calibri;
font-size: 12px;
height: 20px;
margin-top: 2px;
padding: 23px;
text-align: center;
text-transform: lowercase;
text-shadow: 1px 1px 0 #222;
width: 120px;
}
p em {
    background-color: #111;
    border-bottom: 28px solid #121E38;
    border-top: 9px solid #121E38;
    color: transparent;
    display: block;
    margin-left: 105px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 800px;
}
* {
    margin: 0px;
    padding: 0px;
}
p {
    font-size: 1.1em;
    line-height: 1.3em;
}
p em b a.gensmall {
    font-family: Neucha;
    font-size: 15px;
    letter-spacing: 2px;
    text-align: center;
    text-transform: capitalize;
    text-shadow: 1px 1px 2px #000;
}
p em b a.gensmall {
    font-family: Neucha;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0px;
    font-style: normal;
    text-align: center;
    text-transform: none;
}



Obrigado!

Olá!

Poderia retirar o teu fórum de manutenção? Preciso dar uma olhada para ver o que falta exatamente, ok?

Prontinho!

Saudações amigo!

Mantenha aquele CSS e adicione este código HTML na descrição do fórum ou sub-fórum desejado:

Código:

<div class="desc1">
                                                
   <div class="ima" style="background:url(http://i.imgur.com/SwITOBJ.png)">
                                                   
      <div class="subs" style="right: -150px;">
                                                      
         <div class="subie">
                                    Links Rápidos                       
         </div><a class="first" href="http://protegohorribilis-hp.forumeiros.com/t2-regras-do-rpg">Regras do RPG</a><a href="http://protegohorribilis-hp.forumeiros.com/t97-regras-do-chatbox#108">Regras do Chatbox</a><a href="/forum"></a><a href="/forum">Link</a><a href="/forum">Link</a><a href="/forum">Link</a>                   
      </div>
                                                   
   </div>
                            
   <div align="left">
                         
      <div class="desc2">
                          
         <div class="desc4">
                    Aqui poderá encontrar todas as regras do RPG, tal como informação importante como a lista de feitiços, dicas para novatos e outros assuntos de extrema importancia e que é obrigatória passar uma vista de olhos.   
         </div>
                              
      </div>
                         
   </div>
                            
</div>

Salve!

Até!

Hey!
Se entrar no fórum, está bugado oque você me passou... tem como arrumar?

Obrigado!

Olá novamente!

Perdoe-me pela demora em vir atendê-lo! Poderia acender à: CPainel >> Visualização >> Templates > Geral >>> index_body
Clique no botão " " e copie todo o conteúdo lá presente selecionando tudo ou clicando no template e logo em seguida pressionando CTRL A, depois CTRL C ou copiar com o botão direito do mouse. Assim feito, volte ao tópico e coloque o código do template entre as TAG:

Código:

[code][/code]

Até!

Aqui:

Código:

{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />

<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
   <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
         <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
            <!-- BEGIN switch_fb_connect -->
            <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
            <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
            <!-- END switch_fb_connect -->
         </div>
      </form>
   <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->

<!-- BEGIN message_admin_index -->
   <div class="panel introduction">
      <div class="inner"><span class="corners-top"><span></span></span>
   <!-- BEGIN message_admin_titre -->
      <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
   <!-- END message_admin_titre -->

   <!-- BEGIN message_admin_txt -->
      <div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
   <!-- END message_admin_txt -->
      <span class="corners-bottom"><span></span></span></div>
   </div>
<!-- END message_admin_index -->

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->

   <!-- BEGIN switch_viewonline_link -->
   <div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
   <!-- END switch_viewonline_link -->

   <!-- BEGIN switch_viewonline_nolink -->
   <div class="h3">{L_WHO_IS_ONLINE}</div>
   <!-- END switch_viewonline_nolink -->

<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
<p>{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}

<br />
{LOGGED_IN_USER_LIST}

{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}

<br />
<em>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</em>

</p>
<div class="clear"></div>

   <!-- BEGIN switch_statistics_link -->
   <div class="h3"><a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a></div>
   <!-- END switch_statistics_link -->

   <!-- BEGIN switch_statistics_nolink -->
   <div class="h3">{L_STATISTICS}</div>
   <!-- END switch_statistics_nolink -->

<p class="page-bottom">
{TOTAL_POSTS}
</p>
<p class="page-bottom">
{TOTAL_USERS}
</p>
<p class="page-bottom">
{NEWEST_USER}
</p>
   <!-- BEGIN switch_chatbox_activate -->
   <div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
   <div class="page-bottom">
   {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
   {CHATTERS_LIST}<br />
   </div>
      <!-- BEGIN switch_chatbox_popup -->
      <div id="chatbox_popup"></div>
      <script type="text/javascript">
      insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
      </script>
      <!-- END switch_chatbox_popup -->
   <!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
   <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
         <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
            <!-- BEGIN switch_fb_connect -->
            <span class="fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
            <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
            <!-- END switch_fb_connect -->
         </div>
      </form>
   <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->

<br style="clear:both" />

<!-- BEGIN switch_legend -->
<ul id="picture_legend">
   <li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
   <li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
   <li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />{L_FORUM_LOCKED}</li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
   oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

Saudações @Orochi Uryu,

Ainda deseja a personalização? Adentrei em teu fórum e vi que o estilo de personalização esta diferente.
Ainda deseja suporte?

Até mais.