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

De VoWiki
Aller à la navigation Aller à la recherche
Ligne 73 : Ligne 73 :
dans http://www.vorobotics.com/wiki/index.php?title=MediaWiki:Common.css et
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>
<nowiki>
<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>
</nowiki>


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

Version du 9 novembre 2015 à 11:46

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

<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

Problèmes: