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 :
Google Pixel 7 5G – Smartphone 6,3″ OLED FHD+ 8 Go + 128 Go
316 €
Voir le deal

    Personnaliser la revue des sujets - light

    Alumine
    Alumine
    FémininAge : 26Messages : 487

    Mer 1 Avr 2015 - 14:11

    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
    Grande
    Grande
    FémininAge : 36Messages : 207

    Mer 1 Avr 2015 - 20:47

    Sympathique =D



    Personnaliser la revue des sujets - light 171074gwenj10
    A-Lice
    A-Lice
    FémininAge : 30Messages : 4939

    Mer 1 Avr 2015 - 21:07

    C'est super ça Alu ! Je ne savais même pas qu'on pouvait modifier ça :hum:
    En tout cas je déplace !

    Milka
    Milka
    FémininAge : 35Messages : 112

    Jeu 2 Avr 2015 - 10:46

    Merci beaucoup :)
    Alumine
    Alumine
    FémininAge : 26Messages : 487

    Jeu 2 Avr 2015 - 17:13

    Alice > je suis en train d'exploser les templates de mon forum test, alors je vais en mettre plein qui ne sont pas beaucoup touchés d'ordinaire ^^



    Alumine
    Shakespeare
    Shakespeare
    FémininAge : 34Messages : 110

    Sam 4 Avr 2015 - 9:07

    Merci du partage !
    Akiyuki
    Akiyuki
    MasculinAge : 25Messages : 89

    Dim 5 Avr 2015 - 20:56

    Merci du partage ♥
    Clémentine
    Clémentine
    FémininAge : 31Messages : 223

    Jeu 9 Avr 2015 - 22:59

    Génial °_° Merci!



    Personnaliser la revue des sujets - light 9w9t
    Sacagawea
    Sacagawea
    FémininAge : 28Messages : 236

    Sam 11 Avr 2015 - 8:38

    Astucieux, merci! :gentleman:
    remrem
    remrem
    MasculinAge : 26Messages : 48

    Sam 11 Avr 2015 - 11:49

    Merci !
    BloodyMoony
    BloodyMoony
    FémininAge : 31Messages : 76

    Sam 18 Avr 2015 - 23:45

    J'adore !!
    Merci pour ce partage !
    kreou
    kreou
    FémininAge : 33Messages : 50

    Dim 19 Avr 2015 - 1:05

    Super sympa ! Merci beaucoup (a)
    servity
    servity
    MasculinAge : 52Messages : 82

    Dim 19 Avr 2015 - 1:51

    MUCHAS GRACIAS



    Personnaliser la revue des sujets - light HadqjCkktw
    Oïa
    Oïa
    FémininAge : 33Messages : 57

    Dim 19 Avr 2015 - 17:06

    formidable, c'est + joli, merci  Very Happy



    Personnaliser la revue des sujets - light Sign_212
    Stitch56
    Stitch56
    FémininAge : 30Messages : 209

    Mar 21 Avr 2015 - 13:14

    ** ça rend tellement bien, merci ♥
    Tempy
    Tempy
    FémininAge : 25Messages : 76

    Mar 21 Avr 2015 - 16:01

    Ouah !
    Tout comme A-Lice, je ne savais même pas que l'on pouvais modifier cela dans les templates !
    Il me reste tant à apprendre ! En attendant, je dissèque le code pour le comprendre ;3
    Spitfire
    Spitfire
    FémininAge : 30Messages : 55

    Ven 24 Avr 2015 - 14:39

    Absolument magnifique, merci ! *0*
    pimslady
    pimslady
    FémininAge : 34Messages : 71

    Ven 24 Avr 2015 - 22:08

    merci !!!
    LaCrapul
    LaCrapul
    MasculinAge : 30Messages : 24

    Lun 27 Avr 2015 - 1:24

    Merci
    Cruelly
    Cruelly
    FémininAge : 30Messages : 2605

    Mar 28 Avr 2015 - 3:59

    Magnifique merci beaucoup !



    :heart: :heart:
    En ligne
    ptite_perle
    ptite_perle
    FémininAge : 60Messages : 127

    Ven 1 Mai 2015 - 19:50

    Merci



    Personnaliser la revue des sujets - light Signature
    Comediia
    Comediia
    FémininAge : 25Messages : 17

    Sam 2 Mai 2015 - 16:31

    C'est trop cool, merci !
    Presley♥Cash
    Presley♥Cash
    FémininAge : 32Messages : 80

    Sam 2 Mai 2015 - 22:58

    Merci ♥
    Amera
    Amera
    FémininAge : 31Messages : 67

    Mar 5 Mai 2015 - 15:25

    Merci beaucoup !



    Personnaliser la revue des sujets - light 734690sign1
    Kuroshiro
    Kuroshiro
    MasculinAge : 28Messages : 27

    Mar 5 Mai 2015 - 22:48

    Merci beaucoup !
    Contenu sponsorisé


      La date/heure actuelle est Jeu 28 Mar 2024 - 17:03