AccueilFAQRechercherMembresGroupesS'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.


    Liste des sujets originale

    Partagez
    avatar
    Pochi
    FémininAge : 25Messages : 121

    le 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.
    avatar
    Pavlover
    FémininAge : 22Messages : 24

    le Sam 21 Jan 2017 - 22:14

    merci Very Happy
    avatar
    Hesperide
    FémininAge : 34Messages : 8

    le Lun 23 Jan 2017 - 20:38

    Depuis le temps que je cherchais une aide sur le sujet... merci beaucoup !
    avatar
    sturdya
    FémininAge : 20Messages : 34

    le Lun 6 Fév 2017 - 16:46

    merci
    avatar
    Téoz
    FémininAge : 29Messages : 38

    le Dim 26 Fév 2017 - 14:09

    Merci :)
    avatar
    Smokerlilitrope
    FémininAge : 29Messages : 45

    le Dim 5 Mar 2017 - 11:43

    merci ♥
    avatar
    Nyotengu
    FémininAge : 24Messages : 85

    le Dim 5 Mar 2017 - 22:49

    merci
    avatar
    Linoa17
    FémininAge : 28Messages : 42

    le Lun 3 Avr 2017 - 22:10

    Merci !




    ~ If you come here... You'll find me. I promise ~





    Thanks Muscarine *u* ♥:

    avatar
    reshiram44
    MasculinAge : 20Messages : 380

    le Dim 7 Mai 2017 - 15:58

    merci



    avatar
    Neko Mimi
    FémininAge : 28Messages : 162

    le Mar 9 Mai 2017 - 12:22

    Merci beaucoup ♥



    avatar
    Pistachette
    FémininAge : 25Messages : 32

    le Mer 10 Mai 2017 - 15:38

    Merci
    avatar
    Ornicar
    MasculinAge : 22Messages : 37

    le Mer 10 Mai 2017 - 22:20

    Merci !
    avatar
    ajmm
    FémininAge : 29Messages : 14

    le Mer 31 Mai 2017 - 16:17

    merci
    avatar
    Geekgirl
    FémininAge : 21Messages : 50

    le Dim 23 Juil 2017 - 22:01

    Je te remercie beaucoup Very Happy




    avatar
    Tifastrife
    FémininAge : 26Messages : 259

    le Mer 26 Juil 2017 - 17:09

    Thank ♥



    Les êtres chèrs que nous avons perdus, et les rêves, qui se sont envolés... Ne les oubliez jamais...

    avatar
    Milkamiam
    FémininAge : 16Messages : 19

    le Sam 19 Aoû 2017 - 16:17

    Merci !
    avatar
    Nyls
    MasculinAge : 17Messages : 28

    le Sam 9 Sep 2017 - 16:13

    merciiii
    avatar
    Deed01
    MasculinAge : 40Messages : 340

    le Dim 10 Sep 2017 - 16:48

    merci Very Happy
    avatar
    Hazel Pepperfly
    FémininAge : 24Messages : 14

    le Mer 13 Sep 2017 - 16:40

    Merci pour le partage :love:
    avatar
    Melle Lena
    FémininAge : 43Messages : 298

    le Mer 20 Sep 2017 - 14:50

    Merci beaucoup :kdo:
    avatar
    Afterglow.winter
    FémininAge : 23Messages : 138

    le Ven 29 Sep 2017 - 13:14

    Merci pour ce partage ^^



    How do you get up from an all time low?
    avatar
    Dream Land School
    FémininAge : 29Messages : 56

    le Lun 13 Nov 2017 - 13:11

    Merci ^^



    avatar
    AMYROSSLEDGER
    FémininAge : 24Messages : 36

    le Jeu 16 Nov 2017 - 23:51

    excellent travail !
    merci du partage
    avatar
    Sam-sam
    MasculinAge : 25Messages : 22

    le Dim 19 Nov 2017 - 12:48

    Merci
    avatar
    Tigriss
    FémininAge : 23Messages : 9

    le Lun 20 Nov 2017 - 3:08

    J'adore, merci beaucoup :joie:
    avatar
    WalkingContradiction
    FémininAge : 24Messages : 19

    le Jeu 1 Fév 2018 - 14:53

    Merci ! ^^
    Contenu sponsorisé


      La date/heure actuelle est Lun 15 Oct 2018 - 10:10