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 : -27%
-27% sur la machine à café Expresso ...
Voir le deal
399.99 €

    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.
    skaera22
    skaera22
    MasculinAge : 29Messages : 72

    Jeu 7 Aoû 2014 - 20:17

    thx
    crushed love
    crushed love
    FémininAge : 32Messages : 27

    Dim 10 Aoû 2014 - 13:41

    merci beaucoup (:
    Arpège
    Arpège
    FémininAge : 26Messages : 112

    Sam 16 Aoû 2014 - 17:53

    Hypra sympa =D
    Merci du partage ^^



    Liste des sujets originale - Page 4 170221084427548922
    Writers World commence à ouvrir !
    CN.June
    CN.June
    FémininAge : 25Messages : 315

    Lun 25 Aoû 2014 - 0:38

    Mille mercis. Quand je voyais la tête du template, j'avais juste envie d'une corde & d'un tabouret !
    Nanachu ♥
    Nanachu ♥
    FémininAge : 27Messages : 108

    Mar 26 Aoû 2014 - 16:41

    Un grand merci !
    petit lu
    petit lu
    FémininAge : 32Messages : 184

    Dim 7 Sep 2014 - 11:44

    Merci du partage
    Titia
    Titia
    FémininAge : 32Messages : 63

    Dim 7 Sep 2014 - 11:52

    Merci beaucoup du partage



    Liste des sujets originale - Page 4 Pica1ctmp
    Zélya
    Zélya
    FémininAge : 35Messages : 190

    Mar 23 Sep 2014 - 17:34

    c'est trop beau, merci beaucoup



    Liste des sujets originale - Page 4 891727signaNanmoue
    x_Titia
    x_Titia
    FémininAge : 33Messages : 92

    Mar 23 Sep 2014 - 17:44

    thanks Wink
    Meuh Pffeuh
    Meuh Pffeuh
    FémininAge : 24Messages : 37

    Jeu 25 Sep 2014 - 18:40

    merci !
    Tony`s
    Tony`s
    MasculinAge : 33Messages : 64

    Ven 26 Sep 2014 - 4:41

    merci
    Lucrécya
    Lucrécya
    FémininAge : 31Messages : 39

    Sam 27 Sep 2014 - 17:46

    merchi !
    Kjellska
    Kjellska
    FémininAge : 36Messages : 40

    Dim 2 Nov 2014 - 16:59

    Merci!



    Liste des sujets originale - Page 4 1413982207-signg
    Anonymous
    Invité

    Dim 2 Nov 2014 - 18:43

    Merci beaucoup :)
    Cissy
    Cissy
    FémininAge : 32Messages : 64

    Dim 2 Nov 2014 - 22:32

    Merci! cheers
    avatar
    Soha
    FémininAge : 28Messages : 5

    Sam 15 Nov 2014 - 20:04

    Merci **



    sica3
    sica3
    MasculinAge : 51Messages : 135

    Mar 2 Déc 2014 - 7:58

    thank's
    avatar
    Sépia
    FémininAge : 28Messages : 70

    Mar 30 Déc 2014 - 15:54

    Merci x)
    Kiki85
    Kiki85
    MasculinAge : 29Messages : 398

    Jeu 1 Jan 2015 - 18:26

    Sympas merci ^^
    Saya Shirayuki
    Saya Shirayuki
    FémininAge : 32Messages : 153

    Jeu 8 Jan 2015 - 17:04

    Merci beaucoup^^
    Akiyuki
    Akiyuki
    MasculinAge : 26Messages : 89

    Jeu 22 Jan 2015 - 3:34

    Merci beaucoup :3
    Akina-chan
    Akina-chan
    FémininAge : 31Messages : 140

    Jeu 29 Jan 2015 - 21:57

    Merci <3
    Everything.
    Everything.
    FémininAge : 32Messages : 14

    Mar 3 Fév 2015 - 22:35

    Merci du partage !
    Abby Reever
    Abby Reever
    FémininAge : 32Messages : 146

    Mer 25 Fév 2015 - 22:21

    Haaaan classe! merci! o/
    Shadaan
    Shadaan
    FémininAge : 32Messages : 80

    Ven 27 Fév 2015 - 15:59

    Merciii <3



    Liste des sujets originale - Page 4 897455signnu
    Contenu sponsorisé


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