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.

-23%
Le deal à ne pas rater :
(Black Friday) Apple watch Apple SE GPS 44mm (plusieurs coloris)
199 € 259 €
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
    Domichi
    Domichi
    FémininAge : 31Messages : 30

    Mar 17 Mai 2016 - 18:06

    Merci !
    Gladou
    Gladou
    MasculinAge : 29Messages : 114

    Ven 20 Mai 2016 - 21:14

    Génial!



    Personnaliser la revue des sujets - light - Page 7 Sans_t14
    Isalia
    Isalia
    FémininAge : 25Messages : 125

    Mer 25 Mai 2016 - 23:20

    Waw ! bonne idée :p Mercii ♥
    Sighild
    Sighild
    FémininAge : 37Messages : 225

    Dim 12 Juin 2016 - 12:28

    Merci beaucoup pour ce tuto!
    No'Oz
    No'Oz
    FémininAge : 22Messages : 88

    Dim 12 Juin 2016 - 13:40

    Merciiiii
    nuanciel
    nuanciel
    FémininAge : 33Messages : 139

    Mer 22 Juin 2016 - 9:00

    J'aime beaucoup :) Merci !
    Wasabii
    Wasabii
    FémininAge : 24Messages : 16

    Jeu 30 Juin 2016 - 2:10

    Merci ! :3



    Personnaliser la revue des sujets - light - Page 7 V210
    noksye
    noksye
    FémininAge : 33Messages : 53

    Jeu 30 Juin 2016 - 2:55

    Merci c:
    Neya
    Neya
    FémininAge : 25Messages : 164

    Jeu 30 Juin 2016 - 15:51

    G.E.N.I.A.L
    Merci beaucoup ! ♥
    Nekrofyre
    Nekrofyre
    MasculinAge : 24Messages : 33

    Jeu 30 Juin 2016 - 16:54

    Cool
    andie_xcv
    andie_xcv
    FémininAge : 29Messages : 35

    Sam 2 Juil 2016 - 22:47

    Super sympa comme code, merci :)
    Opaline
    Opaline
    FémininAge : 24Messages : 86

    Lun 4 Juil 2016 - 16:49

    Merci~



    Personnaliser la revue des sujets - light - Page 7 140502022634448028
    xAmy02
    xAmy02
    FémininAge : 28Messages : 35

    Sam 9 Juil 2016 - 12:22

    Sympathique merci !
    Whitemoon
    Whitemoon
    FémininAge : 24Messages : 695

    Sam 9 Juil 2016 - 15:21

    Merci, c'est vraiment cool !



    Personnaliser la revue des sujets - light - Page 7 Kit_si10
    RainboWolf
    RainboWolf
    FémininAge : 27Messages : 102

    Sam 9 Juil 2016 - 17:16

    J'adore, merci. ♥
    Ungoliant.
    Ungoliant.
    FémininAge : 25Messages : 22

    Mer 13 Juil 2016 - 2:19

    Merci beaucoup. **
    Anonymous
    Invité

    Mer 13 Juil 2016 - 4:29

    Merciiiiii Very Happy Fait super longtemps je chercher un code comme ça **
    Tweety
    Tweety
    FémininAge : 31Messages : 48

    Mar 19 Juil 2016 - 16:41

    Merci pour le partage :hug:
    Samiki
    Samiki
    FémininAge : 26Messages : 84

    Jeu 4 Aoû 2016 - 15:06

    merci énormément c'est génial !



    Personnaliser la revue des sujets - light - Page 7 Lbxa
    Dakeris RPG ♦ Un monde nouveau régi par la peur
    Le forum ouvre ses portes, nous vous attendons nombreux !

    Xona
    Xona
    FémininAge : 35Messages : 32

    Ven 5 Aoû 2016 - 17:03

    Oh merci beaucoup ! J'adore !
    KimmyKinder
    KimmyKinder
    FémininAge : 23Messages : 181

    Jeu 18 Aoû 2016 - 12:22

    Miciiii :chat:
    Fraise •
    Fraise •
    FémininAge : 25Messages : 20

    Ven 26 Aoû 2016 - 20:46

    Très joli c:
    Psychotic Bitch
    Psychotic Bitch
    FémininAge : 38Messages : 41

    Dim 11 Sep 2016 - 21:58

    Pas mal merci beaucoup pour ce tuto :)
    Angy38
    Angy38
    FémininAge : 54Messages : 233

    Ven 16 Sep 2016 - 14:09

    Très jolie



    Personnaliser la revue des sujets - light - Page 7 Jvie
    avatar
    fascicularia
    MasculinAge : 56Messages : 189

    Ven 16 Sep 2016 - 22:04

    Très intéressant. Merci pour le partage.
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 19:53