Wikihuy:Bacasable 49 : Différence entre versions

De Wikihuy
Aller à : navigation, rechercher
m
 
(20 révisions intermédiaires par 2 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
 
==Page de test par Philippe==
 
==Page de test par Philippe==
−
===Mise en forme des caractères===
+
===Déposer une ancre ===
 +
 
 +
<pre>
 +
Utiliser la balise span
 +
 
 +
<span id="nom de l'ancre">texte affiché du point d'ancrage</span>
 +
</pre>
 +
 
 +
Dans le lien utiliser # et le nom de l'ancre
 +
exemple
 +
<pre>
 +
[[Bacasable 47#Gauche|Test lien]]
 +
 
 +
</pre>
 +
 
 +
 
 +
===Texte Encadré===
 +
 
 +
 
 +
 
 +
<p style="border: 5px solid black; padding; width:60%"
 +
>Cette Oeuvre à été imaginée par<br>les élèves des 5e et 6e primaires<br>des écoles de l'entité avec la coll-<br>-aboration de l'artiste G. Gelmi<br>grâce à la participation financière<br>du Petit Patrimoine Wallon, de la<br>section FNAPG et de l'Administra-<br>-tion communale d'Ouffet.<br>Ce texte sera encadré grâce à la balise <p> et aux styles CSS définis.</p>
 +
 
 +
<pre> la balise <p style="width:60%"</pre> indique 60% de la largeur de l'écran <br>
 +
 
  
 
<!--
 
<!--
Ligne 15 : Ligne 39 :
  
 
-->
 
-->
−
indice et exposant
 
  
−
Indice<sub>2</sub>
+
===Mise en forme des paragraphes===
−
Exposant<sup>3</sup>
+
<pre> <p> balise paragraphe
 +
 
 +
align="right"
 +
align="justify"
 +
 
 +
aussi la balise <div> division ou section 
 +
 
 +
 
 +
</pre>
 +
 
 +
<div style="border: 5px solid black; padding; width:30%">
 +
Cette Oeuvre à été imaginée par<br>les élèves des 5e et 6e primaires<br>des écoles de l'entité avec la coll-<br>-aboration de l'artiste G. Gelmi<br>grâce à la participation financière<br> </div>
 +
 
 +
 
 
====texte centré====
 
====texte centré====
 +
  
 
<center>Texte centré</center>
 
<center>Texte centré</center>
Ligne 26 : Ligne 63 :
 
<div align="right">Ce texte est à droite </div>
 
<div align="right">Ce texte est à droite </div>
  
−
===== texte justifié =====
+
==== texte justifié ====
 
Exemple
 
Exemple
 
<div align="justify">
 
<div align="justify">
 
Ouffet au coeur du Condroz Liégeois, au Sud de Durbuy, plus petite ville du monde en Province de Luxembourg. Outre les monuments, fermes et seigneuries remarquables, il y a lieu de signaler la Vallée du Néblon qui longe la limite Sud-Est de la commune et qui constitue un univers de fraîcheur et de verdure dans ce beau coin d'Ardenne.
 
Ouffet au coeur du Condroz Liégeois, au Sud de Durbuy, plus petite ville du monde en Province de Luxembourg. Outre les monuments, fermes et seigneuries remarquables, il y a lieu de signaler la Vallée du Néblon qui longe la limite Sud-Est de la commune et qui constitue un univers de fraîcheur et de verdure dans ce beau coin d'Ardenne.
 
Calme, espace, charme et confort sont les maîtres mots de cette belle ancienne ferme, spécialement adaptée pour organiser des retrouvailles familiales. </div> .
 
Calme, espace, charme et confort sont les maîtres mots de cette belle ancienne ferme, spécialement adaptée pour organiser des retrouvailles familiales. </div> .
 +
<br>
 +
===Mise en forme des caractères===
 +
====indice et exposant====
  
−
=====Pour empécher l'interprétation des balises =====
+
Indice<sub>2</sub>
−
Métho html<pre>
+
Exposant<sup>3</sup>
−
[[Fichier:IMG 3708.92.71.jpg|500x500px|vignette|gauche|Pignon 19.12.2017]]
+
 
−
</pre>
+
 
 +
====texte en gras====
 +
Trois façons <pre> <b> , <strong> et '''texte'''</pre>
 +
1 <b> BOLD </b>
 +
 
 +
2 <strong> STRONG </strong>
 +
 
 +
3 '''Wiki'''
 +
<br>
 +
Il est difficile de voir la différence
 +
<br>
 +
====Pour empécher l'interprétation des balises ====
 +
 
 +
'''Méthode html'''<br> placer la balise <nowiki> <pre> et </pre> </nowiki>
 +
<pre> exemple : [[Fihier:IMG 3708.92.71.jpg|500x500px| et||Pignon 19.12.2017]]</pre>
 
Le texte est sur fond gris
 
Le texte est sur fond gris
−
Merhode wiki code
+
'''Methode wikicode'''
−
<nowiki>autre</nowiki>
+
<pre>utiliser la balise <nowiki> </pre>
 +
 
 +
<nowiki> exemple : [[Fichier:IMG 3708.92.71.jpg|500x500px| et||Pignon 19.12.2017]]</nowiki><br>
 +
Le texte reste normal
 +
 
 
====couleur====
 
====couleur====
  
Ligne 59 : Ligne 117 :
  
 
<span style="background-color:yellow;">le texte à surligner</span>
 
<span style="background-color:yellow;">le texte à surligner</span>
 +
===Dessin formes géométriques===
 +
 +
<office:body>
 +
<office:drawing>
 +
<draw:enhanced-geometry>
 +
    svg:viewBox="0 0 10 10"
 +
    draw:type="non-primitive"
 +
    draw:modifiers="6"     
 +
    draw:enhanced-path="M 0 0 L 10 $0 0 10 Z" >
 +
    <draw:handle draw:handle-position="10 $0" draw:handle-range-y-minimum="0" draw:handle-range-y-maximum="10"/>
 +
</draw:enhanced-geometry>
 +
</office:drawing>
 +
</office:body>
 +
 +
 +
 
===Tableau===
 
===Tableau===
 
Simple utiliser l’icône du menu
 
Simple utiliser l’icône du menu
Ligne 96 : Ligne 170 :
  
 
====wiki====
 
====wiki====
 +
Bonjour
 +
 +
 +
 
===taille===
 
===taille===
 
avec la balise big
 
avec la balise big
Ligne 140 : Ligne 218 :
 
| style="width:50%;" |
 
| style="width:50%;" |
 
[[Fichier:Godet pignon janvier 2021.71.jpg|vignette|centré|7 janvier 2021]]
 
[[Fichier:Godet pignon janvier 2021.71.jpg|vignette|centré|7 janvier 2021]]
 +
 
|}
 
|}
 
===Photo===
 
===Photo===
Ligne 145 : Ligne 224 :
 
[[Fichier:IMG 3708.92.71.jpg|500x500px|vignette|gauche|Pignon 19.12.2017]]
 
[[Fichier:IMG 3708.92.71.jpg|500x500px|vignette|gauche|Pignon 19.12.2017]]
 
300 px<br>
 
300 px<br>
−
[[Fichier:IMG 3708.92.71.jpg|300x300px|vignette|gauche|Pignon 19.12.2017]]
+
[[Fichier:IMG 3708.92.71.jpg|300x300px|vignette|droite|Pignon 19.12.2017]]
 
<!--
 
<!--
 
Bonjour Philippe,<br>Je n'ai aucun doute sur tes capacités à gérer le "html" mais il y a sur Wikihuy un raccourci beaucoup plus simple et plus rapide (4 lignes, 5 minutes) pour ce travail.<br>Compliquer les choses ne sauraient que perturber et décourager les moins doués, mieux vaudrait s'en tenir aux outils proposés par le site '''quand ils existent'''.
 
Bonjour Philippe,<br>Je n'ai aucun doute sur tes capacités à gérer le "html" mais il y a sur Wikihuy un raccourci beaucoup plus simple et plus rapide (4 lignes, 5 minutes) pour ce travail.<br>Compliquer les choses ne sauraient que perturber et décourager les moins doués, mieux vaudrait s'en tenir aux outils proposés par le site '''quand ils existent'''.
Ligne 151 : Ligne 230 :
 
On peut réduire ou agrandir les images en diminuant ou augmentant le nombre de pixels tout en gardant la même qualité d'image.<br>Choisir les dimensions pour un modèle carré est plus simple, l'application "oublie" automatiquement l'espace inutilisé.
 
On peut réduire ou agrandir les images en diminuant ou augmentant le nombre de pixels tout en gardant la même qualité d'image.<br>Choisir les dimensions pour un modèle carré est plus simple, l'application "oublie" automatiquement l'espace inutilisé.
  
−
Je pense que tu as un problème avec ton appareil photo, il laisse un halo à gauche de l'image entre le milieu et la partie supérieure. Regarde attentivement l'objectif de ton appareil photo, une goutte d'eau séchée est souvent la cause de cette imperfection. -->
+
Je pense que tu as un problème avec ton appareil photo, il laisse un halo à gauche de l'image entre le milieu et la partie supérieure. Regarde attentivement l'objectif de ton appareil photo, une goutte d'eau séchée est souvent la cause de cette imperfection.
 +
-->
  
 
[[Fichier:Godet facade janvier 2021.71.jpg|500x500px|vignette|droite|Façade janvier 2021]]
 
[[Fichier:Godet facade janvier 2021.71.jpg|500x500px|vignette|droite|Façade janvier 2021]]
Ligne 158 : Ligne 238 :
 
[[Fichier:IMG 3708.92.71.jpg|500x500px|vignette|gauche|Pignon 19.12.2017]]
 
[[Fichier:IMG 3708.92.71.jpg|500x500px|vignette|gauche|Pignon 19.12.2017]]
 
[[Fichier:DSC02623.71.JPG|500x500px|vignette|gauche|03.06.2022 ]]
 
[[Fichier:DSC02623.71.JPG|500x500px|vignette|gauche|03.06.2022 ]]
 +
 +
 +
 +
 +
 +
  
  
Ligne 170 : Ligne 256 :
 
rect 29 31 2215 863 [[Catégorie:Ouffet]]
 
rect 29 31 2215 863 [[Catégorie:Ouffet]]
 
</imagemap>
 
</imagemap>
 +
<!==
 +
===Texte Encadré===
 +
====un====
 +
{{encadré texte
 +
|align=right
 +
|width=400px
 +
|texte=En raison de la nature des fonctions exercée par M………… en cas de rupture du présent contrat à quelque époque et pour quelque cause que ce soit, M………… s’interdit de s’intéresser à quelque titre que ce soit, directement ou indirectement à toute entreprise ayant une activité susceptible de concurrencer en tout ou partie celle de la société………… [et celles des sociétés du groupe………… au sein desquelles M………… aura été amené à intervenir].
 +
}}
 +
====deux====
 +
{{Encadré
 +
| alignement = <!-- facultatif -->
 +
| image = <!-- facultatif -->
 +
| lien = <!-- facultatif -->
 +
| fond = <!-- facultatif -->
 +
| largeur = <!-- facultatif -->
 +
| taillepolice =120
 +
| titre = test
 +
| contenu =  la nature des fonctions exercée par M………… en cas de rupture du
 +
}} ===>
 +
===Galerie de photos===
 +
<!-- <gallery perrow="4" caption="Côté droit" mode="nolines"> --->
 +
<gallery perrow="4" caption="Coté droit" heights="300px" widths="200px" >
 +
Ferme Dawance.JPG|[[Ouffet, ferme Dawance|'''La ferme Dawance rue Halbadet''']]
 +
IMG 0240.71.jpg|[[Ouffet, ferme de Houp le Loup|'''La ferme de Houp le Loup]]
 +
PM0166.71.jpg|[[Ouffet, ferme de Temme (Germain)|'''La ferme Gillet rue de Temme''']]
 +
PM0155.71.jpg|[[Ouffet, ferme de Temme (Wautelet)|'''La ferme Wautelet rue de Temme''']]
 +
IMG_1562.71.jpg|[[Ouffet, ferme d'Odeigne|'''La ferme d'Odeigne''']]
 +
IMG_3377.71.jpg|[[Ouffet, ferme de Crossée|'''La ferme de Crossée''']]
 +
</gallery>
 +
 +
<!--
 +
{| class="wikitable";style="text-align:center; width:80%;"
 +
|-
 +
|<font size="5">Situation en 1971||<font size="5">Situation en 2021<font size="4">
 +
|-
 +
| [[Fichier:Tige Pirette en 1971.71.jpg|vignette|800x800px|Situation 1971]]  || [[Fichier:Tige Pirette en 2021.71.jpg|vignette|800x800px|Situation 2021]]
 +
|-
 +
|}
 +
| --->

Version actuelle en date du 8 janvier 2024 à 11:11

Page de test par Philippe

Déposer une ancre

 
Utiliser la balise span

<span id="nom de l'ancre">texte affiché du point d'ancrage</span>

Dans le lien utiliser # et le nom de l'ancre exemple 

 
[[Bacasable 47#Gauche|Test lien]]


Texte Encadré

Cette Oeuvre à été imaginée par
les élèves des 5e et 6e primaires
des écoles de l'entité avec la coll-
-aboration de l'artiste G. Gelmi
grâce à la participation financière
du Petit Patrimoine Wallon, de la
section FNAPG et de l'Administra-
-tion communale d'Ouffet.
Ce texte sera encadré grâce à la balise <p> et aux styles CSS définis.

 la balise <p style="width:60%"
indique 60% de la largeur de l'écran


Mise en forme des paragraphes

 <p> balise paragraphe

align="right"
align="justify"

aussi la balise <div> division ou section
Cette Oeuvre à été imaginée par
les élèves des 5e et 6e primaires
des écoles de l'entité avec la coll-
-aboration de l'artiste G. Gelmi
grâce à la participation financière


texte centré

Texte centré

texte à droite

Ce texte est à droite

texte justifié

Exemple

Ouffet au coeur du Condroz Liégeois, au Sud de Durbuy, plus petite ville du monde en Province de Luxembourg. Outre les monuments, fermes et seigneuries remarquables, il y a lieu de signaler la Vallée du Néblon qui longe la limite Sud-Est de la commune et qui constitue un univers de fraîcheur et de verdure dans ce beau coin d'Ardenne.

Calme, espace, charme et confort sont les maîtres mots de cette belle ancienne ferme, spécialement adaptée pour organiser des retrouvailles familiales.
.


Mise en forme des caractères

indice et exposant

Indice2 Exposant3


texte en gras

Trois façons 
 <b> , <strong> et '''texte'''

1 BOLD

2 STRONG

3 Wiki
Il est difficile de voir la différence

Pour empécher l'interprétation des balises

Méthode html
placer la balise <pre> et </pre> 

 exemple : [[Fihier:IMG 3708.92.71.jpg|500x500px| et||Pignon 19.12.2017]]

Le texte est sur fond gris Methode wikicode 

utiliser la balise <nowiki>

exemple : [[Fichier:IMG 3708.92.71.jpg|500x500px| et||Pignon 19.12.2017]]
Le texte reste normal

couleur

Utiliser la balise 

 <p style="color:la couleur;">
façon simple
avec la couleur en anglais : red, green, blue, yellow
plus complexe : 
<p style="color:rgb(255,0,0);>
255,0,0 :rouge - 0,255,0 : vert - 0,0,255 : bleu - blanc 255,255,255 - noir 0,0,0

exemple :

rouge métode rgb

jaune;

Vert

bleu

fond en Rouge

le texte à surligner

Dessin formes géométriques

<office:body> <office:drawing> <draw:enhanced-geometry> 

    svg:viewBox="0 0 10 10"
    draw:type="non-primitive"
    draw:modifiers="6"      
    draw:enhanced-path="M 0 0 L 10 $0 0 10 Z" >
    <draw:handle draw:handle-position="10 $0" draw:handle-range-y-minimum="0" draw:handle-range-y-maximum="10"/>

</draw:enhanced-geometry> </office:drawing> </office:body>


Tableau

Simple utiliser l’icône du menu
aller voir https://www.mediawiki.org/wiki/Help:Tables/fr https://www.mediawiki.org/wiki/Help:Tables/fr Test

Orange Pomme
Pain Tarte
Beurre Crème glacée
Texte de la légende
Texte de l’en-tête Texte de l’en-tête Texte de l’en-tête
Exemple Exemple Exemple
Exemple Exemple Exemple
Exemple Exemple Exemple



wiki

Bonjour


taille

avec la balise big gros

avec la balise small petit

avec la balise font size="x"

Petit Normal Gros
1 tres petit 5 gros
2 petit 4 normal 6 gros
3 moins petit 7 très gros

autre

Évolution dans le temps
Avant transformation Après transformation
Facade
Facade
19 décembre 2017
Fichier:Godet facade janvier 2021.71.jpg
7 janvier 2021

Pignon

19 décembre 2017
Fichier:Godet pignon janvier 2021.71.jpg
7 janvier 2021

Photo

500 px

Pignon 19.12.2017

300 px

Pignon 19.12.2017
Fichier:Godet facade janvier 2021.71.jpg
Façade janvier 2021
Façade 19.12.2017
Fichier:Godet pignon janvier 2021.71.jpg
Pignon janvier 2021
Pignon 19.12.2017
03.06.2022





Evolution
dans le temps

inserer du pdf

ceci est un test

Voir les noms
Catégorie:OuffetCliquez ici (2).jpg

<!==

Texte Encadré

un

Modèle:Encadré texte

deux

Modèle:Encadré ===>

Galerie de photos

Récupérée de « http://www.wikihuy.be/index.php?title=Wikihuy:Bacasable_49&oldid=48748 »