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 :
(CDAV) Foire aux vins : -20% dès 99€ d’achat
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.
    Thorn
    Thorn
    MasculinAge : 22Messages : 432

    Lun 21 Avr 2014 - 19:48

    Merci !^^



    Liste des sujets originale - Page 3 Kryr
    Sokaro
    Sokaro
    FémininAge : 28Messages : 195

    Mer 23 Avr 2014 - 23:27

    Merci!



    Liste des sujets originale - Page 3 540068Sokacadre2
    (Signature provisoire.)
    Serena Sailey
    Serena Sailey
    FémininAge : 28Messages : 11

    Dim 27 Avr 2014 - 18:13

    Gracias :)
    Mzellebulle
    Mzellebulle
    FémininAge : 34Messages : 39

    Lun 28 Avr 2014 - 21:36

    Merci, c'est très joli.
    O'Daim
    O'Daim
    FémininAge : 28Messages : 116

    Lun 12 Mai 2014 - 18:01

    Merci o/
    ClipClap
    ClipClap
    FémininAge : 23Messages : 60

    Ven 16 Mai 2014 - 17:57

    merci pour ce joli code ♥



    Liste des sujets originale - Page 3 435202SignatClip2
    hirondelle
    hirondelle
    FémininAge : 34Messages : 134

    Mer 21 Mai 2014 - 22:13

    Merci ♥
    Malf Claymore
    Malf Claymore
    FémininAge : 29Messages : 126

    Mer 4 Juin 2014 - 1:30

    merci beaucoup
    avatar
    TATACARO13
    FémininAge : 49Messages : 80

    Jeu 5 Juin 2014 - 23:44

    merci



    Liste des sujets originale - Page 3 967953logodusite

    Liste des sujets originale - Page 3 381658signatureBAU
    Sakura-chan
    Sakura-chan
    FémininAge : 26Messages : 180

    Sam 7 Juin 2014 - 23:14

    Merci beaucoup ! :3
    Reishi
    Reishi
    MasculinAge : 30Messages : 148

    Sam 14 Juin 2014 - 13:58

    merci :)
    FreeSpirit
    FreeSpirit
    MasculinAge : 28Messages : 167

    Dim 15 Juin 2014 - 19:27

    J'aime bien ! Merci ! Very Happy
    Nanou0001
    Nanou0001
    FémininAge : 39Messages : 50

    Lun 16 Juin 2014 - 13:09

    merci
    Gladou
    Gladou
    MasculinAge : 29Messages : 114

    Sam 21 Juin 2014 - 9:44

    Ca me dit bien tout ça
    merci beaucoup!!



    Liste des sujets originale - Page 3 Sans_t14
    avatar
    Lucrèce
    FémininAge : 34Messages : 68

    Dim 22 Juin 2014 - 4:05

    Merci
    .SaKou.
    .SaKou.
    FémininAge : 28Messages : 57

    Jeu 26 Juin 2014 - 20:02

    merci



    Liste des sujets originale - Page 3 1351184429-smile
    laura31500
    laura31500
    FémininAge : 22Messages : 49

    Ven 27 Juin 2014 - 12:02

    Merci
    Leisha.
    Leisha.
    FémininAge : 32Messages : 29

    Mar 15 Juil 2014 - 1:22

    Classe !
    Eshon
    Eshon
    FémininAge : 43Messages : 197

    Mer 23 Juil 2014 - 19:54

    Merci ! ^^
    damon w salvatore
    damon w salvatore
    FémininAge : 36Messages : 109

    Jeu 24 Juil 2014 - 12:21

    merci
    Leoguillem
    Leoguillem
    MasculinAge : 24Messages : 137

    Jeu 24 Juil 2014 - 14:41

    Oh, merci !



    - Je signe Marabout -
    Naïshy
    Naïshy
    FémininAge : 21Messages : 65

    Dim 27 Juil 2014 - 16:14

    Merci ^^
    Mr Yo
    Mr Yo
    MasculinAge : 49Messages : 37

    Dim 3 Aoû 2014 - 13:21

    intéressant, merci
    ColorTime'Less
    ColorTime'Less
    FémininAge : 26Messages : 106

    Mer 6 Aoû 2014 - 16:56

    jolie ;D
    Ammoniak
    Ammoniak
    FémininAge : 36Messages : 15

    Jeu 7 Aoû 2014 - 16:00

    Merci, c'est exactement ce que je cherchais <3
    Contenu sponsorisé


      La date/heure actuelle est Mar 19 Mar 2024 - 3:16