Imagini la categorii

Cum pot face imaginile de la categorii ca in imagine:

Buna ziua,
Ati incercat sa folositi functia Cautare ?
Aveti mai jos cateva rezultate pt. ceea ce doriti:
https://help.forumgratuit.ro/t44944-
https://help.forumgratuit.ro/t49152-

Nu prea inteleg nimic, am incercat eu ceva dar nu imi iese.

Postati va rog template-ul index_box.

Inlocuiti template-ul actual cu acesta:

Cod:

<div class="pun-crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <p class="crumbs"><a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
      <div class="main-head">
        <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
        <table cellspacing="0" class="table">
            <thead>
              <tr>
                  <th class="tcl">{L_FORUM}</th>
                  <th class="tc2">{L_TOPICS}</th>
                  <th class="tc3">{L_POSTS}</th>
                  <th class="tcr">{L_LASTPOST}</th>
              </tr>
            </thead>
            <tbody class="statused">
  <!-- END tablehead -->

  <!-- BEGIN forumrow -->
              <tr>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                    <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    </span>
                    <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                    <br />
                    <div class="descriere">{catrow.forumrow.FORUM_DESC}</div>
                    <!-- BEGIN switch_moderators_links -->
                    <br />
                    {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}
                  </td>
                  <td class="tc2">{catrow.forumrow.TOPICS}</td>
                  <td class="tc3">{catrow.forumrow.POSTS}</td>
                  <td class="tcr">
                            <!-- 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>
                  </td>
              </tr>
  <!-- END forumrow -->

  <!-- BEGIN tablefoot -->
            </tbody>
        </table>
      </div>
  <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
  <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
  </ul>
  <!-- BEGIN switch_delete_cookies -->
  <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
  </p>
  <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

Ulterior, vizitati: Panoul de administrare => Afisare => Culori => Foaia de stil CSS si adaugati:

Cod:

.descriere img {
  margin-left: -40px;
  margin-top: -10px;
}
.pun tbody.statused span.status {
  display: none !important;
}

Modificati valorile de 40px si 10px dupa bunul plac.

Acum nu-mi mai apare. Eu vreu sa pun iconitele acelea ca in imagine. Daca le adaug in descriere sau in link-ul poze imi apare jos, sub scris.

Imaginea specifica forumului ati adaugat-o in: Panoul de administrare => General => Categorii si forumuri => Adresa imaginii (a forumului selectat) ?
Pe langa imagine, ati incercat sa adaugati o mica descriere forumului ?

Da, si uite cum apare ! Eu vreau ca in imagine sa apara...

Dvs. ati citit intreg mesajul meu ? V-am rugat 2 lucruri, din care observ ca doar unul este aplicat. Am sa va rog ca de fiecare data cand va solicit ceva, sa cititi cu atentie, urmand apoi sa aplicati sfaturile.

Am incercat dar nu are efect. Imagine tot acolo este. Doriti sa fac un screen ?

Nu, e ok. Adaugati in Foaia de stil CSS urmatorul cod:

Cod:

.pun tbody.statused td.tcl img {
  position: relative !important;
  left: -40px !important;
  top: -5px !important;
}