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 du moment : -50%
-50% Baskets Nike Dunk Low
Voir le deal
64.99 €

    Personnaliser la revue des sujets - light

    Alumine
    Alumine
    FémininAge : 26Messages : 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
    Exenties
    Exenties
    FémininAge : 37Messages : 75

    Sam 11 Fév 2017 - 9:22

    Merci




    Personnaliser la revue des sujets - light - Page 9 128765signpiratetypoBIScadre
    wiise
    wiise
    FémininAge : 30Messages : 50

    Sam 18 Fév 2017 - 14:42

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



    Personnaliser la revue des sujets - light - Page 9 140051NUban
    Plum
    Plum
    FémininAge : 57Messages : 21

    Sam 18 Mar 2017 - 17:20

    Merci pour ce partage
    tenderness
    tenderness
    FémininAge : 30Messages : 54

    Dim 19 Mar 2017 - 15:18

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

    Dim 19 Mar 2017 - 16:19

    Très sympa !



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

    Ven 24 Mar 2017 - 11:35

    Merci =)



    Personnaliser la revue des sujets - light - Page 9 742880velo
    Ozsi
    Ozsi
    MasculinAge : 27Messages : 27

    Ven 24 Mar 2017 - 21:28

    Merci beaucoup
    Suzanne Ady
    Suzanne Ady
    FémininAge : 24Messages : 78

    Lun 27 Mar 2017 - 11:59

    merci !
    Katia Akane
    Katia Akane
    FémininAge : 33Messages : 37

    Lun 27 Mar 2017 - 23:42

    Merci exactement ce que je cherchais !
    Melle Lena
    Melle Lena
    FémininAge : 49Messages : 308

    Jeu 13 Avr 2017 - 6:22

    Merci pour ce tuto.
    B-lueberry
    B-lueberry
    FémininAge : 28Messages : 35

    Jeu 20 Avr 2017 - 14:32

    merci pour ce partage :heart:
    poussette59
    poussette59
    FémininAge : 39Messages : 178

    Mer 10 Mai 2017 - 9:23

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

    Mer 17 Mai 2017 - 21:33

    merci!
    Corkyie
    Corkyie
    FémininAge : 26Messages : 75

    Jeu 18 Mai 2017 - 1:22

    Merci beaucoup :)
    Boe
    Boe
    FémininAge : 42Messages : 23

    Mar 23 Mai 2017 - 12:05

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

    Mar 23 Mai 2017 - 19:03

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

    Ven 26 Mai 2017 - 18:17

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

    Lun 12 Juin 2017 - 0:49

    C'est vraiment magnifique, merci beaucoup ♥
    erika02
    erika02
    FémininAge : 27Messages : 278

    Jeu 15 Juin 2017 - 18:11

    merci!



    Personnaliser la revue des sujets - light - Page 9 45054210
    Amakhaza
    Amakhaza
    FémininAge : 21Messages : 52

    Sam 17 Juin 2017 - 18:46

    Merci c'est parfait
    Athéna
    Athéna
    FémininAge : 63Messages : 29

    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."
    CN.June
    CN.June
    FémininAge : 24Messages : 315

    Ven 7 Juil 2017 - 0:28

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

    Lun 10 Juil 2017 - 7:49

    Merci ^^
    PrincesseÔ
    PrincesseÔ
    FémininAge : 26Messages : 220

    Jeu 13 Juil 2017 - 16:02

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

    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 Jeu 28 Mar 2024 - 15:44