Cum aranjez forum-urile si sub-forum-urile[ca in imagine]

[bogdhy]

Dupa cum spune si titlul cum pot aranja forum-urile si sub-forum-urile in aceasta forma ?

[Bender]

Partea I a tutorialului


1) Mergem in PA => Afisare => Template-uri => index_box, inlocuim tot cu :

Cod:


<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}

        {CURRENT_TIME}

        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>

        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->

<table align="center" class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
  </tr>
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
        <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
              <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
        </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
          <img class="iconimg" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

            </span>
        </h{catrow.forumrow.LEVEL}>
        <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
<span class="virgule">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
        </span>
      </td>
      <td class="row3" align="center" valign="middle" height="50">
        <div class="topic_cat">{catrow.forumrow.TOPICS}</div>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
        <div class="post_cat">{catrow.forumrow.POSTS}</div>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
        <div class="last_post_cat">{catrow.forumrow.LAST_POST}</div>
      </td>
  </tr>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
  </tr>
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

2) Mergem in PA => Afisare => Imagini si culori => Culori => Foaie de stil CSS , si adaugati codul urmator

Cod:


.virgule{
margin-left: 40px;
color: #red;}

.iconimg{
margin-right: -20px;}

.last_post_cat, .post_cat, .topic_cat{
font-size: 12px;}

.last_post_cat{
width: 160px;
background: #fff;
border: 1px solid #000;
-moz-box-shadow: inset 0 0 1px #0c0c0c;
-webkit-box-shadow: inset 0 0 1px #0c0c0c;
box-shadow: inner 0 0 1px #0c0c0c;}

.post_cat{
margin-left: -160px;}

.topic_cat{
margin-left: -240px;}

Partea a II-a a tutorialului


1) PA => General => Categorii si forumuri => Cream o categorie, cu numele dorit.

2) Cream un forum, il atasam la categoria creatata ii dam numele

Cod:

<span></span>

Atasati la descriere doar acel cod fara mici modificari.

Atentie ! Pasul 3 nu este existent in tutorialul in limba engleza, dar este foarte important si mai bine sa il facem de acum sa nu pierdem timpul dupa.
3) La forumul creat( pasul 2) adaugam 4 subforumuri si le dam numele dorite, intram in fiecare forum si luam link-ul forumului, o sa ne fie de mare ajutor mai tarziu.

4) Dupa ce am luat link-urile celor 4 subforumuri le schimbam numele in

Cod:

<span style="display:none;">FORUM NAME</span>

5) Ne intoarcem la primul forum, la care am introdus

Cod:

<span></span>

si atasam sub el codul de mai jos

Cod:


<table width="650" border="0">
        <tr>
        <td width="120"><a href="LINKUL CATRE FORUM">    <div align="center">
        <strong><span style="font-size: 12px;">NUMELE FORUMULUI</span></strong>
        <br>
        <img src="LINK ICON" border="0"></div>    </a>
        </td>

        <td width="120"><a href="LINKUL CATRE FORUM">    <div align="center">
        <strong><span style="font-size: 12px;">NUMELE FORUMULUI</span></strong>
        <br>
        <img src="LINK ICON" border="0"></div>    </a>
        </td>

        <td width="120"><a href="LINKUL CATRE FORUM">    <div align="center">
        <strong><span style="font-size: 12px;">NUMELE FORUMULUI</span></strong>
        <br>
        <img src="LINK ICON" border="0"></div>    </a>
        </td>

        <td width="120"><a href="LINKUL CATRE FORUM">    <div align="center">
        <strong><span style="font-size: 12px;">NUMELE FORUMULUI</span></strong>
        <br>
        <img src="LINK ICON" border="0"></div>    </a>
        </td>
        </tr>  </table>


Dupa cum v-am spus la pasul 3, era foarte important sa luati linkurile de atunci.

6) Mergem in PA => Afisare => Structura si ierarhie => Mediu

7) Mergem in PA => Afisare => Structura si ierarhie => Link catre nivelele inferioare => Cu o imagine.

8 ) Mergem PA => Afisare => Administrare imagini => Mod avansat => Mini icon-uri =>

Mini subiect : https://i.servimg.com/u/f72/15/42/26/78/nonew310.png

Mini subiect-nou: https://i.servimg.com/u/f72/15/42/26/78/newpos10.png

Mini subiect-inchis: https://i.servimg.com/u/f72/15/42/26/78/locked10.png


Va recomand sa folositi iconurile de mai sus pentru ca sa fie aliniate corect categoriile.
Cam asa trebuie realizat pentru platforma forumgratuit la versiunile Phpbb2 si PunBB.

[bogdhy]

Pentru phpbb3 ?

[Bender]

Nu exista .

[bogdhy]

Am rezolvat eu pentru phpbb3 cu ajutor-ul tutorialului tau multumesc mult.

Cerere Rezolvata !

[Zack.]