AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le deal à ne pas rater :
Manga Fire Force : où commander le Tome 34 Fire Force édition ...
11.50 €
Voir le deal

    Liste des sujets originale

    Pochi
    Pochi
    FémininAge : 30Messages : 121

    Lun 9 Sep 2013 - 21:18

    Rappel du premier message :

    Bonsoir, Bonjour, Bon appétit à Tous Very Happy

    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 Very Happy//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 de laisser un message pour donner vos impressions, commentaires et/ou remerciements ^^
    Si vous avez des problèmes avec ce LS, venez poster ici.
    Powkfu
    Powkfu
    MasculinAge : 33Messages : 13

    Mer 23 Sep 2015 - 22:02

    Meri !
    Chlirr
    Chlirr
    FémininAge : 35Messages : 63

    Mer 18 Nov 2015 - 17:55

    Merci j'y jette un oeil
    TIGRESS13
    TIGRESS13
    FémininAge : 31Messages : 23

    Lun 14 Déc 2015 - 18:58

    Merci bien pour ce tuto.
    itsizoh
    itsizoh
    MasculinAge : 28Messages : 13

    Lun 28 Déc 2015 - 1:42

    merci Very Happy
    v-r0
    v-r0
    FémininAge : 32Messages : 40

    Mar 29 Déc 2015 - 18:52

    Wow! J'adore! :)
    Bunny Lune
    Bunny Lune
    FémininAge : 34Messages : 145

    Ven 22 Jan 2016 - 11:32

    Merci beaucoup pour le partage
    Aya Hanazawa
    Aya Hanazawa
    FémininAge : 32Messages : 72

    Sam 5 Mar 2016 - 12:39

    merci ^^
    Keylha
    Keylha
    FémininAge : 23Messages : 82

    Lun 28 Mar 2016 - 12:06

    Merci !



    Inwë
    Inwë
    FémininAge : 25Messages : 36

    Sam 16 Avr 2016 - 14:54

    Il est vraiment cool ce code ! merci !
    Xyyny
    Xyyny
    FémininAge : 32Messages : 59

    Mer 27 Avr 2016 - 18:07

    Sympatohe :)
    Nono-Chan
    Nono-Chan
    FémininAge : 26Messages : 273

    Sam 28 Mai 2016 - 11:34

    thanks
    Sighild
    Sighild
    FémininAge : 37Messages : 225

    Dim 5 Juin 2016 - 21:04

    Merci
    didicmy
    didicmy
    FémininAge : 33Messages : 74

    Jeu 9 Juin 2016 - 20:36

    Ca changera merci Wink
    Zibeline
    Zibeline
    FémininAge : 38Messages : 84

    Ven 10 Juin 2016 - 13:22

    Merci beaucoup pour ce code toujours utile
    tininam
    tininam
    MasculinAge : 55Messages : 7

    Dim 12 Juin 2016 - 15:13

    Merci.
    Lilise
    Lilise
    FémininAge : 25Messages : 22

    Dim 12 Juin 2016 - 18:37

    merciiii!
    Aubenaissante
    Aubenaissante
    MasculinAge : 38Messages : 15

    Lun 8 Aoû 2016 - 21:56

    merci !
    chocapiix59
    chocapiix59
    FémininAge : 31Messages : 23

    Dim 28 Aoû 2016 - 16:40

    Merci Very Happy
    Mystick
    Mystick
    FémininAge : 38Messages : 100

    Jeu 1 Sep 2016 - 17:40

    Merci :)
    Samiro
    Samiro
    MasculinAge : 27Messages : 52

    Dim 18 Sep 2016 - 12:09

    Merki
    TheDirector
    TheDirector
    MasculinAge : 25Messages : 20

    Mer 5 Oct 2016 - 12:17

    Merci beaucoup :)
    Star Rock Shooter
    Star Rock Shooter
    MasculinAge : 27Messages : 11

    Dim 9 Oct 2016 - 0:19

    Merci beaucoup ! :bisou:
    Waize
    Waize
    FémininAge : 26Messages : 34

    Jeu 17 Nov 2016 - 1:58

    merci
    Varadia
    Varadia
    FémininAge : 28Messages : 11

    Jeu 17 Nov 2016 - 12:36

    Ca a l'air sympa, merci!
    Madras
    Madras
    FémininAge : 39Messages : 285

    Dim 1 Jan 2017 - 18:39

    Merci du partage
    Contenu sponsorisé


      La date/heure actuelle est Mar 19 Mar 2024 - 9:01