Domaines
Communes
Quartiers de Brest
Espaces de noms

Variantes
Actions
De Wiki-Brest

Utilisateur:Stéphane DÉNIEL : Différence entre versions

(galeries photos)
(Placer l'image sur la page)
Ligne 83 : Ligne 83 :
 
* 250px : entrer la largeur de l'image en pixel (sans cette info l'image sera par défaut présentée avec une largeur de 180px)
 
* 250px : entrer la largeur de l'image en pixel (sans cette info l'image sera par défaut présentée avec une largeur de 180px)
 
* légende de l'image - il est possible de placer un lien dans la légende (recommandé)
 
* légende de l'image - il est possible de placer un lien dans la légende (recommandé)
 +
'''Cette présentation est celle qui est recommandée dans la majorité des cas. Elle est préférée a l'insertion dans le corps du texte (voir ci-dessous)'''
 
<br><br><br><br><br><br><br>
 
<br><br><br><br><br><br><br>
 
===Image dans le corps de texte===
 
===Image dans le corps de texte===
 
Pour placer une image dans le corp de texte il faut insérer un texte du type :
 
Pour placer une image dans le corp de texte il faut insérer un texte du type :
 
<pre>[[Image:Vue brest.jpg]]</pre>
 
<pre>[[Image:Vue brest.jpg]]</pre>
 +
Ce qui donne :
 +
 
[[Image:Vue brest.jpg]]
 
[[Image:Vue brest.jpg]]
  
Par défaut l'image se place a gauche avec sa taille d'origine.
+
Par défaut l'image se place à gauche avec sa taille d'origine.
  
 
Avec un texte du type :
 
Avec un texte du type :
 
<pre>[[Image:Vue brest.jpg|150px|center|Vue de Brest (pont de Recouvrance)]]</pre>
 
<pre>[[Image:Vue brest.jpg|150px|center|Vue de Brest (pont de Recouvrance)]]</pre>
Il est possible de changer la taille de placer l'image au centre avec ''center'' a gauche avec ''left'' a droite avec ''right''. Le texte viendre justifier le texte.
+
Il est possible de changer la place de l'image sur la page en ajoutant
 +
* ''|center'' elle sera centrée
 +
* ''|left'' elle se placera à gauche
 +
* ''|right'' elle se placera à droite
 +
 
 +
Si l'image est placée en début d'un paragraphe elle viendra justifier le texte.
  
 +
Ce qui donne :
 
[[Image:Vue brest.jpg|170px|left|Vue de Brest (pont de Recouvrance)]][[Image:Vue brest.jpg|80px|right|Vue de Brest (pont de Recouvrance)]] Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test Ceci est un test d'insertion d'image Ceci est un test Ceci est un test Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test Ceci est un test d'insertion d'image Ceci est un test Ceci est un test Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image.
 
[[Image:Vue brest.jpg|170px|left|Vue de Brest (pont de Recouvrance)]][[Image:Vue brest.jpg|80px|right|Vue de Brest (pont de Recouvrance)]] Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test Ceci est un test d'insertion d'image Ceci est un test Ceci est un test Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test Ceci est un test d'insertion d'image Ceci est un test Ceci est un test Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image.
 +
===Galeries photos===
 +
 +
Pour placer des images dans une galerie il faut insérer un texte du type :
 +
<pre>
 +
<center>
 +
<gallery>
 +
image:Jardin fleur.png|une fleur
 +
image:Jardin coccinelle.png|une coccinelle
 +
Image:Access.png|logo accessibilité
 +
Image:Bureau libre.png|Bureau libre
 +
Image:Icon-wifi.png|wifi
 +
Image:Wiki-brest.jpg|Wiki-brest
 +
</gallery>
 +
</center>
 +
</pre>
 +
 +
Ce qui donne :
 +
<center>
 +
<gallery>
 +
image:Jardin fleur.png|une fleur
 +
image:Jardin coccinelle.png|une coccinelle
 +
Image:Access.png|logo accessibilité
 +
Image:Bureau libre.png|Bureau libre
 +
Image:Icon-wifi.png|wifi
 +
Image:Wiki-brest.jpg|Wiki-brest
 +
</gallery>
 +
</center>
 +
 +
Par défaut l'ensemble la galerie ce présente avec 4 colonnes mais on peut aussi choisir le nombre de colonnes en réglant le paramètre perrow de 1 à 4 en insérant un texte du type :
 +
 +
<pre>
 +
<center>
 +
<gallery perrow=2>
 +
image:Jardin fleur.png|une fleur
 +
image:Jardin coccinelle.png|une coccinelle
 +
Image:Access.png|logo accessibilité
 +
Image:Bureau libre.png|Bureau libre
 +
Image:Icon-wifi.png|wifi
 +
Image:Wiki-brest.jpg|Wiki-brest
 +
</gallery>
 +
</center>
 +
</pre>
 +
 +
Ce qui donne :
 +
