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 : -50%
-50% sur les sacs à dos pour ordinateur ...
Voir le deal
19.99 €

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

    Sam 21 Jan 2017 - 22:14

    merci Very Happy
    Hesperide
    Hesperide
    FémininAge : 39Messages : 8

    Lun 23 Jan 2017 - 20:38

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

    Lun 6 Fév 2017 - 16:46

    merci
    Téoz
    Téoz
    FémininAge : 35Messages : 38

    Dim 26 Fév 2017 - 14:09

    Merci :)
    Anonymous
    Invité

    Dim 5 Mar 2017 - 11:43

    merci ♥
    Nyotengu
    Nyotengu
    FémininAge : 29Messages : 85

    Dim 5 Mar 2017 - 22:49

    merci
    Linoa
    Linoa
    FémininAge : 34Messages : 42

    Lun 3 Avr 2017 - 22:10

    Merci !



    Liste des sujets originale - Page 7 Pdsm
    ~ If you come here... You'll find me. I promise ~
    reshiram44
    reshiram44
    MasculinAge : 25Messages : 380

    Dim 7 Mai 2017 - 15:58

    merci



    Neko Mimi
    Neko Mimi
    FémininAge : 33Messages : 165

    Mar 9 Mai 2017 - 12:22

    Merci beaucoup ♥



    Liste des sujets originale - Page 7 Tumblr_me5uxaCZuJ1qj73e2o1_500
    Pistachette
    Pistachette
    FémininAge : 30Messages : 32

    Mer 10 Mai 2017 - 15:38

    Merci
    Ornicar
    Ornicar
    MasculinAge : 28Messages : 37

    Mer 10 Mai 2017 - 22:20

    Merci !
    ajmm
    ajmm
    FémininAge : 34Messages : 14

    Mer 31 Mai 2017 - 16:17

    merci
    Geekgirl
    Geekgirl
    FémininAge : 27Messages : 52

    Dim 23 Juil 2017 - 22:01

    Je te remercie beaucoup Very Happy




    Liste des sujets originale - Page 7 H3oz
    Tifastrife
    Tifastrife
    FémininAge : 31Messages : 259

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

    Liste des sujets originale - Page 7 090911064129411932
    Milkamiam
    Milkamiam
    FémininAge : 22Messages : 19

    Sam 19 Aoû 2017 - 16:17

    Merci !
    Nyls
    Nyls
    MasculinAge : 23Messages : 28

    Sam 9 Sep 2017 - 16:13

    merciiii
    Deed01
    Deed01
    MasculinAge : 46Messages : 343

    Dim 10 Sep 2017 - 16:48

    merci Very Happy
    Hazel Pepperfly
    Hazel Pepperfly
    FémininAge : 30Messages : 14

    Mer 13 Sep 2017 - 16:40

    Merci pour le partage :love:
    Melle Lena
    Melle Lena
    FémininAge : 49Messages : 308

    Mer 20 Sep 2017 - 14:50

    Merci beaucoup :kdo:
    Afterglow
    Afterglow
    FémininAge : 28Messages : 138

    Ven 29 Sep 2017 - 13:14

    Merci pour ce partage ^^



    How do you get up from an all time low?
    Dream Land School
    Dream Land School
    FémininAge : 35Messages : 100

    Lun 13 Nov 2017 - 13:11

    Merci ^^



    Liste des sujets originale - Page 7 678806984745Sanstitre4
    AMYROSSLEDGER
    AMYROSSLEDGER
    FémininAge : 30Messages : 37

    Jeu 16 Nov 2017 - 23:51

    excellent travail !
    merci du partage
    Sam-sam
    Sam-sam
    MasculinAge : 31Messages : 40

    Dim 19 Nov 2017 - 12:48

    Merci
    Tigriss
    Tigriss
    FémininAge : 29Messages : 9

    Lun 20 Nov 2017 - 3:08

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

    Jeu 1 Fév 2018 - 14:53

    Merci ! ^^
    Contenu sponsorisé


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