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.

-23%
Le deal à ne pas rater :
EVGA SuperNOVA 650 G6 – Alimentation PC 100% modulaire 650W, 80+ ...
77.91 € 100.91 €
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.
    Miss Kiba
    Miss Kiba
    FémininAge : 30Messages : 38

    Jeu 2 Jan 2014 - 20:49

    Merci!
    Alinoé
    Alinoé
    FémininAge : 32Messages : 35

    Ven 3 Jan 2014 - 11:46

    Merci ! Very Happy
    Lilie
    Lilie
    FémininAge : 40Messages : 190

    Sam 11 Jan 2014 - 20:32

    Merci pour ce partage :)
    Ondée
    Ondée
    FémininAge : 25Messages : 659

    Sam 18 Jan 2014 - 13:57

    Merci beaucoup ♥



    EN VACANCES JUSQU'À DÉBUT AOÛT - TOTALEMENT ABSENTE
    Himmie
    Himmie
    MasculinAge : 27Messages : 128

    Sam 25 Jan 2014 - 10:10

    Merci du partage ! :)
    Enidech
    Enidech
    MasculinAge : 33Messages : 39

    Mar 4 Fév 2014 - 20:19

    Je prends, merci.
    Avec un peu de personnalisation, je pense que j'arriverai à le faire à mon goût Very Happy
    Eldiir
    Eldiir
    FémininAge : 37Messages : 33

    Dim 16 Fév 2014 - 0:24

    Merci!
    xL2auurie
    xL2auurie
    FémininAge : 29Messages : 23

    Dim 16 Fév 2014 - 14:50

    Super !
    Ibtissem.
    Ibtissem.
    FémininAge : 27Messages : 22

    Mar 18 Fév 2014 - 19:32

    merci !
    Databar
    Databar
    MasculinAge : 30Messages : 142

    Jeu 20 Fév 2014 - 22:54

    merci
    Sweet Angel
    Sweet Angel
    FémininAge : 41Messages : 153

    Ven 21 Fév 2014 - 10:18

    Original, c'est certain, merci
    Alys19
    Alys19
    FémininAge : 33Messages : 59

    Ven 21 Fév 2014 - 23:18

    Merci beaucoup!!! :)
    avatar
    Løve
    MasculinAge : 28Messages : 189

    Sam 8 Mar 2014 - 9:59

    Merci beaucoup (:
    Jull421
    Jull421
    FémininAge : 29Messages : 143

    Mar 18 Mar 2014 - 2:36

    Merci



    Liste des sujets originale - Page 2 140228025614860943
    Rococo
    Rococo
    MasculinAge : 28Messages : 28

    Mar 18 Mar 2014 - 17:09

    Merci pour l'astuce.
    Anonymous
    Invité

    Mar 25 Mar 2014 - 8:27

    Merci du partage !
    Alumine
    Alumine
    FémininAge : 26Messages : 487

    Mar 25 Mar 2014 - 20:17

    Merci! (=
    Eil'liathan Tyan'Lirulin
    Eil'liathan Tyan'Lirulin
    FémininAge : 32Messages : 315

    Mer 26 Mar 2014 - 14:35

    Oh tiens, pourquoi pas !! Merci ^^
    bubulle
    bubulle
    FémininAge : 36Messages : 76

    Jeu 27 Mar 2014 - 17:41

    merci :)
    Kathee
    Kathee
    FémininAge : 30Messages : 680

    Mar 1 Avr 2014 - 12:25

    Merci pour le partage Very Happy





    Forum dérivé ouat
    dans un univers steampunk :heart:
    Dooh-Nem
    Dooh-Nem
    FémininAge : 30Messages : 140

    Mer 2 Avr 2014 - 13:03

    Merci
    Shakespeare
    Shakespeare
    FémininAge : 34Messages : 110

    Ven 4 Avr 2014 - 23:35

    merci du partage ♥
    avatar
    Twedle
    MasculinAge : 28Messages : 19

    Ven 18 Avr 2014 - 21:28

    C'est joli ! :) Je prends et merci beaucoup !
    Eshon
    Eshon
    FémininAge : 43Messages : 197

    Sam 19 Avr 2014 - 15:16

    Merci du partage ! ^^
    Lindaóma
    Lindaóma
    FémininAge : 26Messages : 150

    Lun 21 Avr 2014 - 15:07

    Super jouliiie, merci :)



    Liste des sujets originale - Page 2 Signa_10
    Contenu sponsorisé


      La date/heure actuelle est Mar 19 Mar 2024 - 4:44