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.


    Créer un Mag grâce aux pages HTML

    Partagez
    avatar
    Halloween
    FémininAge : 22Messages : 9734

    le Mar 19 Fév 2013 - 17:17

    Rappel du premier message :

      Hey,

      J'ai jeté un coup d’œil rapide un peu partout, et je n'ai pas vu d'astuce sur la création de mag pour vos forums, je me lance donc.

      Premièrement pour éclairer vos lanternes, voici à quoi ressemble ce fameux mag : Aperçu. Vous pouvez vous dirigez grâce au sommaire, ou aux flèches directionnelles du bas.

      1. Le code.


      Ce système se base sur la gestion des pages HTML de votre fofo. Pour commencer, nous allons créer une de ces fameuses page HTML. Pour cela, direction le panneau d'administration, et : Modules > HTML > Gestion des pages HTML. On clique sur "créer une page HTML", et on commence la bataille ! è.é

      Voici le code brut :



      Il vous suffit de remplacer les textes par votre production. Ceci fait, on enregistre la page. Pour continuer le mag (dans l'exemple, je n'ai fais que deux pages, mais il est tout à fait possible d'en faire plus), on réitère l'opération autant de fois que nécessaire.

      Attention : pensez à déplacer ceci :



      En fonction du numéro de la page que vous venez de créer.


      2. La navigation.

      Il faut désormais ajouter les liens des pages pour la navigation. Pour cela, vous devez copier/coller l'adresse des pages précédentes et suivantes à celle que vous modifiez (cf : ici). Elles sont à insérer dans les bouts de codes suivants :



      En ce qui concerne le sommaire, il vous faudra ajouter les adresses de toutes les pages (copiez/collez les sur un bloc-note pour plus de praticité, ou gardez la liste des pages HTML dans un autre onglet), de cette manière :




      3. Attention.

      Attention, à chaque édition de vos pages, vous devrez réinsérer le code suivant au début de votre page :



      Et celui-ci à la fin :





      Tous les codes sont sous balise "hide", vous pourrez donc les voir à condition de poster à la suite (un petit merci ne coûte rien, et il fait toujours plaisir à celui ou celle qui fait partager). Merci de ne pas toucher au crédit, s'approprier le travail des autres, c'mal. Si vous avez des questions, des réactions, des soucis ... n'hésitez pas Wink

      Au boulot \o/



    Je mets les voiles, que le vent te soit favorable matelot !
    avatar
    Aya Hanazawa
    FémininAge : 25Messages : 72

    le Mer 2 Avr 2014 - 21:05

    Hooo~ c'est vraiment beau .
    avatar
    Mzellebulle
    FémininAge : 27Messages : 39

    le Mar 29 Avr 2014 - 14:14

    Merci
    avatar
    Marion.
    FémininAge : 18Messages : 42

    le Mar 29 Avr 2014 - 21:23

    Oh yes! *-* C'est parfait merci beaucoup!



    avatar
    A-Lice
    FémininAge : 22Messages : 4939

    le Jeu 1 Mai 2014 - 13:06

    Merci

    avatar
    x_Titia
    FémininAge : 25Messages : 92

    le Sam 17 Mai 2014 - 18:21

    Oh c'est pas ce que je cherchais, mais c'est super intérressant merci en tout cas! :)
    avatar
    Chae Lee
    FémininAge : 20Messages : 109

    le Lun 19 Mai 2014 - 19:12

    C'est superbe *.*
    Merci !
    avatar
    Amiyah
    FémininAge : 22Messages : 47

    le Mer 21 Mai 2014 - 22:37

    Merci beaucoup pour le code *-*
    avatar
    Kimberlay *
    FémininAge : 26Messages : 158

    le Mer 21 Mai 2014 - 22:41

    Merci
    avatar
    Ellen Lesley
    FémininAge : 102Messages : 76

    le Sam 24 Mai 2014 - 12:29

    Merci beaucoup !
    avatar
    Sue Sheeran
    FémininAge : 18Messages : 27

    le Ven 30 Mai 2014 - 1:04

    PERFEEECT <3
    avatar
    Ryu-Kin
    FémininAge : 29Messages : 125

    le Ven 30 Mai 2014 - 5:07

    belle astuce je vais essayer sa :)
    avatar
    ♕ William
    MasculinAge : 19Messages : 72

    le Dim 1 Juin 2014 - 11:38

    Merci Very Happy




    William
    avatar
    Wizcoo
    MasculinAge : 23Messages : 34

    le Jeu 5 Juin 2014 - 12:34

    C'est super *_* ! Merci beaucoup Very Happy
    avatar
    Ukrysis
    FémininAge : 20Messages : 59

    le Dim 8 Juin 2014 - 12:29

    Merci beaucoup pour le tuto', il va bien me servir ! *-*
    avatar
    Schnappi
    FémininAge : 25Messages : 102

    le Lun 9 Juin 2014 - 15:42

    Merci Beaucoup !
    avatar
    Dooh-Nem
    FémininAge : 23Messages : 139

    le Ven 13 Juin 2014 - 19:32

    Merci !
    avatar
    Invité

    le Sam 14 Juin 2014 - 13:12

    Merci c'est super !
    avatar
    Yser
    FémininAge : 18Messages : 46

    le Dim 15 Juin 2014 - 18:27

    Merci ! *w*
    avatar
    Koyangi
    FémininAge : 19Messages : 15

    le Mer 25 Juin 2014 - 15:53

    Merci beaucoup !
    avatar
    Jacoon
    FémininAge : 20Messages : 147

    le Lun 30 Juin 2014 - 8:46

    Très utile comme code, merci.
    avatar
    Bennington'
    MasculinAge : 20Messages : 20

    le Mer 2 Juil 2014 - 6:59

    merci
    avatar
    Liberty Grim
    FémininAge : 19Messages : 122

    le Jeu 3 Juil 2014 - 8:50

    Exactement ce que je cherchais ! Je savais même pas que c'était possible en fait x) Merci beaucoup !!!
    avatar
    Carcajou
    FémininAge : 27Messages : 59

    le Lun 14 Juil 2014 - 10:51

    Génial ! Merci
    avatar
    Pokeme
    FémininAge : 17Messages : 32

    le Lun 14 Juil 2014 - 12:55

    Nickel ��



    avatar
    Zuiichi
    MasculinAge : 23Messages : 115

    le Lun 21 Juil 2014 - 21:16

    C'est magnifique ! *o* Merci !!



    Contenu sponsorisé


      La date/heure actuelle est Jeu 23 Mar 2017 - 7:06