Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Schimbare imaginii forum cu imagini descriere

Vezi subiectul anterior Vezi subiectul urmator In jos

In cos Schimbare imaginii forum cu imagini descriere

Mesaj Scris de Adi`Tu Vin Ian 17, 2014 11:56 pm

Buna tuturor as vrea si eu sa schimb imaginile de la : Mesaje noi, Nu sunt mesaje noi, Forum Blocat
demo: Schimbare imaginii forum cu imagini descriere Screenshot_1

Cu imaginile de la descriere:
Schimbare imaginii forum cu imagini descriere Screenshot_2

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:
Schimbare imaginii forum cu imagini descriere Screenshot_3

Tin sa mentionez folosesc punbb
Adi`Tu

Adi`Tu
Membru activ

Mesaje : 441
Varsta : 25
Localizare : Bucuresti
Data înscrierii : 20/02/2013
Mulțumiri : 1
Internet Explorer punBB

http://www.onexiled.com/
Adi`Tu a fost mulțumit de autorul acestui subiect.
  • 0

In cos Re: Schimbare imaginii forum cu imagini descriere

Mesaj Scris de H4cK3R*uL Sam Ian 18, 2014 11:48 pm

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;}
H4cK3R*uL

H4cK3R*uL
Membru onorific
Membru onorific

Mesaje : 2494
Varsta : 28
Localizare : Împărăţia umbrelor.
Data înscrierii : 18/01/2013
Mulțumiri : 322
Internet Explorer phpBB2

http://www.Real-Arena.com
H4cK3R*uL a fost mulțumit de autorul acestui subiect.

In cos Re: Schimbare imaginii forum cu imagini descriere

Mesaj Scris de Teed Joi Ian 30, 2014 8:16 pm

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 Schimbare imaginii forum cu imagini descriere Editer, 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: Schimbare imaginii forum cu imagini descriere Untitl21
Teed

Teed
Membru activ

Mesaje : 509
Varsta : 27
Localizare : Unde nu te astepti !
Data înscrierii : 11/11/2013
Mulțumiri : 141
Internet Explorer phpBB2

http://mega-game.dust.tv
Teed a fost mulțumit de autorul acestui subiect.

In cos Re: Schimbare imaginii forum cu imagini descriere

Mesaj Scris de Zeus Lun Feb 03, 2014 11:20 pm

Avand in vedere ca in ultimele 2 saptamani autorul nu a mai aratat interes pentru acesta problema, topicul va fi inchis si trimis in cos. Daca problema nu a fost rezolvata, va invitam sa deschideti un nou topic, in sectiunea corespunzatoare si avind un titlu explicit.
Schimbare imaginii forum cu imagini descriere Ic210
Zeus

Zeus
Membru onorific
Membru onorific

Mesaje : 4160
Varsta : 27
Localizare : Bucuresti, Romania
Data înscrierii : 19/02/2012
Mulțumiri : 644
Google Chrome phpBB3

https://github.com/zeusmaximus
Zeus a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum