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.


    Personnaliser la revue des sujets - light

    Partagez
    Alumine
    Alumine
    FémininAge : 21Messages : 488

    le Mer 1 Avr 2015 - 14:11

    Rappel du premier message :

    Revue des sujets - light




    PHPBB2 - Templates et CSS - Niveau très facile


    Hey ! Bon heu je vous propose de quoi modifier la partie "revue des sujets", celle qui s'affiche pendant que vous écrivez un message... heu, explications en images !
    tadam~:
    AVANT

    APRES

    Voilà donc on met tout sur la même ligne, puis on détache des blocs, en gros !



    Template


    (Il faut être admin du forum pour y accéder ! )
    Affichage > templates > poster et messages privés > posting_topic_review
    Vous y êtes ? Parfait ! Vous pouvez remplacer le contenu du template en entier par ceci:
    Code:
    <!-- BEGIN switch_inline_mode -->
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
        <td class="catHead" align="center" height="28"><b><span class="cattitle">{L_TOPIC_REVIEW}</span></b></td>
      </tr>
      <tr>
        <td class="row1"><!-- END switch_inline_mode -->
          <!-- BEGIN postrow -->
          <!-- BEGIN displayed -->
          <div class="postrevoir">
          <div class="postnom" align="center" width="100%">
            <a name="{postrow.displayed.POST_ID}"></a><span class="name"><b>{postrow.displayed.POSTER_NAME}</b></span><br />
            <span class="postdetails"><img src="{ICON_TIME}" alt="" border="0" />{postrow.displayed.POST_DATE}</span>
          </div>
          <br /><div class="postbody">{postrow.displayed.MESSAGE}</div><br />
            <!-- END displayed -->
            <!-- BEGIN hidden -->
          <div class="postbody {postrow.hidden.ROW_CLASS}" align="center">{postrow.hidden.MESSAGE}</div>
            <!-- END hidden -->
          </div>
            <!-- END postrow -->
            <!-- BEGIN switch_inline_mode -->
        </td>
      </tr>
    </table>
    <!-- END switch_inline_mode -->

    Validez, puis publiez le template, ensuite, direction le CSS !



    CSS


    Affichage > Couleurs > Feuille de style CSS
    Rajoutez simplement ces quelques lignes:
    Code:

    /*REVUE DES SUJETS par Alu pour N-U*/
    .postrevoir{background:white;margin:15px 0;padding:20px; box-shadow:2px 2px 5px lightgrey;}
    .postrevoir .name{text-transform:uppercase;font-weight:400;}
    .postnom{background:#F5F5F5;padding:5px;border-top:1px dotted gray;}
    .postrevoir .postdetails{font-family:Sans-serif;}

    Ensuite validez, et c'est terminé (=


    ...Ha et les gens de mon forum ont pas le droit de voir ça. Donc dehors ! (ce truc n'est pas DU TOUT un bout du prochain design -- oui je sais, je sers à rien.)

    Mettre un crédit vers Never-Utopia est obligatoire. Retirer un crédit est interdit.
    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.



    Alumine
    DanyMasta
    DanyMasta
    MasculinAge : 28Messages : 11

    le Lun 22 Fév 2016 - 10:49

    Merci :)
    avatar
    Nal Souclade
    MasculinAge : 19Messages : 163

    le Jeu 25 Fév 2016 - 0:16

    Oh j'adore. ** merciii!
    EmYasmina
    EmYasmina
    FémininAge : 18Messages : 85

    le Ven 26 Fév 2016 - 22:06

    Merciii *o*
    Saya Shirayuki
    Saya Shirayuki
    FémininAge : 26Messages : 150

    le Ven 26 Fév 2016 - 22:53

    Vraiment magnifique *^*
    Merci !
    SweetieBay
    SweetieBay
    FémininAge : 26Messages : 143

    le Lun 29 Fév 2016 - 16:50

    merci.
    Ariemm
    Ariemm
    FémininAge : 17Messages : 107

    le Lun 29 Fév 2016 - 17:32

    Super, merci!!
    pinkwinee
    pinkwinee
    FémininAge : 24Messages : 44

    le Mer 2 Mar 2016 - 17:01

    nice <3
    Tony`s
    Tony`s
    MasculinAge : 27Messages : 64

    le Dim 6 Mar 2016 - 19:15

    wooao merci pour le tuto
    Antithée
    Antithée
    FémininAge : 22Messages : 69

    le Dim 13 Mar 2016 - 14:35

    C'est très sympa, merci ♥
    ColorTime'Less
    ColorTime'Less
    FémininAge : 21Messages : 103

    le Dim 20 Mar 2016 - 17:34

    Merci!
    Smikyou
    Smikyou
    FémininAge : 25Messages : 85

    le Dim 20 Mar 2016 - 19:59

    ty
    Borée
    Borée
    MasculinAge : 19Messages : 55

    le Ven 25 Mar 2016 - 14:48

    Merci! C'est trop beau
    Depp
    Depp
    FémininAge : 27Messages : 298

    le Ven 25 Mar 2016 - 22:15

    Han merci ! j'avais vu ça sur un forum et je ne savais pas d'où ça venait ! merciiii ! :)



    Shoki
    Shoki
    FémininAge : 17Messages : 1310

    le Dim 27 Mar 2016 - 17:32

    Merci !





    Xelha
    Xelha
    FémininAge : 26Messages : 112

    le Lun 28 Mar 2016 - 12:51

    Merci ^^



    Iguolta
    Iguolta
    MasculinAge : 19Messages : 107

    le Lun 28 Mar 2016 - 17:21

    Merci :)
    M.T
    M.T
    FémininAge : 29Messages : 53

    le Ven 1 Avr 2016 - 14:13

    Pas mal, merci =)
    Jibaku
    Jibaku
    FémininAge : 20Messages : 13

    le Ven 1 Avr 2016 - 16:43

    Merci
    Fiery Aura
    Fiery Aura
    FémininAge : 19Messages : 57

    le Ven 1 Avr 2016 - 18:20

    Merci, il a l'air super !
    Madness of Wonderland
    Madness of Wonderland
    FémininAge : 19Messages : 59

    le Dim 3 Avr 2016 - 14:24

    merci !
    FeliceFelicis
    FeliceFelicis
    FémininAge : 28Messages : 89

    le Mer 6 Avr 2016 - 0:41

    Merci <3
    O'Daim
    O'Daim
    FémininAge : 23Messages : 116

    le Dim 10 Avr 2016 - 11:42

    good job ! merci *^*
    Hopefox
    Hopefox
    FémininAge : 21Messages : 33

    le Mar 12 Avr 2016 - 15:34

    J'adore ! merci du partage !
    Saphira
    Saphira
    FémininAge : 22Messages : 72

    le Sam 23 Avr 2016 - 1:18

    Merci :)
    Cortisalia
    Cortisalia
    FémininAge : 26Messages : 89

    le Sam 14 Mai 2016 - 23:23

    Merci :)
    Contenu sponsorisé


      La date/heure actuelle est Mar 22 Jan 2019 - 19:38