mesaje si subiecte intr-un chenar phpbb3

Poate nu am cautat eu bine... dar vreau sa fac mesajele si subiectele una sub alta si bagate intr-un chenar, sa fie ca aici si daca se poate sa scrie statistici exact ca in poza dar sa aiba si chenar pentru phpBB3

dami index_box

Pentru phpbb3 as vrea.

Hristos a inaltat!

Pentru versiunea phpBB3 si Invision exista alt tutorial, va invit sa il cititi aici:
https://help.forumgratuit.ro/t41542-personalizarea-categoriilor-pe-versiunile-phpbb3-si-invision

Cum pot modifica scrisul de la subiecte si mesaje ca sa fie mai mic? iar acel chenar sa fie mai mic si in inaltime si in lungime .

------------
Nu se poate pune si la vizualizari si raspunsuri atunci cand intri intr'un forum dintr'o categorie? sa nu fie numai pe prima pagina

Creati inca un cod JavaScript si adaugati:

Cod:

$(document).ready(function(){
  $('.forumbg ul.topiclist.topics li.row').each(function(){
      $(this).find('dd.posts').wrapInner('<div class="y_posts">');
      $(this).find('dd.views').wrapInner('<div class="y_views">');
      var towviews = $(this).find('.y_views');
      $(this).find('.y_posts').insertBefore(towviews);
      $(this).find('.y_views').append('vizualizari');
      $(this).find('.y_posts').append('raspunsuri');
  });
  $('.forumbg ul.topiclist li.header dd.views').text('Statistici');
});

Iar in foaia de stil:

Cod:

.forumbg ul.topiclist li.header dd.posts{
  visibility: hidden;
  width: 0px;
}

.forumbg ul.topiclist.topics li.row dd.posts{
  visibility: hidden;
  width: 10px;
}

.y_posts, .y_views{
  visibility: visible !important;
}

.y_views, .y_posts{
  background: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #DDD;
  top: 7px;
  right: 9px;
  position: relative;
  width: 100%;
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 7px;
  font-weight: bold;
}

.forumbg ul.topiclist.topics li.row dd.views, .forumbg ul.topiclist li.header dd.views{
  width: 12%;
}

.forumbg ul.topiclist.topics li.row dd.posts, .forumbg ul.topiclist li.header dd.posts{
  width: 20px;
}

.forumbg ul.topiclist.topics li.row dd.views{
  padding-left: 10px;
}

.forumbg ul.topiclist li.header dd.views{
  padding-left: 10px !important;
}

Dar asa ceva nu merge facut? 

Cod:

Cum pot modifica scrisul de la subiecte si mesaje ca sa fie mai mic? iar acel chenar sa fie mai mic si in inaltime si in lungime .

1. Inlocuiti acest fragment de cod:

Cod:

.w_topics, .w_posts{
  background: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #DDD;
  top: 7px;
  position: relative;
  width: 100%;
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 7px;
  font-weight: bold;
}

cu:

Cod:

.w_topics, .w_posts {
background: white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #DDD;
top: 7px;
position: relative;
width: 100px;
margin-left: 20px;
margin-bottom: 7px;
font-weight: normal;
font-size: 11px;
}

2. Inlocuiti acest fragment de cod:

Cod:

.y_views, .y_posts{
  background: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #DDD;
  top: 7px;
  right: 9px;
  position: relative;
  width: 100px;
  margin-left: 3px;
  margin-bottom: 7px;
  font-weight: bold;
}

cu:

Cod:

.y_views, .y_posts {
background: white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #DDD;
top: 7px;
position: relative;
width: 100px;
margin-left: 11px;
margin-bottom: 7px;
font-weight: normal;
font-size: 11px;
}