Différences entre les versions de « Utilisateur:Jluc/bac à sable »

De Entre Amis
Aller à : navigation, rechercher
m
Ligne 1 : Ligne 1 :
<div class="thumbnail" style="max-width: 300px; float: right; text-align: right; margin: 15px 0 15px 15px;">
+
{{img-center-legend
   <img  src="http://queva.eu/mw/images/thumb/a/ad/20170924_080326-Samoens-SL.jpg/450px-20170924_080326-Samoens-SL.jpg" alt="La Dream Team ; une photo de Xavier Wiacek." title="La Dream Team ; une photo de Xavier Wiacek." class="img-responsive">
+
   |src=http://queva.eu/mw/images/thumb/b/b0/20170924_080014-Samoens-EJ.jpg/800px-20170924_080014-Samoens-EJ.jpg
   <div class="caption">
+
  |legend=Les participants du séjour devant l'une des Fermes de Vercland.
    <p>La Dream Team.<br /><small>Une photo de Xavier Wiacek.</small></p>
+
  |photo=Une photo de Christiane.
  </div>
+
}}
</div>
+
 
 +
{{img-center
 +
   |src=http://queva.eu/mw/images/thumb/b/b0/20170924_080014-Samoens-EJ.jpg/800px-20170924_080014-Samoens-EJ.jpg
 +
  |legend=Les participants du séjour devant l'une des Fermes de Vercland.
 +
  |photo=Une photo de Christiane.
 +
}}
 
<small>This line of text is meant to be treated as fine print.</small>
 
<small>This line of text is meant to be treated as fine print.</small>
<p>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.</p>
 
<small>This line of text is meant to be treated as fine print.</small>
 
<p class=small>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.</p>
 
<small>This line of text is meant to be treated as fine print.</small>
 
<small>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.</small>
 
 
<div style="clear:both;"></div>
 
----
 
 
<div class="thumbnail" style="max-width: 300px; float: right; text-align: right; margin: 15px 0 15px 15px;">
 
<img  src="http://queva.eu/mw/images/thumb/a/ad/20170924_080326-Samoens-SL.jpg/450px-20170924_080326-Samoens-SL.jpg" alt="La Dream Team ; une photo de Xavier Wiacek." title="La Dream Team ; une photo de Xavier Wiacek." class="img-responsive">
 
<div class="caption">
 
    <p>La Dream Team.<br /><small>Une photo de Xavier Wiacek.</small></p>
 
  </div>
 
</div>
 
<small>This line of text is meant to be treated as fine print.</small>
 
 
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,  
 
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,  
 
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  
 
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  
Ligne 58 : Ligne 35 :
 
   <div class="col-sm-6 col-md-4">
 
   <div class="col-sm-6 col-md-4">
 
     <div class="thumbnail">
 
     <div class="thumbnail">
  <img src="http://lorempixel.com/1024/1024/business" class="img-responsive" alt="Thumbnail">
+
<img src="http://lorempixel.com/1024/1024/business" class="img-responsive" alt="Thumbnail">
 
       <div class="caption">
 
       <div class="caption">
 
         <p class="h3">Thumbnail label</p>
 
         <p class="h3">Thumbnail label</p>
Ligne 87 : Ligne 64 :
 
   </div>
 
   </div>
 
</div>
 
</div>
 
 
<!--
 
<html>
 
<div style="text-align: right; max-width: 100%; width: 300px; margin-bottom: 15px ; padding: 4px; border: 1px solid gainsboro; border-radius: 4px; float: right">
 
<figure>
 
  <img  style="max-width: 100%;" src="http://queva.eu/mw/images/thumb/a/ad/20170924_080326-Samoens-SL.jpg/450px-20170924_080326-Samoens-SL.jpg" alt="La Dream Team ; une photo de Xavier Wiacek." title="La Dream Team ; une photo de Xavier Wiacek.">
 
  <figcaption>La Dream Team.<br />Une photo de Xavier Wiacek.</figcaption>
 
</figure>
 
</div>
 
</html>-->
 

Version du 18 janvier 2018 à 18:20

Les participants du séjour devant l'une des Fermes de Vercland. Une photo de Christiane.
Les participants du séjour devant l'une des Fermes de Vercland.
Une photo de Christiane.
Les participants du séjour devant l'une des Fermes de Vercland. Une photo de Christiane.

This line of text is meant to be treated as fine print.

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.

This line of text is meant to be treated as fine print.

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.

This line of text is meant to be treated as fine print. 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.


Thumbnail

Thumbnail label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Button Button

Thumbnail

Thumbnail label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Button Button

Thumbnail

Thumbnail label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Button Button