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.


    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
    Likau
    Likau
    MasculinAge : 30Messages : 353

    Lun 19 Sep 2016 - 16:03

    Merci Very Happy
    missp
    missp
    FémininAge : 34Messages : 26

    Mar 20 Sep 2016 - 1:59

    merci
    Samiro
    Samiro
    MasculinAge : 28Messages : 52

    Sam 24 Sep 2016 - 11:41

    Arigato-ne
    Usolia Naviento
    Usolia Naviento
    FémininAge : 32Messages : 25

    Dim 25 Sep 2016 - 12:20

    Merci ! X3 C'est tout simple et sympa!
    MyNameIsTanalia
    MyNameIsTanalia
    FémininAge : 27Messages : 25

    Sam 1 Oct 2016 - 17:53

    Merci beaucoup, code très original que voilà !
    Kirito
    Kirito
    MasculinAge : 28Messages : 209

    Sam 15 Oct 2016 - 19:33

    sympa ! o/
    Melissandre Pearce
    Melissandre Pearce
    FémininAge : 31Messages : 33

    Sam 29 Oct 2016 - 17:33

    Wow ça l'air génial.
    teteaclaquefr
    teteaclaquefr
    MasculinAge : 33Messages : 39

    Dim 30 Oct 2016 - 0:59

    Magnifique !
    dean winchester
    dean winchester
    MasculinAge : 30Messages : 85

    Lun 31 Oct 2016 - 2:18

    merci
    Yuna Azalé
    Yuna Azalé
    FémininAge : 27Messages : 80

    Lun 31 Oct 2016 - 22:41

    Oh super merci, je ne savais pas que c'était possible de modifier cette partie là. :o
    Toby P. Nolan
    Toby P. Nolan
    FémininAge : 25Messages : 38

    Sam 12 Nov 2016 - 21:47

    MErci!
    Voyageur-B21E3
    Voyageur-B21E3
    MasculinAge : 30Messages : 35

    Lun 14 Nov 2016 - 0:49

    Merci !
    Leïlan
    Leïlan
    FémininAge : 35Messages : 22

    Mer 23 Nov 2016 - 6:38

    Merci c'est génial **
    Patou972
    Patou972
    FémininAge : 45Messages : 181

    Jeu 24 Nov 2016 - 8:19

    merci beaucoup
    Nyotengu
    Nyotengu
    FémininAge : 30Messages : 85

    Sam 10 Déc 2016 - 18:58

    merci
    Dark6nika
    Dark6nika
    FémininAge : 31Messages : 118

    Ven 23 Déc 2016 - 11:06

    Le détail qui ajoute beaucoup d'élégance à un forum ! Merci du partage ! ^-^



    Sweet Pea
    Sweet Pea
    FémininAge : 33Messages : 17

    Ven 23 Déc 2016 - 17:23

    merci :)
    Laeta
    Laeta
    FémininAge : 24Messages : 73

    Dim 25 Déc 2016 - 21:31

    Merci! :)
    Lena'
    Lena'
    FémininAge : 31Messages : 41

    Mar 3 Jan 2017 - 15:18

    Merci ♥



    Personnaliser la revue des sujets - light - Page 8 Sig10
    mijako
    mijako
    FémininAge : 32Messages : 83

    Dim 8 Jan 2017 - 4:45

    merci
    So-chan
    So-chan
    FémininAge : 34Messages : 61

    Mar 10 Jan 2017 - 22:35

    Super sympa comme concept !
    Anonymous
    Invité

    Ven 20 Jan 2017 - 15:25

    C'est mignon :)
    Arpège
    Arpège
    FémininAge : 26Messages : 112

    Sam 4 Fév 2017 - 17:59

    très joli **
    merci o/



    Personnaliser la revue des sujets - light - Page 8 170221084427548922
    Writers World commence à ouvrir !
    Doomdom
    Doomdom
    MasculinAge : 39Messages : 25

    Lun 6 Fév 2017 - 2:01

    merci beaucoup :love:
    sturdya
    sturdya
    FémininAge : 26Messages : 34

    Lun 6 Fév 2017 - 14:08

    super ! Very Happy
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 15:30