22 Novembre 2016
XX. Wiki : guide de mise en page
  • Bonjour,

    Merci de trouver ci-joint un guide à destination du parfait rédacteur Wiki sur le forum des portables Asus.
    Afin d'apporter un minimum de cohérence dans la présentation des pages du Wiki, nous vous invitons à utiliser ce guide.


    En créant vos messages dans les forums, vous utilisez actuellement de manière transparente des marqueurs BBCODE via la boite à outil :
    (ex : le caractère gras, la couleur du texte, la taille de la police etc ...)

    bbcodes.png

    Pour ceux qui connaissent Word ou le balisage CSS, ce sont des styles.
    Nous avons créé d'autres marqueurs de style a insérer dans vos pages manuellement, les voici:


    Titres(Haut)


    Vous pouvez créer plusieurs niveaux de titre afin de hiérarchiser vos paragraphes.
    Utiliser ces balises ajoute automatiquement un lien en bout de titre (haut) pour remonter en haut de page ainsi qu'une entrée dans le sommaire (à droite).

    Attention : Les balises ci-dessous sont à insérer sans espace.
    Entre [ et h par exemple. (volontairement insérés ici pour les besoins de la démo afin d'éviter le rendu sur la page).


    Code:
    [ h2 ]Titre principal[ /h2 ]
    [ h3 ]Sous-titre 1[ /h3 ]
    [ h4 ]Sous-titre 2[ /h4 ]

    Titre principal(Haut)

    Sous-titre 1(Haut)

    Sous-titre 2(Haut)



    Notes(Haut)


    Utilisez les notes pour porter l'attention du lecteur ou mettre en avant une partie de votre contenu.
    Code:
    [ template=note ]content=Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...[/ template ]

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ...



    Notes en marge(Haut)


    Code:
    [ template=side-note ]content=Ceci est une note affichée en marge[/ template ] Lorem ipsum dolor ...
    Ceci est une note affichée en marge
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


    Images flottantes(Haut)


    Ces balises vous permettent d'afficher une image soit a droite soit à gauche habillé de texte. (image flottante)

    Flotaison à gauche(Haut)

    Code:
    [ template=float-left ]content=[ATTACH]3483[/ATTACH] [/ template ]Lorem ipsum dolor ...
    3483 est le chiffre qui identifie l'image. Vous le trouverez dans l'url de l'image que vous avez jointe au billet. En passant la souris dessus.
    asus.1.u.png
    Principium autem unde latius se funditabat, emersit ex negotio tali. Chilo ex vicario et coniux eius Maxima nomine, questi apud Olybrium ea tempestate urbi praefectum, vitamque suam venenis petitam adseverantes inpetrarunt ut hi, quos suspectati sunt, ilico rapti conpingerentur in vincula, organarius Sericus et Asbolius palaestrita et aruspex Campensis.





    Flotaison à droite(Haut)

    Code:
    [ template=float-right]content=[ATTACH]3483[/ATTACH] [/ template ]Lorem ipsum dolor ...
    asus.1.u.png
    Principium autem unde latius se funditabat, emersit ex negotio tali. Chilo ex vicario et coniux eius Maxima nomine, questi apud Olybrium ea tempestate urbi praefectum, vitamque suam venenis petitam adseverantes inpetrarunt ut hi, quos suspectati sunt, ilico rapti conpingerentur in vincula, organarius Sericus et Asbolius palaestrita et aruspex Campensis.






    Légende(Haut)


    Cette balise vous permet d'ajouter une description ou une légende directement sous l'image.
    Code:
    [ template=tile ]img=[ATTACH]3483[/ATTACH] | cap=Lorum ipsum dolor[/ template ]
    asus.1.u.png

    Les forums Asus

  • Chargement...
Ph3niX aime ça.