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

    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
    Personnaliser la revue des sujets - light - Page 4 Revue_10
    APRES
    Personnaliser la revue des sujets - light - Page 4 Revue_11

    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
    Romann
    Romann
    FémininAge : 25Messages : 183

    le Dim 16 Aoû 2015 - 17:36

    Merci ^^



    Personnaliser la revue des sujets - light - Page 4 Unicor11
    Neffaly
    Neffaly
    MasculinAge : 24Messages : 47

    le Dim 16 Aoû 2015 - 21:01

    merci
    Merlijn
    Merlijn
    FémininAge : 22Messages : 11

    le Ven 21 Aoû 2015 - 23:08

    ça rend super bien, merci beaucoup **
    tchapalow
    tchapalow
    FémininAge : 29Messages : 33

    le Mar 25 Aoû 2015 - 14:50

    C'est vraiment très joli!
    Ca rend beaucoup mieux que la version originale!
    Shuu-Shuu
    Shuu-Shuu
    FémininAge : 23Messages : 199

    le Mer 26 Aoû 2015 - 0:58

    merci beaucoup Very Happy
    Sakura-chan
    Sakura-chan
    FémininAge : 21Messages : 180

    le Sam 29 Aoû 2015 - 20:11

    Merci du partage. ^^
    NanoiHime
    NanoiHime
    FémininAge : 20Messages : 565

    le Sam 29 Aoû 2015 - 20:54

    merci



    Loretta
    Loretta
    FémininAge : 27Messages : 53

    le Mer 9 Sep 2015 - 14:45

    Rendu bien sympa, merci pour le partage ♥
    neochrome_ltd
    neochrome_ltd
    MasculinAge : 37Messages : 63

    le Mer 9 Sep 2015 - 19:05

    Merci
    Aile
    Aile
    FémininAge : 31Messages : 134

    le Jeu 10 Sep 2015 - 13:04

    Haaan c'est super beau! Merci



    Personnaliser la revue des sujets - light - Page 4 799284Sanstitre1
    Amaluna
    Amaluna
    FémininAge : 28Messages : 103

    le Jeu 10 Sep 2015 - 20:11

    ça m'intéresse beaucoup !! ♥ Merci
    Rozenbrez
    Rozenbrez
    FémininAge : 27Messages : 1383

    le Ven 11 Sep 2015 - 13:57

    Très simple!! J'adore la simplicité! :3 Merci pour le partage!

    BlueBerry ♪
    BlueBerry ♪
    FémininAge : 21Messages : 138

    le Sam 12 Sep 2015 - 13:41

    Super merci !



    Personnaliser la revue des sujets - light - Page 4 7310
    patriciadpt30
    patriciadpt30
    FémininAge : 56Messages : 240

    le Dim 13 Sep 2015 - 12:40

    merci pour voir bon dimanche à vous :)



    Patricia :)
    Araki
    Araki
    MasculinAge : 29Messages : 135

    le Dim 20 Sep 2015 - 22:54

    Merci.
    りん
    りん
    FémininAge : 26Messages : 73

    le Mar 22 Sep 2015 - 20:15

    Oh c'est joli j'aime bien ! Merci(:
    NyxBanana
    NyxBanana
    FémininAge : 25Messages : 19

    le Jeu 24 Sep 2015 - 21:09

    C'est très chouette :) Merci ^^
    Kabylie
    Kabylie
    FémininAge : 27Messages : 33

    le Mer 7 Oct 2015 - 10:24

    Ca rend tellement mieux ♥
    Ju08
    Ju08
    FémininAge : 29Messages : 26

    le Mer 7 Oct 2015 - 22:06

    Très jolie, merci beaucoup =)
    AMYROSSLEDGER
    AMYROSSLEDGER
    FémininAge : 25Messages : 37

    le Mer 14 Oct 2015 - 13:53

    super jolie, j'adore !
    yukiyuki
    yukiyuki
    FémininAge : 24Messages : 88

    le Dim 18 Oct 2015 - 17:37

    j'aime bien, merci Very Happy
    Youp
    Youp
    FémininAge : 24Messages : 579

    le Dim 18 Oct 2015 - 17:41

    C'est super top ça ! Merci ^^



    Personnaliser la revue des sujets - light - Page 4 262632clip20160315at092522
    Geniustyx
    Geniustyx
    FémininAge : 21Messages : 31

    le Mer 21 Oct 2015 - 14:47

    c'est superbe merci!
    Devil.
    Devil.
    FémininAge : 22Messages : 58

    le Jeu 29 Oct 2015 - 13:03

    Merci !
    Keylha
    Keylha
    FémininAge : 19Messages : 82

    le Mar 3 Nov 2015 - 16:46

    Merci beaucoup Very Happy



    Contenu sponsorisé


      La date/heure actuelle est Jeu 23 Mai 2019 - 15:03