S'inscrire

Etoiles

Pour afficher de 1 à 10 étoiles, choisir un style et une couleur, noter sur 5...

Etoiles
NomOptionsExplication
color blue, green, red, dark, gray, teal Par défaut : yellow
size 2,3,4,5,6,7,8,9,10 Taille de l’étoile
animation Voir la liste plus bas Animation supplémentaire des étoiles.
rating true Afficher une note sur 5
rotate left, right Incliner les étoiles
number 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 Le nombre d’étoiles affichées
style hollow, half,half-hollow, half-alt Style de l’étoile

 Exemple

{{DLC: The Valley}}
- <multi>[de]Das Tal[fr]The Valley[en]The Valley</multi> (7 <stars|number=7|animation=bounceInRight>)

DLC : The Valley

  • The Valley (7 )
<quote>
- Graphismes <stars|number=5|rating=true|align=right|animation=rollIn>
- Gameplay <stars|number=4|rating=true|align=right|animation=rollIn>
- Durée de vie  <stars|number=3|rating=true|align=right|animation=rollIn>
</quote>
  • Graphismes
  • Gameplay
  • Durée de vie
<stars|number=1|animation=jackInTheBox|size=10|align=center|style=hollow|color=red>
[(
{{{Hôtel <stars|number=4|animation=zoomIn>}}}
)]

 Hôtel

[|
----
<stars|number=5|size=2|animation=rotateInUpRight|rotate=right>
{"Un film à voir absolument"} 
----
|]


« Un film à voir absolument »


 Nombre

<stars|number=1>
<stars|number=2>
<stars|number=3>
<stars|number=4>
<stars|number=5>
<stars|number=6>
<stars|number=7>
<stars|number=8>
<stars|number=9>
<stars|number=10>










 Styles

<stars|number=5>
<stars|number=5|style=hollow>
<stars|number=5|style=half>
<stars|number=5|style=half-alt>
<stars|number=5|style=half-hollow>





 Notation sur 5

<stars|number=1|rating=true>
<stars|number=2|rating=true>
<stars|number=3|rating=true>
<stars|number=4|rating=true>
<stars|number=5|rating=true>





 Couleurs

<stars|number=4>
<stars|number=4|color=blue>
<stars|number=4|color=green>
<stars|number=4|color=red>
<stars|number=4|color=dark>
<stars|number=4|color=gray>
<stars|number=4|color=teal>







 Inclinaison

<stars|number=4|rotate=left>
<stars|number=4|rotate=right>


 Taille

La taille dépend de l’élément parent :

Paragraphe <stars|number=4>

Paragraphe

{{{Intertitre <stars|number=4>}}}

 Intertitre

On peut cependant forcer la taille :

<stars|number=1|size=2>
<stars|number=1|size=3>
<stars|number=1|size=4>
<stars|number=1|size=5>
<stars|number=1|size=6>
<stars|number=1|size=7>
<stars|number=1|size=8>
<stars|number=1|size=9>
<stars|number=1|size=10>

 Alignement

Par défaut : à gauche

<stars|number=3>
<stars|number=3|align=center>
<stars|number=3|align=right>



 Animation

Les animations sont issues de la bibliothèque Animate.CSS de Daniel Eden.

Liste des animations Animate.CSS

Attention Seekers

  • bounce
<stars|number=4|size=4|rating=true|animation=bounce>


  • flash
<stars|number=4|size=4|rating=true|animation=flash>


  • pulse
<stars|number=4|size=4|rating=true|animation=pulse>


  • rubberBand
<stars|number=4|size=4|rating=true|animation=rubberBand>


  • shake
<stars|number=4|size=4|rating=true|animation=shake>


  • swing
<stars|number=4|size=4|rating=true|animation=swing>


  • tada
<stars|number=4|size=4|rating=true|animation=tada>


  • wobble
<stars|number=4|size=4|rating=true|animation=wobble>


  • jello
