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 : 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
    avatar
    Exenties
    FémininAge : 31Messages : 75

    le Sam 11 Fév 2017 - 9:22

    Merci




    avatar
    wiise
    FémininAge : 25Messages : 50

    le Sam 18 Fév 2017 - 14:42

    Merci !!!! C'est stylé !!! Very Happy



    avatar
    Plum
    FémininAge : 52Messages : 21

    le Sam 18 Mar 2017 - 17:20

    Merci pour ce partage
    avatar
    tenderness
    FémininAge : 24Messages : 54

    le Dim 19 Mar 2017 - 15:18

    Merci ! (l)
    avatar
    The Mad Hatter
    MasculinAge : 24Messages : 38

    le Dim 19 Mar 2017 - 16:19

    Très sympa !



    Le meilleur moyen de réaliser l’impossible est de croire que c’est possible.
    avatar
    Abysse Yclette
    FémininAge : 26Messages : 123

    le Ven 24 Mar 2017 - 11:35

    Merci =)



    avatar
    Ozsi
    MasculinAge : 21Messages : 27

    le Ven 24 Mar 2017 - 21:28

    Merci beaucoup
    avatar
    Suzanne Ady
    FémininAge : 24Messages : 75

    le Lun 27 Mar 2017 - 11:59

    merci !
    avatar
    Katia Akane
    FémininAge : 28Messages : 37

    le Lun 27 Mar 2017 - 23:42

    Merci exactement ce que je cherchais !
    avatar
    Melle Lena
    FémininAge : 43Messages : 300

    le Jeu 13 Avr 2017 - 6:22

    Merci pour ce tuto.
    avatar
    B-lueberry
    FémininAge : 23Messages : 22

    le Jeu 20 Avr 2017 - 14:32

    merci pour ce partage :heart:
    avatar
    poussette59
    FémininAge : 33Messages : 158

    le Mer 10 Mai 2017 - 9:23

    j'adooore merci pour le code
    avatar
    WILDMOON.
    FémininAge : 20Messages : 33

    le Mer 17 Mai 2017 - 21:33

    merci!
    avatar
    Corkyie
    FémininAge : 21Messages : 75

    le Jeu 18 Mai 2017 - 1:22

    Merci beaucoup :)
    avatar
    Boe
    FémininAge : 37Messages : 23

    le Mar 23 Mai 2017 - 12:05

    Plus agréable ainsi ♥ Thx !
    avatar
    Amakhaza
    FémininAge : 15Messages : 52

    le Mar 23 Mai 2017 - 19:03

    super sympa je prend !♥
    Merci
    avatar
    Lena Choux
    FémininAge : 22Messages : 30

    le Ven 26 Mai 2017 - 18:17

    Très joli !
    avatar
    Fairytale
    FémininAge : 21Messages : 22

    le Lun 12 Juin 2017 - 0:49

    C'est vraiment magnifique, merci beaucoup ♥
    avatar
    erika02
    FémininAge : 22Messages : 262

    le Jeu 15 Juin 2017 - 18:11

    merci!



    avatar
    Amakhaza
    FémininAge : 15Messages : 52

    le Sam 17 Juin 2017 - 18:46

    Merci c'est parfait
    avatar
    Athéna
    FémininAge : 57Messages : 28

    le Dim 25 Juin 2017 - 4:23

    Coucou,

    Envie de voir car ça me paraît bien sympa comme résultat. Merci beaucoup !



    "L'esprit est un instrument de musique avec une certaine gamme de tons,
    au-deLà desquels s'étend un silence infini."
    avatar
    CN.June
    FémininAge : 55Messages : 314

    le Ven 7 Juil 2017 - 0:28

    C'est ce qu'il me faut, rooh.
    Merci beaucoup pour ce tuto ** !
    avatar
    Ombeline30
    FémininAge : 34Messages : 124

    le Lun 10 Juil 2017 - 7:49

    Merci ^^
    avatar
    Piratress
    FémininAge : 21Messages : 215

    le Jeu 13 Juil 2017 - 16:02

    Merci, c'est bien plus sympa comme ça ! =)
    avatar
    MOUACK™
    FémininAge : 24Messages : 11

    le Ven 14 Juil 2017 - 19:51

    C'est vraiment un très chouette code, merci pour le partage :friends:
    Contenu sponsorisé


      La date/heure actuelle est Lun 17 Déc 2018 - 18:36