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
    avatar
    Alumine
    FémininAge : 20Messages : 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
    avatar
    lilyh
    FémininAge : 23Messages : 8

    le Dim 14 Jan 2018 - 1:37

    MErci
    avatar
    NaLu
    FémininAge : 22Messages : 119

    le Mar 16 Jan 2018 - 19:21

    HAN c'est géniale !!!



    avatar
    Printips
    MasculinAge : 19Messages : 14

    le Ven 19 Jan 2018 - 21:31

    merci !
    avatar
    Celuna
    FémininAge : 27Messages : 130

    le Mer 7 Fév 2018 - 21:33

    Bonsoir,

    J'aime bcp, merci pour ce partage
    fascicularia
    MasculinAge : 50Messages : 187

    le Mar 13 Fév 2018 - 23:56

    Merci pour le partage
    avatar
    Old
    MasculinAge : 20Messages : 20

    le Jeu 15 Fév 2018 - 5:38

    Merci merciiii !
    avatar
    Irony
    FémininAge : 20Messages : 102

    le Dim 11 Mar 2018 - 23:19

    Merci !
    avatar
    Scarlet
    FémininAge : 26Messages : 9

    le Lun 12 Mar 2018 - 1:36

    Merci beaucoup ♥



    < < I'm the darkness, You're the starlight ♫   > >
    avatar
    Myrddin
    FémininAge : 27Messages : 57

    le Lun 12 Mar 2018 - 1:38

    A tester de toute urgence, merci !
    avatar
    lelie25
    FémininAge : 25Messages : 114

    le Sam 24 Mar 2018 - 18:18

    mercii
    avatar
    Utahime
    FémininAge : 25Messages : 64

    le Dim 25 Mar 2018 - 19:30

    Merci beaucoup ! :)
    avatar
    Luune
    FémininAge : 30Messages : 143

    le Ven 30 Mar 2018 - 22:12

    C'est génial ham3
    avatar
    Taizun
    MasculinAge : 18Messages : 28

    le Ven 30 Mar 2018 - 23:35

    merci
    avatar
    Masim/Polovium
    MasculinAge : 19Messages : 8

    le Mar 3 Avr 2018 - 23:33

    Merci boss
    avatar
    InfiniKey
    FémininAge : 31Messages : 58

    le Dim 29 Avr 2018 - 23:32

    ptn cst trop beau omg :o
    avatar
    Leno
    FémininAge : 20Messages : 3

    le Sam 5 Mai 2018 - 18:41

    Ouah merci beaucoup, on ne voit pas souvent de codes sur les "détails" du squelette des forums :aww:
    avatar
    Nobuko
    MasculinAge : 24Messages : 21

    le Mar 12 Juin 2018 - 1:20

    Merci
    Contenu sponsorisé


      La date/heure actuelle est Mar 19 Juin 2018 - 2:55