Schimbare imaginii forum cu imagini descriere

Buna tuturor as vrea si eu sa schimb imaginile de la : Mesaje noi, Nu sunt mesaje noi, Forum Blocat
demo:

Cu imaginile de la descriere:


Deci practic eu vreau ca imaginea de la descriere sa vina in locul imaginei de la Mesaje noi, Nu sunt mesaje noi, Forum Blocat.

Pentru asta aveti nevoie de index_box poftim index_box al meu este personalizat

Cod:

<div class="pun-crumbs">
   <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="main-head mybb">
         <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
         <table cellspacing="0" class="table">
            <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="desc_forum_cat_row">{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"></td>
                  <td class="tc3">
                                                  <p id="catrow"> <span>{catrow.forumrow.TOPICS} </span> Threads</p>
                                                   <p id="catrow"> <span>{catrow.forumrow.POSTS} </span> Posts</p></td>
                  <td class="tcr">
                     <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><br/>
   <!-- END tablefoot -->
<!-- END catrow -->
</div>

Si un exemplu mai concret aici:


Tin sa mentionez folosesc punbb

Salut,

Incearca: Panou de administrare ~> Afisare ~> Template-uri ~> General ~> index_box
Dati click pe "index_box", stergeti tot scriptul de acolo dupa care puneti scriptul de mai jos si apasati butoanele "Inregistrare" si "Publica".

Cod:

<div class="pun-crumbs">
  <p class="crumbs"><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">
           
            <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};">
                    </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="chenar-subiecte"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    </div>
                    <div class="descriere">{catrow.forumrow.FORUM_DESC}</div>
                                                  {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                    <!-- BEGIN switch_moderators_links -->
                    <br />
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->
                   
                  </td>
                 
                                          <td class="tc3">
                                            <div class="stats" style="width: 95px"><span class="gensmall">
                                              <b><font color="a1a1a1">Subiecte</font><div class="stats1"><font color="a1a1a1">{catrow.forumrow.TOPICS}</font></div></b></span></div>
                   
                  <div class="stats" style="width: 95px"><span class="gensmall">
                    <b><font color="a1a1a1">Mesaje</font><div class="stats1"><font color="a1a1a1">{catrow.forumrow.POSTS}</font></div></b></span></div>
      </td>
                                         
                  <td class="tcr">
                      <div class="ultimulpost"  style="width: 175px"><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>
                                            </div>
                  </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}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
  </p>
  <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

Panou de administrare ~> Afisare ~> Imagini si culori ~> Culori ~> Foaie de stil CSS
Adaugati scripturile de mai jos dupa care apasati butonul "Valideaza".

Cod:

.pun table .tcr {width: 75px;}
.pun table .tc3 {width: 75px !important;}

.main table td.tc3 {
padding-left: 10px!important;
}

Cod:

.hierarchy {
margin-left: 45px !important;}

.forumline tr td.row1.over h3.hierarchy{
margin-left: 45px;}
.forumline tr td.row1.over span.genmed img[style]{
border: 1px solid #a1a1a1;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
    margin-top: -10px;
position: relative !important;
 
bottom: 10px !important;}
.descriere img:first-child {
padding: 3px; 
    margin-top: -10px;
margin-left: 2px;
margin-right: 4px;}

Cod:

.stats{
  border: solid 1px #d7d7d7;
  padding: 2px;
  float: right;
  margin-bottom: 2px;
  border-radius: 4px;}
.stats1{
  float: right;
  height: 0px;}

Cod:

.ultimulpost{
float: right;
width: 95%;
font-size: 11px;
padding: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #d7d7d7;
box-shadow: 1px 1px 1px white;
margin-right: 3px;}

Mergeti in index_box cautati:

Cod:

<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />

Stergetil de acolo si punetil dupa acest cod:

Cod:

       <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

Apoi cautati acest cod:

Cod:

<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">

Si puneti sub el acesta:

Cod:

                 <div class="icon-s"><img src="http://i46.servimg.com/u/f46/16/16/06/68/untit118.png" width="40px" height="40px"/></div>

puteti modifica marimele de la "40px si 40px" cu ce vreti dvs.

Apoi mergeti la fiecare categorie apasati , si puneti INAINTE de descriere acest cod:

Cod:

<div class="icon-s1"><img src="LINK-IMAGINE"></div>


Inlocuiti "link imagine" cu imaginea dorita de dvs., acum trebuie sa faceti pentru fiecare categorie acelasi lucru.

Apoi mergeti in CSS si puneti acest cod:

Cod:

.icon-s1{
height: 0px;
position: relative;
left: -40px;
top: -15px;

}

Cam asa va arata: