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 à ne pas rater :
SAMSUNG Galaxy A14 5G Noir 64 Go à 98,49€
98.49 €
Voir le deal

    Personnaliser la revue des sujets - light

    Alumine
    Alumine
    FémininAge : 27Messages : 487

    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~:

    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
    lilyh
    lilyh
    FémininAge : 29Messages : 8

    Dim 14 Jan 2018 - 1:37

    MErci
    NaLu
    NaLu
    FémininAge : 29Messages : 176

    Mar 16 Jan 2018 - 19:21

    HAN c'est géniale !!!



    Personnaliser la revue des sujets - light - Page 11 683430Sanstitre7
    Printips
    Printips
    MasculinAge : 26Messages : 15

    Ven 19 Jan 2018 - 21:31

    merci !
    Celuna
    Celuna
    FémininAge : 34Messages : 133

    Mer 7 Fév 2018 - 21:33

    Bonsoir,

    J'aime bcp, merci pour ce partage
    avatar
    fascicularia
    MasculinAge : 56Messages : 189

    Mar 13 Fév 2018 - 23:56

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

    Jeu 15 Fév 2018 - 5:38

    Merci merciiii !
    Irony
    Irony
    FémininAge : 27Messages : 102

    Dim 11 Mar 2018 - 23:19

    Merci !
    Scarlet
    Scarlet
    FémininAge : 33Messages : 9

    Lun 12 Mar 2018 - 1:36

    Merci beaucoup ♥



    < < I'm the darkness, You're the starlight ♫   > >
    Myrddin
    Myrddin
    FémininAge : 34Messages : 61

    Lun 12 Mar 2018 - 1:38

    A tester de toute urgence, merci !
    lelie25
    lelie25
    FémininAge : 32Messages : 161

    Sam 24 Mar 2018 - 18:18

    mercii
    Utahime
    Utahime
    FémininAge : 31Messages : 80

    Dim 25 Mar 2018 - 19:30

    Merci beaucoup ! :)
    Luune
    Luune
    FémininAge : 36Messages : 143

    Ven 30 Mar 2018 - 22:12

    C'est génial ham3
    Taizun
    Taizun
    MasculinAge : 24Messages : 30

    Ven 30 Mar 2018 - 23:35

    merci
    Masim/Polovium
    Masim/Polovium
    MasculinAge : 25Messages : 8

    Mar 3 Avr 2018 - 23:33

    Merci boss
    InfiniKey
    InfiniKey
    FémininAge : 38Messages : 58

    Dim 29 Avr 2018 - 23:32

    ptn cst trop beau omg :o
    Leno
    Leno
    FémininAge : 26Messages : 14

    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:
    Nobuko
    Nobuko
    MasculinAge : 31Messages : 48

    Mar 12 Juin 2018 - 1:20

    Merci
    TheDarkOne
    TheDarkOne
    FémininAge : 34Messages : 24

    Lun 20 Aoû 2018 - 12:32

    Parfait, merci Very Happy
    o~°Passion HELL
    o~°Passion HELL
    FémininAge : 36Messages : 215

    Mer 9 Sep 2020 - 16:39

    Oh bah je viens de découvrir ça, merci beaucoup !!



    ....
    Contenu sponsorisé


      La date/heure actuelle est Dim 13 Oct 2024 - 13:26