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
    Halloween
    FémininAge : 22Messages : 9734

    le Sam 1 Juin 2013 - 19:11

    Avec plaisir et merci :love:



    Je mets les voiles, que le vent te soit favorable matelot !
    avatar
    erika02
    FémininAge : 20Messages : 253

    le Dim 2 Juin 2013 - 15:14

    merci



    avatar
    Féréole
    FémininAge : 29Messages : 55

    le Dim 2 Juin 2013 - 15:36

    par contre quand j'ai créé le mag, je n'arrive pas à le trouver sur mon forum??
    avatar
    Halloween
    FémininAge : 22Messages : 9734

    le Dim 2 Juin 2013 - 17:53

      Il faut jeter un œil dans tes pages HTML :

      Spoiler:

      Et si tu veux le voir sur ton forum, il faut ajouter ce lien quelque part.



    Je mets les voiles, que le vent te soit favorable matelot !
    avatar
    Féréole
    FémininAge : 29Messages : 55

    le Dim 2 Juin 2013 - 18:39

    Ah oui merci beaucoup :) par contre est ce que c'est normal que lorsque je change le fond et les titres cela n'apparaisse que sur la première page?
    avatar
    Halloween
    FémininAge : 22Messages : 9734

    le Dim 2 Juin 2013 - 19:53

    Oui, puisque le CSS est intégré dans chaque page, et pas de manière générale sur le forum. Il faut donc les modifier une à une Wink



    Je mets les voiles, que le vent te soit favorable matelot !
    avatar
    Féréole
    FémininAge : 29Messages : 55

    le Dim 2 Juin 2013 - 20:57

    Ok, merci beaucoup Very Happy
    avatar
    Seven
    FémininAge : 23Messages : 135

    le Mar 4 Juin 2013 - 16:15

    Vraiment merci beaucoup Halloween ! C'est magnifique et ça va être très pratique =3
    avatar
    Hoshina
    FémininAge : 25Messages : 24

    le Sam 8 Juin 2013 - 17:36

    Merci beaucoup, depuis le temps que je cherche comment faire ! \O/
    avatar
    WizzyFree
    MasculinAge : 23Messages : 1992

    le Sam 8 Juin 2013 - 19:47

    c'est nice ça ! :)



    avatar
    Petite soeur
    FémininAge : 20Messages : 34

    le Dim 9 Juin 2013 - 14:37

    MErci !!



    avatar
    Lola Aino
    FémininAge : 25Messages : 49

    le Mar 11 Juin 2013 - 1:44

    Merci ^^
    avatar
    pierre31250
    MasculinAge : 20Messages : 38

    le Ven 14 Juin 2013 - 23:35

    merci
    avatar
    Kind&Sweet
    FémininMessages : 89

    le Jeu 20 Juin 2013 - 19:46

    Merci à toi <3
    avatar
    Bleufi
    FémininAge : 21Messages : 311

    le Mar 25 Juin 2013 - 8:29

    Merci beaucoup, c'est très utile :)



    avatar
    Nessaleth
    FémininAge : 25Messages : 52

    le Mar 25 Juin 2013 - 20:25

    Magnifique tuto ! Merci beaucoup !
    avatar
    titan1
    MasculinAge : 22Messages : 220

    le Mar 25 Juin 2013 - 23:17

    Merciii! <3



    Seule la mort met fin au devoir
    avatar
    Niahm
    FémininAge : 18Messages : 12

    le Mer 26 Juin 2013 - 20:36

    Magnifique, merci beaucoup !
    avatar
    りん
    FémininAge : 24Messages : 73

    le Sam 29 Juin 2013 - 18:54

    Merci ! =)
    avatar
    Tortue
    MasculinAge : 19Messages : 33

    le Lun 8 Juil 2013 - 10:27

    Merci Halloween :) Moi qui cherchais à faire un truc de ce type :)
    avatar
    Kreazen
    FémininAge : 20Messages : 45

    le Dim 14 Juil 2013 - 3:08

    Merci pour le tuto ! Tu me sauves .



    Arrow
    avatar
    Senshine
    FémininMessages : 82

    le Lun 15 Juil 2013 - 21:32

    Mercii ! :DD
    avatar
    Khouro13
    FémininAge : 18Messages : 208

    le Jeu 18 Juil 2013 - 4:51

    Merci !



    avatar
    Train123
    MasculinAge : 16Messages : 40

    le Sam 20 Juil 2013 - 9:44

    dr
    avatar
    younessdu91
    MasculinAge : 19Messages : 93

    le Sam 3 Aoû 2013 - 19:34

    Vraiment sympa ce code, merci.
    Contenu sponsorisé


      La date/heure actuelle est Ven 24 Mar 2017 - 22:53