<center>
 +
<gallery perrow=2>
 +
image:Jardin fleur.png|une fleur
 +
image:Jardin coccinelle.png|une coccinelle
 +
Image:Access.png|logo accessibilité
 +
Image:Bureau libre.png|Bureau libre
 +
Image:Icon-wifi.png|wifi
 +
Image:Wiki-brest.jpg|Wiki-brest
 +
</gallery>
 +
</center>
  
 
== Diaporama photos ==
 
== Diaporama photos ==

Version du 20 mai 2009 à 11:36

Travaux wiki Brest

Portail:Photographie

Qui suis je ?

Mes photographies

[[1]]

Proposition de logo pour Wiki-Brest

Texte CC a importer

droit à l'image http://www.a-brest.net/article1115.html Les photographies, le Louvre, notre patrimoine http://www.a-brest.net/article1814.html

autres

PAS

Photographie

bac a sable

http://commons.wikimedia.org/wiki/Crystal_Clear

Accessibilité
Accessibilité



modèle

modèle

Aide:Modèles

Catégorie:Modèle

Catégorie:Outil de rédaction

Special:Modèles inutilisés - Special:Modèles sans catégorie - Special:Modèles les plus utilisés

Catégorie:Tag de licence - Catégorie:Modèle cadre - Modèle:Entête tableau charte

modèle:Cadre - modèle:Rubrique - Modèle:Source Wikipedia - Modèle:Kit Portail - Modèle:Source Wikipedia


Placer l'image sur la page

Image en vignette

Pour placer une image avec une présentation vignette (encadrée et légendée) il faut insérer un texte du type :

[[Image:Vue brest.jpg|thumb|250px|Vue du pont de Recouvrance]]
Vue du pont de Recouvrance
  • Image : le nom du fichier image | suivi de la légende qui apparaitra sous l'image
  • thumb : désigne la présentation vignette
  • 250px : entrer la largeur de l'image en pixel (sans cette info l'image sera par défaut présentée avec une largeur de 180px)
  • légende de l'image - il est possible de placer un lien dans la légende (recommandé)

Cette présentation est celle qui est recommandée dans la majorité des cas. Elle est préférée a l'insertion dans le corps du texte (voir ci-dessous)






Image dans le corps de texte

Pour placer une image dans le corp de texte il faut insérer un texte du type :

[[Image:Vue brest.jpg]]

Ce qui donne :

Vue brest.jpg

Par défaut l'image se place à gauche avec sa taille d'origine.

Avec un texte du type :

[[Image:Vue brest.jpg|150px|center|Vue de Brest (pont de Recouvrance)]]

Il est possible de changer la place de l'image sur la page en ajoutant

  • |center elle sera centrée
  • |left elle se placera à gauche
  • |right elle se placera à droite

Si l'image est placée en début d'un paragraphe elle viendra justifier le texte.

Ce qui donne :

Vue de Brest (pont de Recouvrance)
Vue de Brest (pont de Recouvrance)
Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test Ceci est un test d'insertion d'image Ceci est un test Ceci est un test Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test Ceci est un test d'insertion d'image Ceci est un test Ceci est un test Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image.

Galeries photos

Pour placer des images dans une galerie il faut insérer un texte du type :

<center>
<gallery>
image:Jardin fleur.png|une fleur
image:Jardin coccinelle.png|une coccinelle
Image:Access.png|logo accessibilité
Image:Bureau libre.png|Bureau libre
Image:Icon-wifi.png|wifi
Image:Wiki-brest.jpg|Wiki-brest
</gallery>
</center>

Ce qui donne :

Par défaut l'ensemble la galerie ce présente avec 4 colonnes mais on peut aussi choisir le nombre de colonnes en réglant le paramètre perrow de 1 à 4 en insérant un texte du type :

<center>
<gallery perrow=2>
image:Jardin fleur.png|une fleur
image:Jardin coccinelle.png|une coccinelle
Image:Access.png|logo accessibilité
Image:Bureau libre.png|Bureau libre
Image:Icon-wifi.png|wifi
Image:Wiki-brest.jpg|Wiki-brest
</gallery>
</center>

Ce qui donne :

Diaporama photos

Pour créer un diaporama il faut insérer un texte du type :

{{Images
|largeur=250
|titre=Diaporama n°1
|Image:Exemple.jpg|Baleine
|Image:Jardin fleur.png|fleur
|Image:Jardin coccinelle.png|coccinelle
}}
Diaporama n°1
Baleine
fleur
coccinelle
  • Largeur : limite la largeur d'une image a un certain nombre de pixel

- Les images dont la largeur est inférieur a cette dimension conserve leur largeur maximum
- en supprimant la ligne largeur le cadre du diaporama prend toute la largeur de la page et les images sont centrées.

  • titre : Le titre en gras du diaporama
  • Image : le nom du fichier image | suivi de la légende qui apparaitra sous l'image
Outils personnels