Différences entre les versions de « Discussion:Nos Projets »

De VoWiki
Aller à la navigation Aller à la recherche
Ligne 65 : Ligne 65 :
Ajouter:
Ajouter:


  div.tleft {
  span.vignette div.tleft {
     display: inline;
     display: inline;
     float: left;
     float: left;
Ligne 71 : Ligne 71 :
  }
  }


dans http://www.vorobotics.com/wiki/index.php?title=MediaWiki:Common.css pour que l'affichage soit correct!
dans http://www.vorobotics.com/wiki/index.php?title=MediaWiki:Common.css et
 
<span class="vignette">[[Fichier:{{{Image}}}|vignette|300px|alt={{{Nom}}}|left|link={{{Page}}}|<center><big>[[{{{Page}}}|'''{{{Nom}}}''']]</big><br /><small>(par {{{Auteur}}})</small></center><br />{{{Description}}}]]</span>
 
dans http://www.vorobotics.com/wiki/index.php?title=Mod%C3%A8le:Vignette_de_projet pour que l'affichage soit correct!


===Test 5: galerie ===
===Test 5: galerie ===

Version du 9 novembre 2015 à 11:44

Vignette

Utiliser les modèles pour afficher les projets réalisés sous forme de vignette avec une image, un nom, une description, un ou des auteur(s)

And the winner is... Test4 (vignettes au CSS modifié)

Test 1: vignettes

VOR-1
(par Joël, Pec et Julien)
Un robot roulant.
Fichier:...
(par Pec)
Un robot monté sur 3 roues et contrôlé par un Arduino.

Test 2: vignettes

VoR1
VOR-1
(par Joël, Pec et Julien)

Un robot roulant.
VoR1
VOR-1
(par Joël, Pec et Julien)

Un robot roulant.
VoR1
VOR-1
(par Joël, Pec et Julien)

Un robot roulant.
VoR1
VOR-1
(par Joël, Pec et Julien)

Un robot roulant.
VoR1
VOR-1
(par Joël, Pec et Julien)

Un robot roulant.
VoR1
VOR-1
(par Joël, Pec et Julien)

Un robot roulant.

Test 3: tableau de vignettes

VOR-1
(par Joël, Pec et Julien)
Un robot roulant.
Fichier:...
(par Pec)
Un robot monté sur 3 roues et contrôlé par un Arduino.
VOR-1
(par Joël, Pec et Julien)
Un robot roulant.
VOR-1
(par Joël, Pec et Julien)
Un robot roulant.
VOR-1
(par Joël, Pec et Julien)
Un robot roulant.
VOR-1
(par Joël, Pec et Julien)
Un robot roulant.
VOR-1
(par Joël, Pec et Julien)
Un robot roulant.
VOR-1
(par Joël, Pec et Julien)
Un robot roulant.
VOR-1
(par Joël, Pec et Julien)
Un robot roulant.

Problème:

  • Le retour à la ligne ne s'adapte pas automatiquement à la taille de l'écran contrairement à "gallery".


Test 4: vignettes au CSS modifié

VOR-1
(par Joël, Pec et Julien)
Un robot roulant.
Fichier:...
(par Pec)
Un robot monté sur 3 roues et contrôlé par un Arduino.
VOR-1
(par Joël, Pec et Julien)
Un robot roulant.
VOR-1
(par Joël, Pec et Julien)
Un robot roulant.
VOR-1
(par Joël, Pec et Julien)
Un robot roulant.
VOR-1
(par Joël, Pec et Julien)
Un robot roulant.

Ajouter:

span.vignette div.tleft {
   display: inline;
   float: left;
   clear: none;
}

dans http://www.vorobotics.com/wiki/index.php?title=MediaWiki:Common.css et

[[Fichier:{{{Image}}}|vignette|300px|alt={{{Nom}}}|left|link={{{Page}}}|
[[{{{Page}}}|{{{Nom}}}]]
(par {{{Auteur}}})

{{{Description}}}]]

dans http://www.vorobotics.com/wiki/index.php?title=Mod%C3%A8le:Vignette_de_projet pour que l'affichage soit correct!

Test 5: galerie

Problèmes: