Estrutura do Fórum

[Control']

Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :

Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Endereço do fórum : http://sh-world.forumeiros.com/

Descrição do problema

Olá,

Gostaria de saber como eu faço para deixar o meu fórum igual a este na imagem, quando eu digo igual me refiro as categorias, como podem ver o títulos dos fóruns estão centralizado e com a fonte diferente e seu tamanho aumentado, as descrições também foram centralizadas. A categoria também mudou, a fonte está diferente e está posicionada mais para o canto. É isso que eu quero saber, mas não quero que a cor seja azul, a cor que eu quero é #7D2226.

[Sennior]

Saudações,

Qual é o link do fórum amigo?
Poderia nos disponibilizar o link do fórum?

Até mais.

[Control']

Olá,

Aqui está o endereço do fórum, http://elementisschool.foruns.com.pt/

[Sennior]

Saudações,

O senhor também quer que tiramos da categoria os tópicos, mensagens e ultima mensagem?
Peço que me mande também teu CSS.

Até mais.

[Control']

Olá,

Aqui está o CSS:

Código:


/*- boneco do mal -*/
.postprofile dt a img {
  box-shadow: 1px 1px 2px #000!important;
  height: auto!important;
  margin-bottom: 8px!important;
  margin-top: 0!important;
  width: auto!important;
}
/*-adeus boneco do mal-*/
/*balão no tópico*/
.postbody .content{font-size: 1.3em;-moz-border-radius: 3px;-moz-box-shadow: 0 2px 4px rgba(0,0,0,.05);-webkit-border-radius: 3px;-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.05);background-color: #fff;border-color: #CCC;border-radius: 3px;border-style: solid;left: 10px !important;border-width: 1px;box-shadow: 0 2px 4px rgba(0,0,0,.05);margin: 0;padding: 10px !important;position: relative;vertical-align: top;z-index: 1;}
/*largura do fórum*/
#wrap{width:75pc!important;}
/*Borda do forum Abaixo das categorias*/
#wrap {
margin-top: -10px;
margin-bottom: -10px;
 border-left: solid 15px #7D2226;
width: 1170px;
}
/*Borda do forum Abaixo das categorias*/
#wrap {
margin-top: -10px;
margin-bottom: -10px;
 border-right: solid 15px #7D2226;
width: 1170px;
}
/************FONTES****************/

@font-face {
font-family: 'Amatic SC';
font-style: normal;
font-weight: 400;
src: local('Amatic SC Regular'), local('AmaticSC-Regular'), url('http://themes.googleusercontent.com/static/fonts/amaticsc/v3/DPPfSFKxRTXvae2bKDzp5D8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}

@font-face {
  font-family: 'Wire One';
  font-style: normal;
  font-weight: 400;
  src: local('Wire One'), local('WireOne'), url(http://themes.googleusercontent.com/static/fonts/wireone/v3/fas9dl2wmMkt5rCu-aBez_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

 @font-face { font-family: "sueellen"; src: url('http://themes.googleusercontent.com/static/fonts/sueellenfrancisco/v2/TwHX4vSxMUnJUdEz1JIgrrtXaZAN_aGv07JTA91X2HI.woff'); }
 
@font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }

/************FIM DAS FONTES****************/

.postprofile{
text-align: center;
}
.postprofile dt a img {
box-shadow: 1px 1px 2px #000000;
margin-top: 0px;
width:200px;
  margin-bottom:8px;
  height:400px;
}
.postprofile {
background-image: url('http://i48.tinypic.com/2aikcns.jpg');
  border-radius: 0px 0px 100px 0px / 0px 0px 50px 0px;
margin-top: 17px;
border-left: 9px double #120707;
float: right;
font-family: arial;
  line-heighr:90%;
font-size: 12px;
  text-transform:uppercase;
margin-right: -3px;
padding-top: 13px;
color: #d4d4d4;
text-align: center;
width: 220px;
box-shadow:0px 2px 5px #000000;
}
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
color: #d4d4d4;  
font-family: amatic sc;
font-size: 30px;
line-height: 40%;
font-weight:800;
  margin-bottom:-15px;
letter-spacing: 1px;
font-style:normal;
  text-transform:uppercase;
text-decoration: none;
  text-shadow: 1px 1px 1px #000000;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.postprofile a:hover {  
    margin-top:0px;
font-family: amatic sc;
font-size: 30px;
letter-spacing: 3px;
font-style:normal;
  text-transform:uppercase;
text-shadow: 1px 1px 1px #000000;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
/************LEGENDAS*********/

#main-content em{
  font-size:0px
}
#main-content em::before{
  content:'Legenda: ';
  font-size:25px;
  font-style:normal;
  opacity: 0.0;
}
#main-content em b *{
  font-size:30px;
  font-style:normal;
  font-align:center;
  font-family: amatic sc;
}
#main-content em b *::hover{
  font-size:30px;
  font-style:normal;
  font-align:center;
  font-family: amatic sc;
  text-transform: uppercase;
}
#main-content em b a::before{
  content:' • ';color:black
}
#main-content em b:first-child a::before{
  content:''
}
#main-content em,
#main-content em *:link{
  cursor:default;
  color:inherit
}

/************FIM DAS LEGENDAS*********/

div.postprofile dl dt img{
      margin-left: 0px;
    border: 0px solid #eee;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
 
div.postprofile dl dt img:hover {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
}

.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,.post div.user-ident div.user-basic-info a img:first-child,dl.postdetails dl a img:first-child{
-moz-box-shadow:2px 2px 10px #2B042F;
-webkit-box-shadow:2px 2px 10px #2B042F;
box-shadow:2px 2px 10px #2B042F;
}

/* Cursor Personalizado - http://sh-world.forumeiros.com/ */  body {cursor: url('http://i.imgur.com/xf8SoMv.png'), url('http://i.imgur.com/xf8SoMv.png'), auto;} a:hover {cursor: url('http://i.imgur.com/qLATaiL.png'), url('http://i.imgur.com/qLATaiL.png'), auto;}

.postprofile {right: 27px !Important;}

/* ---------------- Barra de rolagem Google Chrome---------------- */
::-webkit-scrollbar {
width: 15px;
height: 5px;
}
::-webkit-scrollbar-track-piece {
background: #aebcbf;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background: #7D2226;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #FFA500;
}

/* --- Categoria --- */
.table-title h2 {
font-family: Bebas Neue;
font-size: 30px;
}
.table-title h2 { text-align: center !important; margin: 0 !important; display: block; width: 100%;}
/* --- FIM CATEGORIA --- */

/* Menu */
ul.navlinks{font-weight:700;text-align:center}ul.linklist li{display:inline;font-size:1.1em;line-height:2.2em;list-style-type:none;text-align:center;width:auto}#page-header .navbar a.mainmenu:hover{background-color:#0A0A0A;font-family:arial narrow;font-size:10px;letter-spacing:2px;margin-left:-5px;margin-right:-5px;padding:10px;position:relative;text-transform:uppercase}#page-header .navbar a.mainmenu{background-color:#B72C2C;color:#FFF;font-family:arial narrow;font-size:10px;letter-spacing:2px;margin-left:-5px;margin-right:-5px;padding:10px;position:relative;text-transform:uppercase}
/* FIM MENU */
/*----Efeito das Categorias----*/
.lastpost {
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 0 8px #666666;
    margin: 3px;
    width: auto;
}
.header .lastpost {
    box-shadow: none;
}
/*-Fim-*/



Index_box:

Código:


<ul class="linklist">
   <!-- BEGIN switch_user_logged_in -->
   <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>&nbsp;&bull;&nbsp;</li>
   <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>&nbsp;&bull;&nbsp;</li>
   <!-- END switch_user_logged_in -->
   <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
   <!-- BEGIN switch_user_logged_in -->
   <li class="rightside"><a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
   <!-- END switch_user_logged_in -->
</ul>

<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="forabg">
         <div class="inner"><span class="corners-top"><span></span></span>
         <ul class="topiclist">
            <li class="header">
               <dl class="icon">
                  <dd class="dterm"><div class="table-title">{catrow.tablehead.L_FORUM}</div></dd>
                  <dd class="topics">{L_TOPICS}</dd>
                  <dd class="posts">{L_POSTS}</dd>
                  <dd class="lastpost"><span>{L_LASTPOST}</span></dd>
               </dl>
            </li>
         </ul>
         <ul class="topiclist forums">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
            <li class="row">
               <dl class="icon" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll {catrow.forumrow.INC_LEVEL} 50%;">
                  <dd class="dterm">
                     <div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">
                        <h{catrow.forumrow.LEVEL} class="hierarchy">
                        <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
                        </h{catrow.forumrow.LEVEL}>
                        <br />
                        {catrow.forumrow.FORUM_DESC}

                        <!-- BEGIN switch_moderators_links -->
                           {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                        <!-- END switch_moderators_links -->
                        {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                        <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                     </div>
                  </dd>
                  <dd class="topics">{catrow.forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
                  <dd class="posts">{catrow.forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>
                  <dd class="lastpost">
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

                     <span>
                     <!-- BEGIN switch_topic_title -->
                     <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                     <!-- END switch_topic_title -->
                     {catrow.forumrow.USER_LAST_POST}
                     </span>
                  </dd>
               </dl>
            </li>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </ul>

         <span class="corners-bottom"><span></span></span></div>
      </div>
   <!-- END tablefoot -->
<!-- END catrow -->

<!-- BEGIN switch_on_index -->
<ul class="linklist">
   <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>&nbsp;&bull;&nbsp;</li>
   <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>&nbsp;&bull;&nbsp;</li>
   <li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
   <!-- BEGIN switch_delete_cookies -->
   <li class="rightside"><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
   <!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->


[Sennior]

Boas,

Vamos ver como ficou?
Altere teu CSS:

Código:

@font-face{font-family:Fishfingers;font-style:normal;font-weight:400;src:local(Fishfingers), local(Fishfingers), url(http://themes.googleusercontent.com/static/fonts/wireone/v3/fas9dl2wmMkt5rCu-aBez_esZW2xOQ-xsNqO47m55DA.woff) format("woff")}@font-face{font-family:'Pathway Gothic One';font-style:normal;font-weight:400;src:local('Pathway Gothic One'), local(PathwayGothicOne-Regular), url(http://themes.googleusercontent.com/static/fonts/pathwaygothicone/v1/Lqv9ztoTUV8Q0FmQZzPqaBfSZ9PF2sGs8WIylam6T2Y.woff) format("woff")}
.table-title h2 {
    color: #CCC;    font-family: Fishfingers, sans-serif;    font-size: 60px;    height: auto;   
    margin-top: 10px;    padding-right: 0;    text-align: center;
    margin-left: 21pc;
    position: relative;
    top: -7px;
    font-weight: 100;
}
.forabg {
  background-color: #7D2226;
  background-image: url(http://2img.net/i/fa/empty.gif);
  background-position: 0 0;
  background-repeat: repeat-x;
  clear: both;
  padding-top: 24px;
  border: 0px solid rgb(125, 34, 38);
}
a.forumtitle {
  color: #7D2226!important;
  font-family: 'Pathway Gothic One', sans-serif!important;
  font-size: 30px!important;
  font-weight: 400!important;
  text-transform: uppercase!important;
  text-align: center!important;
  position:relative!important;
  display: block;
  left: 2pc;
}
span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
  background-image: url(http://2img.net/i/fa/prosilver/corners_right.gif);
  background-position: 100% 0;
  background-image: none!important;
}
ul.forums {
  background-image: none;
  background-color: #FFFEF4;
  list-style-type: none;
  margin: 0;
  border: transparent;
}
li.row {
  border-bottom: transparent;
  border-top: transparent;
  border-left: transparent;
  border-style: none;
}


/*- boneco do mal -*/
.postprofile dt a img {
  box-shadow: 1px 1px 2px #000!important;
  height: auto!important;
  margin-bottom: 8px!important;
  margin-top: 0!important;
  width: auto!important;
}
/*-adeus boneco do mal-*/
/*balão no tópico*/
.postbody .content{font-size: 1.3em;-moz-border-radius: 3px;-moz-box-shadow: 0 2px 4px rgba(0,0,0,.05);-webkit-border-radius: 3px;-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.05);background-color: #fff;border-color: #CCC;border-radius: 3px;border-style: solid;left: 10px !important;border-width: 1px;box-shadow: 0 2px 4px rgba(0,0,0,.05);margin: 0;padding: 10px !important;position: relative;vertical-align: top;z-index: 1;}
/*largura do fórum*/
#wrap{width:75pc!important;}
/*Borda do forum Abaixo das categorias*/
#wrap {
margin-top: -10px;
margin-bottom: -10px;
 border-left: solid 15px #7D2226;
width: 1170px;
}
/*Borda do forum Abaixo das categorias*/
#wrap {
margin-top: -10px;
margin-bottom: -10px;
 border-right: solid 15px #7D2226;
width: 1170px;
}
/************FONTES****************/

@font-face {
font-family: 'Amatic SC';
font-style: normal;
font-weight: 400;
src: local('Amatic SC Regular'), local('AmaticSC-Regular'), url('http://themes.googleusercontent.com/static/fonts/amaticsc/v3/DPPfSFKxRTXvae2bKDzp5D8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}

@font-face {
  font-family: 'Wire One';
  font-style: normal;
  font-weight: 400;
  src: local('Wire One'), local('WireOne'), url(http://themes.googleusercontent.com/static/fonts/wireone/v3/fas9dl2wmMkt5rCu-aBez_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

 @font-face { font-family: "sueellen"; src: url('http://themes.googleusercontent.com/static/fonts/sueellenfrancisco/v2/TwHX4vSxMUnJUdEz1JIgrrtXaZAN_aGv07JTA91X2HI.woff'); }
 
@font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }

/************FIM DAS FONTES****************/

.postprofile{
text-align: center;
}
.postprofile dt a img {
box-shadow: 1px 1px 2px #000000;
margin-top: 0px;
width:200px;
  margin-bottom:8px;
  height:400px;
}
.postprofile {
background-image: url('http://i48.tinypic.com/2aikcns.jpg');
  border-radius: 0px 0px 100px 0px / 0px 0px 50px 0px;
margin-top: 17px;
border-left: 9px double #120707;
float: right;
font-family: arial;
  line-heighr:90%;
font-size: 12px;
  text-transform:uppercase;
margin-right: -3px;
padding-top: 13px;
color: #d4d4d4;
text-align: center;
width: 220px;
box-shadow:0px 2px 5px #000000;
}
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
color: #d4d4d4; 
font-family: amatic sc;
font-size: 30px;
line-height: 40%;
font-weight:800;
  margin-bottom:-15px;
letter-spacing: 1px;
font-style:normal;
  text-transform:uppercase;
text-decoration: none;
  text-shadow: 1px 1px 1px #000000;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.postprofile a:hover { 
    margin-top:0px;
font-family: amatic sc;
font-size: 30px;
letter-spacing: 3px;
font-style:normal;
  text-transform:uppercase;
text-shadow: 1px 1px 1px #000000;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
/************LEGENDAS*********/

#main-content em{
  font-size:0px
}
#main-content em::before{
  content:'Legenda: ';
  font-size:25px;
  font-style:normal;
  opacity: 0.0;
}
#main-content em b *{
  font-size:30px;
  font-style:normal;
  font-align:center;
  font-family: amatic sc;
}
#main-content em b *::hover{
  font-size:30px;
  font-style:normal;
  font-align:center;
  font-family: amatic sc;
  text-transform: uppercase;
}
#main-content em b a::before{
  content:' • ';color:black
}
#main-content em b:first-child a::before{
  content:''
}
#main-content em,
#main-content em *:link{
  cursor:default;
  color:inherit
}

/************FIM DAS LEGENDAS*********/

div.postprofile dl dt img{
      margin-left: 0px;
    border: 0px solid #eee;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
 
div.postprofile dl dt img:hover {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
}

.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,.post div.user-ident div.user-basic-info a img:first-child,dl.postdetails dl a img:first-child{
-moz-box-shadow:2px 2px 10px #2B042F;
-webkit-box-shadow:2px 2px 10px #2B042F;
box-shadow:2px 2px 10px #2B042F;
}

/* Cursor Personalizado - http://sh-world.forumeiros.com/ */  body {cursor: url('http://i.imgur.com/xf8SoMv.png'), url('http://i.imgur.com/xf8SoMv.png'), auto;} a:hover {cursor: url('http://i.imgur.com/qLATaiL.png'), url('http://i.imgur.com/qLATaiL.png'), auto;}

.postprofile {right: 27px !Important;}

/* ---------------- Barra de rolagem Google Chrome---------------- */
::-webkit-scrollbar {
width: 15px;
height: 5px;
}
::-webkit-scrollbar-track-piece {
background: #aebcbf;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background: #7D2226;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #FFA500;
}

/* --- Categoria --- */
.table-title h2 {
font-family: Bebas Neue;
font-size: 30px;
}
.table-title h2 { text-align: center !important; margin: 0 !important; display: block; width: 100%;}
/* --- FIM CATEGORIA --- */

/* Menu */
ul.navlinks{font-weight:700;text-align:center}ul.linklist li{display:inline;font-size:1.1em;line-height:2.2em;list-style-type:none;text-align:center;width:auto}#page-header .navbar a.mainmenu:hover{background-color:#0A0A0A;font-family:arial narrow;font-size:10px;letter-spacing:2px;margin-left:-5px;margin-right:-5px;padding:10px;position:relative;text-transform:uppercase}#page-header .navbar a.mainmenu{background-color:#B72C2C;color:#FFF;font-family:arial narrow;font-size:10px;letter-spacing:2px;margin-left:-5px;margin-right:-5px;padding:10px;position:relative;text-transform:uppercase}
/* FIM MENU */
/*----Efeito das Categorias----*/
.lastpost {
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 0 8px #666666;
    margin: 3px;
    width: auto;
}
.header .lastpost {
    box-shadow: none;
}
/*-Fim-*/


Template:

Código:

<ul class="linklist">
  <!-- BEGIN switch_user_logged_in -->
  <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>&nbsp;&bull;&nbsp;</li>
  <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>&nbsp;&bull;&nbsp;</li>
  <!-- END switch_user_logged_in -->
  <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
  <!-- BEGIN switch_user_logged_in -->
  <li class="rightside"><a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
  <!-- END switch_user_logged_in -->
</ul>

<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
      <div class="forabg">
        <div class="inner"><span class="corners-top"><span></span></span>
        <ul class="topiclist">
            <li class="header">
             
            </li>
        </ul>
        <ul class="topiclist forums">
  <!-- END tablehead -->

  <!-- BEGIN forumrow -->
            <li class="row">
              <dl class="icon" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll {catrow.forumrow.INC_LEVEL} 50%;">
                  <dd class="dterm">
                    <div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">
                        <h{catrow.forumrow.LEVEL} class="hierarchy">
                        <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
                        </h{catrow.forumrow.LEVEL}>
                        <br />
                        {catrow.forumrow.FORUM_DESC}

                        <!-- BEGIN switch_moderators_links -->
                          {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                        <!-- END switch_moderators_links -->
                        {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                        <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                    </div>
                  </dd>
                  <dd class="topics">{catrow.forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
                  <dd class="posts">{catrow.forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>
                  <dd class="lastpost">
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

                    <span>
                    <!-- BEGIN switch_topic_title -->
                    <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                    <!-- END switch_topic_title -->
                    {catrow.forumrow.USER_LAST_POST}
                    </span>
                  </dd>
              </dl>
            </li>
  <!-- END forumrow -->

  <!-- BEGIN tablefoot -->
            </ul>

        <span class="corners-bottom"><span></span></span></div>
      </div>
  <!-- END tablefoot -->
<!-- END catrow -->

<!-- BEGIN switch_on_index -->
<ul class="linklist">
  <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>&nbsp;&bull;&nbsp;</li>
  <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>&nbsp;&bull;&nbsp;</li>
  <li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
  <!-- BEGIN switch_delete_cookies -->
  <li class="rightside"><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
  <!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->

Até mais.

[Control']

Olá,

Chegou bem perto, porém os nomes das categorias sumiram. :/

[Sennior]

Boas,

Altere somente o Template pelo abaixo:

Código:

<ul class="linklist">
  <!-- BEGIN switch_user_logged_in -->
  <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>&nbsp;&bull;&nbsp;</li>
  <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>&nbsp;&bull;&nbsp;</li>
  <!-- END switch_user_logged_in -->
  <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
  <!-- BEGIN switch_user_logged_in -->
  <li class="rightside"><a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
  <!-- END switch_user_logged_in -->
</ul>

<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
      <div class="forabg">
        <div class="inner"><span class="corners-top"><span></span></span>
        <ul class="topiclist">
            <li class="header">
              <dl class="icon">
                  <dd class="dterm"><div class="table-title">{catrow.tablehead.L_FORUM}</div></dd>
                 
              </dl>
            </li>
        </ul>
        <ul class="topiclist forums">
  <!-- END tablehead -->

  <!-- BEGIN forumrow -->
            <li class="row">
              <dl class="icon" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll {catrow.forumrow.INC_LEVEL} 50%;">
                  <dd class="dterm">
                    <div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">
                        <h{catrow.forumrow.LEVEL} class="hierarchy">
                        <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
                        </h{catrow.forumrow.LEVEL}>
                        <br />
                        {catrow.forumrow.FORUM_DESC}

                        <!-- BEGIN switch_moderators_links -->
                          {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                        <!-- END switch_moderators_links -->
                        {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                        <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                    </div>
                  </dd>
                  <dd class="topics">{catrow.forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
                  <dd class="posts">{catrow.forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>
                  <dd class="lastpost">
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

                    <span>
                    <!-- BEGIN switch_topic_title -->
                    <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                    <!-- END switch_topic_title -->
                    {catrow.forumrow.USER_LAST_POST}
                    </span>
                  </dd>
              </dl>
            </li>
  <!-- END forumrow -->

  <!-- BEGIN tablefoot -->
            </ul>

        <span class="corners-bottom"><span></span></span></div>
      </div>
  <!-- END tablefoot -->
<!-- END catrow -->

<!-- BEGIN switch_on_index -->
<ul class="linklist">
  <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>&nbsp;&bull;&nbsp;</li>
  <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>&nbsp;&bull;&nbsp;</li>
  <li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
  <!-- BEGIN switch_delete_cookies -->
  <li class="rightside"><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
  <!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->

Até mais.

[Control']

Olá,

Os nomes apareceram mas estão no lugar errado, gostaria que eles ficassem mais para a direita como na imagem.

[iPlay]

Adicione isto ao seu CSS:

Código:

.table-title h2 {
  left: 247px;
}

Resulta amigo?

[Control']

Olá,

Deu certo, obrigado aos dois pela ajuda! Resolvido.