<stars|number=4|size=4|rating=true|animation=jello>

Bouncing Entrances

  • bounceIn
<stars|number=4|size=4|rating=true|animation=bounceIn>


  • bounceInDown
<stars|number=4|size=4|rating=true|animation=bounceInDown>


  • bounceInLeft
<stars|number=4|size=4|rating=true|animation=bounceInLeft>


  • bounceInRight
<stars|number=4|size=4|rating=true|animation=bounceInRight>


  • bounceInUp
<stars|number=4|size=4|rating=true|animation=bounceInUp>

Fading Entrances

  • fadeIn
<stars|number=4|size=4|rating=true|animation=fadeIn>


  • fadeInDown
<stars|number=4|size=4|rating=true|animation=fadeInDown>


  • fadeInDownBig
<stars|number=4|size=4|rating=true|animation=fadeInDownBig>


  • fadeInLeft
<stars|number=4|size=4|rating=true|animation=fadeInLeft>


  • fadeInLeftBig
<stars|number=4|size=4|rating=true|animation=fadeInLeftBig>


  • fadeInRight
<stars|number=4|size=4|rating=true|animation=fadeInRight>


  • fadeInRightBig
<stars|number=4|size=4|rating=true|animation=fadeInRightBig>


  • fadeInUp
<stars|number=4|size=4|rating=true|animation=fadeInUp>


  • fadeInUpBig
<stars|number=4|size=4|rating=true|animation=fadeInUpBig>

Flippers

  • flip
<stars|number=4|size=4|rating=true|animation=flip>


  • flipInX
<stars|number=4|size=4|rating=true|animation=flipInX>


  • flipInY
<stars|number=4|size=4|rating=true|animation=flipInY>

Lightspeed


  • lightSpeedIn
<stars|number=4|size=4|rating=true|animation=lightSpeedIn>

Rotating Entrances

  • rotateIn
<stars|number=4|size=4|rating=true|animation=rotateIn>


  • rotateInDownLeft
<stars|number=4|size=4|rating=true|animation=rotateInDownLeft>


  • rotateInDownRight
<stars|number=4|size=4|rating=true|animation=rotateInDownRight>


  • rotateInUpLeft
<stars|number=4|size=4|rating=true|animation=rotateInUpLeft>


  • rotateInUpRight
<stars|number=4|size=4|rating=true|animation=rotateInUpRight>

Sliding Entrances

  • slideInUp
<stars|number=4|size=4|rating=true|animation=slideInUp>


  • slideInDown
<stars|number=4|size=4|rating=true|animation=slideInDown>


  • slideInLeft
<stars|number=4|size=4|rating=true|animation=slideInLeft>


  • slideInRight
<stars|number=4|size=4|rating=true|animation=slideInRight>

Zoom Entrances

  • zoomIn
<stars|number=4|size=4|rating=true|animation=zoomIn>


  • zoomInDown
<stars|number=4|size=4|rating=true|animation=zoomInDown>


  • zoomInLeft
<stars|number=4|size=4|rating=true|animation=zoomInLeft>


  • zoomInRight
<stars|number=4|size=4|rating=true|animation=zoomInRight>


zoomInUp

<stars|number=4|size=4|rating=true|animation=zoomInUp>

Specials

  • jackInTheBox
<stars|number=4|size=4|rating=true|animation=jackInTheBox>


  • rollIn
<stars|number=4|size=4|rating=true|animation=rollIn>

Lettre d’information

Recevez directement dans votre boîte de réception mes dernières publications

En indiquant votre adresse email ci-dessus, vous consentez à recevoir notre Newsletter par voie électronique et acceptez notre Politique de confidentialité. Vous pouvez vous désinscrire à tout moment. .

Avant de vouloir qu’un logiciel soit réutilisable, il faudrait d’abord qu’il ait été utilisable.
Ralph Johnson

Etoiles