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 du moment :
LEGO Icons 10331 – Le martin-pêcheur
Voir le deal
35 €

    Liste des sujets originale

    Pochi
    Pochi
    FémininAge : 31Messages : 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.
    Err0r
    Err0r
    FémininAge : 31Messages : 134

    Mar 3 Mar 2015 - 19:07

    simple et cool :3



    Liste des sujets originale - Page 5 150519095409324327
    Jawilsia
    Jawilsia
    FémininAge : 32Messages : 143

    Jeu 5 Mar 2015 - 14:11

    Merciiii Very Happy
    AyaseNeko
    AyaseNeko
    FémininAge : 28Messages : 55

    Dim 8 Mar 2015 - 21:04

    mercii
    Contry
    Contry
    FémininAge : 25Messages : 28

    Ven 13 Mar 2015 - 20:55

    Merci beaucoup !
    Dacina moe
    Dacina moe
    FémininAge : 46Messages : 171

    Ven 20 Mar 2015 - 18:08

    Merci a toi :)
    Tsumi
    Tsumi
    FémininAge : 27Messages : 39

    Ven 20 Mar 2015 - 18:54

    Merci!
    Kamui Kyuuji
    Kamui Kyuuji
    MasculinAge : 32Messages : 30

    Sam 21 Mar 2015 - 10:38

    Merci beaucoup.
    Selmacke
    Selmacke
    FémininAge : 34Messages : 100

    Jeu 26 Mar 2015 - 18:15

    Merci du partage :)
    Anonymous
    Invité

    Sam 28 Mar 2015 - 0:40

    Thank you little bird ♥
    Ghabriel
    Ghabriel
    MasculinAge : 27Messages : 13

    Ven 3 Avr 2015 - 4:36

    Merci beaucouuuuup !
    xMermaids
    xMermaids
    FémininAge : 25Messages : 19

    Ven 17 Avr 2015 - 1:20

    Merci ^_^
    kreou
    kreou
    FémininAge : 34Messages : 50

    Dim 19 Avr 2015 - 1:12

    Merci à toi :)
    Littlelittle
    Littlelittle
    FémininAge : 39Messages : 52

    Lun 27 Avr 2015 - 15:22

    Argagagagaga ! Merci ! =DD



    Liste des sujets originale - Page 5 Tumblr_inline_mz9sdyTDtj1s2c2nz

    << A little thing like another >>
    BlueGhost
    BlueGhost
    MasculinAge : 23Messages : 138

    Ven 8 Mai 2015 - 17:31

    Merci :)



    Liste des sujets originale - Page 5 1476882517-signa

    ~ Upupupu... je ne suis pas une peluche, je suis Monokuma ! ~
    Danganronpaaa ♥
    servity
    servity
    MasculinAge : 52Messages : 82

    Jeu 14 Mai 2015 - 18:32

    merci



    Liste des sujets originale - Page 5 HadqjCkktw
    avatar
    Nal Souclade
    MasculinAge : 25Messages : 167

    Jeu 14 Mai 2015 - 19:56

    Super ! Merci beaucoup !
    Kimberlay *
    Kimberlay *
    FémininAge : 34Messages : 161

    Jeu 11 Juin 2015 - 17:10

    Merci
    Zaetsu
    Zaetsu
    MasculinAge : 29Messages : 20

    Sam 13 Juin 2015 - 4:23

    Merci !
    Zeloo
    Zeloo
    FémininAge : 28Messages : 65

    Lun 20 Juil 2015 - 0:16

    Je prends !



    Liste des sujets originale - Page 5 0110
    Ryukaï
    Ryukaï
    MasculinAge : 26Messages : 629

    Mer 22 Juil 2015 - 16:59

    Merci Wink



    Liste des sujets originale - Page 5 15796010 Liste des sujets originale - Page 5 14749110
    luna-chan86
    luna-chan86
    FémininAge : 35Messages : 201

    Lun 3 Aoû 2015 - 19:43

    merci beaucoup



    Anonymous
    Invité

    Lun 3 Aoû 2015 - 22:55

    Merci ( ̄ー ̄)
    Kirito
    Kirito
    MasculinAge : 28Messages : 209

    Mer 2 Sep 2015 - 10:11

    Merci
    Fizzz
    Fizzz
    FémininAge : 30Messages : 17

    Dim 6 Sep 2015 - 14:38

    Merci du partage :)
    Laora || Peter
    Laora || Peter
    FémininAge : 33Messages : 182

    Ven 18 Sep 2015 - 12:59

    Merci à toi !



    Liste des sujets originale - Page 5 1393066044-signaturenu2
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 11:35