Formation YesWikiREN
Contenu de la formation
Bac à sable
Anne-Sophie
Agnès
Nala
Marine
Juliane
Exercices
Page de tests
Notes
Rechercher
×
Se connecter
×
Se connecter
Mot de passe perdu ?
Se souvenir de moi
S'inscrire
Aide
Gestion du site
Tableau de bord
Base de données
Formation Yeswiki
15 septembre 2020
Activer JavaScript pour joindre des fichiers.
Joindre / Insérer un fichier
Annuler
Échoué
×
Télécharger le fichier
Texte du lien de téléchargement
Alignement de l'image
Gauche
Centre
Droite
Taille de l'image
Miniature (140x97)
Moyenne (300x209)
Large (780x544)
Taille originale
Texte de la vignette
Paramètres avancés
Lien associé
Effets graphiques
Bord blanc
Ombre portée
Agrandissement au survol
Texte de remplacement
====Mise en pratique==== {{grid class="text-center"}} {{col size="2"}} {{end elem="col"}} {{col size="8"}} {{backgroundimage height="150" bgcolor="#99cc33" class="white text-center doubletitlesize"}} Voici un petit exercice pour mettre en application une mise en page sous forme de colonnes. N'hésitez pas à consulter [[AidE la page d'aide]] pour vous en inspirer :) {{endbackgroundimage}} {{end elem="col"}} {{col size="2"}} {{end elem="col"}} {{end elem="grid"}} ------ {{section bgcolor="#99CC33"}} ===Petites précisions :=== - //""{{grid}}""// signifie qu'on commence une section de type "grille". Pour fermer la section, on utilise //""{{end elem="grid"}}""// - //""{{col size="4"}}""// signifie qu'on ouvre une colonne, et le paramètre size définit sa largeur (la largeur totale de l'ensemble des colonnes doit être égale à 12). On ferme la colonne avec //""{{end elem="col"}}""// . D'autres options existent, mais restons simples pour commencer. {{end elem="section"}} ------ Voici ci-dessous un texte d'exemple composé de 5 paragraphes, et une proposition de 3 mises en page à reproduire (au choix, vous êtes libres de ne pas toutes les faire) : {{grid}} {{col size="4" class="text-center"}} ===[[ExO1 Exemple 1]]=== {{end elem="col"}} {{col size="4" class="text-center"}} ===[[ExO2 Exemple 2]]=== {{end elem="col"}} {{col size="4" class="text-center"}} ===[[ExO3 Exemple 3]]=== {{end elem="col"}} {{end elem="grid"}} ===Lorem ipsum dolor=== ""<div style="color:#FF0033;">""sit amet, consectetur adipiscing elit. Pellentesque dictum, tortor eget aliquet ultricies, justo massa elementum diam, in viverra purus lacus eu massa. Vivamus interdum semper libero vitae rhoncus. Vivamus tincidunt vestibulum augue. Aenean eget neque ut augue ornare congue. Fusce nunc ipsum, pulvinar id eleifend eu, pharetra ac metus. Mauris consectetur libero massa, vitae vehicula felis porta viverra. Fusce venenatis justo tristique finibus tincidunt. Vestibulum eu lacus lorem. Integer blandit ut arcu sit amet convallis. Donec vulputate sodales consequat. ""</div>"" ===Ut lorem dolor,=== dictum in mattis vitae, varius at mauris. Vestibulum maximus ornare faucibus. Nam sed diam mi. Aenean a velit id augue sodales elementum. Etiam risus turpis, hendrerit sit amet euismod sit amet, rhoncus ut mi. Nulla varius at purus quis lobortis. Mauris elementum a tortor a pellentesque. ===Aliquam ornare ante quam. === Vestibulum quis feugiat metus. In nulla ex, sollicitudin non hendrerit nec, vehicula id augue. Aenean congue arcu eu est semper, non maximus velit interdum. Mauris in neque ut metus commodo finibus. Quisque efficitur leo vel euismod molestie. Aenean tincidunt condimentum libero, in tincidunt leo tincidunt nec. Aenean consectetur ultricies dapibus. Integer egestas dignissim odio quis accumsan. Quisque ultricies, eros eget scelerisque sollicitudin, lorem urna iaculis nisi, in suscipit metus lorem id leo. Vivamus ultrices lacinia ipsum. Curabitur et faucibus dolor, nec molestie eros. Aliquam vitae leo vel eros malesuada volutpat. ===Quisque dictum === ullamcorper tortor efficitur aliquam. Duis dignissim arcu nulla, ut rutrum ipsum dignissim vitae. Fusce in vulputate libero, eu faucibus mi. Suspendisse porttitor, enim eget dapibus efficitur, dolor dui molestie mauris, id bibendum lorem nunc eu turpis. Quisque id nisi rutrum, tempor arcu eget, facilisis arcu. Proin purus sem, vulputate vitae felis commodo, bibendum euismod metus. Praesent vehicula vitae nulla nec elementum. Nullam sed tempus turpis. Sed dolor sem, elementum ut maximus vel, placerat eu libero. Proin mollis semper augue, ut laoreet elit sollicitudin at. Donec sed massa sit amet odio ultricies convallis. Cras sollicitudin eget mauris vitae pulvinar. Donec sit amet diam quis nunc faucibus vulputate. Fusce hendrerit mi vitae vestibulum facilisis. Etiam non quam nibh. ===Nullam ultrices neque=== vel metus efficitur pharetra. Vivamus pharetra tincidunt magna sed porttitor. Phasellus pellentesque nisi est, pellentesque maximus eros fringilla a. Cras a dui sit amet mi imperdiet lacinia sed sit amet nulla. Sed at purus ac odio scelerisque bibendum vitae vel quam. Nunc sit amet mattis nisl. Aenean faucibus mi pellentesque, fringilla odio blandit, porttitor orci. Nullam in rutrum leo, ac scelerisque risus. Donec facilisis egestas dignissim. Nulla facilisi.
Sauver
Annuler
Thème
Protection anti-spam active
×
Apparence de la page ExoS
Thème
margot
yeswiki
Squelette
1col.tpl.html
2cols-left.tpl.html
2cols-right.tpl.html
Style
margot.css
Paramètres avancés
Langue de la page
Català
English
Español, castellano
Français
Nederlands, Vlaams
Português
Choisir une page pour :
le menu horizontal
les raccourcis en haut à droite
l'entête (bandeau)
le pied de page
le menu vertical
la colonne de droite