Liste des sujets originale

Rappel du premier message :

Bonsoir, Bonjour, Bon appétit à Tous

Vous voulez que votre liste des sujets soit hypra classe ? *bim*

Genre, comme ça ? Clique Ici

Voilà comment tu dois faire :

• Tout d'abord tu dois être fondateur du forum car nous allons toucher aux templates. Plus particulièrement à Topics_list_box. Mais pas que.

Pour savoir comment faire, poste à la suite et ça apparaîtra comme par magie *-*


Repère dans le template ceci :

Code:

<!-- END multi_selection -->

Et

Code:

<!-- BEGIN multi_selection -->
      <td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
   <!-- END multi_selection -->

Supprime tout ce qu'il y a entre ces 2 balises.

Ensuite, prends ce code et mets le à la place de ce que tu auras supprimé

Code:

<table class="forumline" width="800px" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
          <th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap" height="50px"></th>
      
      <!-- BEGIN multi_selection -->
      <th align="center" nowrap="nowrap" width="20" height="50px"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th>
   <!-- END multi_selection -->
   </tr>
   <!-- BEGIN pagination -->
   <tr>
      <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   <!-- END pagination -->
   <!-- END header_table --><!-- BEGIN header_row -->
   <tr>
      <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
   </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
   <tr>
      <!-- BEGIN single_selection -->
      <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20" bgcolor="#00EACB"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
      <!-- END single_selection -->
      <td class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="middle" width="20"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></td>
      <!-- BEGIN icon -->

      <!-- END icon -->
          <td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%" ><div>
         <center><div class="topictitle">
            {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
            <h2 class="topic-title">
                                  <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a> ○ <span class="topicauteur">Rédigé par {topics_list_box.row.TOPIC_AUTHOR}</span>
            </h2>
                          </div></center>

                  <div class="topicdescription">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div>
                  
         
         <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>&nbsp;
         <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
      
<div><img class="sujets" src="http://image.noelshack.com/fichiers/2013/37/1378742511-sujet.png"/></div>
                  
            <div class="reponseetvue"><span class="postdetails">A reçu {topics_list_box.row.REPLIES} réponses et a été lu {topics_list_box.row.VIEWS} fois.</span></div><div class="dernierereponse"><span class="postdetails">{topics_list_box.row.LAST_POST_TIME} • {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span></div></div></td>


Et tu enregistres :) N'oublie pas de publier le template après !

Ensuite, nous allons aller dans le template viewforum_body.

Ici, c'est très simple :) Tu changes toutes les largeurs des balise

Code:

<table width="100%" ...

En remplaçant le 100% par 800px.

Puis tu enregistres et publies :)

Et là, C'EST MOCHE O_O c'Normal, tu n'as que la structure de base :)

Place ceci dans ton CSS :

Code:

/*liste des sujets*/

.topictitle{
  align: center;
  valign: middle;
  font-family: Grand Hotel;
  font-size: 25px;
  color: #341100;
}

.topic-title{
  align: center;
  font-size: 11px;
}

.topicauteur{
  font-family: Arial;
}

.reponseetvue{
  position: absolute;
  float: left;
  font-family: Arial;
  color: #341100;
}

.dernierereponse{
  position: relative;
  float: right;
  font-family: Arial;
  color: #341100;
}

.sujets{
  position: absolute;
  align: center;
  margin-top: -12px;
  margin-left: 115px;
}


Tu valides et c'est bon !

J'espère que ce petit Tuto/LS t'aura été utile pour faire un beau forum !

N'oublie pas de créditer Pochi de NU :)


PS : J'avais la flemme de faire une fiche pour proposer ce code //PAN//
PS2 : J'ai pas l'habitude de proposer des tutos, je donne plus souvent des LS, désolée si c'est nul xD

merci

Depuis le temps que je cherchais une aide sur le sujet... merci beaucoup !

merci

Merci :)

merci ♥

merci

Merci !

merci

Merci beaucoup ♥

Merci

Merci !

merci

Je te remercie beaucoup

Thank ♥

Merci !

merciiii

merci

Merci pour le partage

Merci beaucoup

Merci pour ce partage ^^

Merci ^^

excellent travail !
merci du partage

Merci

J'adore, merci beaucoup

Merci ! ^^