Tutorial pentru categorii ca aici pe forum.


Sa incepem..

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

2) Cream un forum, il atasam la categoria creata( pasul 1) si ii dam numele

Cod:

<span></span>

Doar atat, fara alt text !

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>

Pentru a ascunde numele forumului, ramanand doar iconul de status.

5) Ne intoarcem la primul forum, cel principal care are cele 4 subforumuri si in descrierea sa adaugam codul:

Cod:

<table width="650" border="0">
    <tr> 
    <td width="120"><a href="/f13-general">    <div align="center">
    <strong><span style="font-size: 12px;">General</span></strong>
    <br> 
    <img src="http://i42.tinypic.com/jzuxlj.png" border="0"></div>    </a>
    </td>

    <td width="120"><a href="/f14-anunturi">    <div align="center">
    <strong><span style="font-size: 12px;">Anunturi</span></strong>
    <br> 
    <img src="http://i44.tinypic.com/10wkzty.jpg" border="0"></div>    </a>
    </td>

    <td width="120"><a href="/f15-introducere">    <div align="center">
    <strong><span style="font-size: 12px;">Introducere</span></strong>
    <br> 
    <img src="http://i41.tinypic.com/k3stb7.png" border="0"></div>    </a>
    </td>

    <td width="120"><a href="/f16-sugestii">    <div align="center">
    <strong><span style="font-size: 12px;">Sugestii</span></strong>
    <br> 
    <img src="http://i11.servimg.com/u/f11/11/91/65/81/gd10.png" border="0"></div>    </a>
    </td> 
    </tr>  </table>

Subforumurile trebuie sa fie in aceasi ordine ca si in codul de mai sus.

Acesta e fix codul folosit de mine la prima categorie a forumului.
Voi inlocuiti link-urile, numele si imaginea.. sper sa va descurcati.
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/f75/16/05/93/11/nonew310.png
Mini subiect-nou: https://i.servimg.com/u/f75/16/05/93/11/newpos11.png
Mini subiect-inchis: https://i.servimg.com/u/f75/16/05/93/11/locked13.png

Este indicat sa folositi iconurile date mai sus, altfel nu se vor alinia corect...


Asta a fost tot..
Daca nu intelegeti ceva astept un reply aici.
De asemenea astept si pareri.


Sursa: colorful-life

Am descoperit ca am uitat ceva.
Iconurile de status nu se pun exact sub categorie..

Cum rezolvam?
Mergem PA => Afisare => Tempalteuri => 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 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>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></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">&nbsp;</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="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>
         <img class="icat" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
         <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 style="color: #172129; text-align: center" margin-left: 0 auto;">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
         </span>
      </td>
      <td class="row3" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </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 -->

Apoi PA => Afisare => Foaie de stil css => adaugam:

Cod:

.icat{
margin-left: 35px;
margin-top: -20px;
}