playground:playground

PlayGround

Nouveau dans Gestan à partir de la version 15.25.00


# Smileys

8-) icon_cool.png 8-O icon_eek.png 8-o icon_eek.png :-( icon_sad.png :-) icon_smile.png =) icon_smile2.gif :-/ icon_doubt.gif :-\ icon_doubt2.gif :-? icon_confused.png :-D icon_biggrin.png :-P icon_razz.png :-o icon_surprised.png :-O icon_surprised.png :-x icon_silenced.png :-X icon_silenced.png :-| icon_neutral.png ;-) icon_wink.png m( facepalm.gif

_

:?: icon_question.png :!: icon_exclaim.png :@: like.png LOL icon_lol.gif FIXME fixme.png DELETEME deleteme.png :TIP:

WRAP

Des colonnes

première colonne

Seconde colonne

bloc simple

bloc information

bloc astuce

bloc important

bloc alerte

bloc aide

bloc téléchargement

bloc à faire

particulièrement important

particulièrement important

important

peu important

WRAP style note, ajouté à WRAP

wrap style note, ajouté à WRAP

box

box

box

box

box

box

box

box

box

Greffon Bootstrap

(non testé)

Accordéon collapsé

Premier sujet

Contenu du premier sujet

Second sujet

Contenu du second sujet

BADGE Et il peut aussi s'inclure dans un bouton : Messages 4

Default Primary Success Info Warning Danger Link

on peut aussi mettre des liens : Manuel Gestan V15

Callout par défaut

Voilà un callout par défaut

et il y en a d'autres

Lorem ipsum sit amet
Lorem ipsum sit amet
Lorem ipsum sit amet
Lorem ipsum sit amet
Lorem ipsum sit amet

il y en a des complémentaires, on peut faire varier les couleurs et les icones

(caption n'est pas obligatoire)

cliquez moi

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
colonne de texte .col-sm-6 colonne de texte colonne de texte colonne de texte colonne de texte colonne de texte colonne de texte colonne de texte colonne de texte colonne de texte colonne de texte
colonne de texte colonne de texte colonne de texte colonne de texte colonne de texte colonne de texte colonne de texte colonne de texte colonne de texte colonne de texte colonne de texte colonne de texte colonne de texte .col-sm-6

on peut utiliser aussi

<jumbotron background=":wiki:plugin:bootswrapper:35723-fielx.jpg" color="#fff">

Voilà une manière d'attirer l'attention sur des informations importantes que les clients doivent connaître.

En savoir plus

default primary success info warning danger

Les mêmes avec des DIV

default
primary
success
info
warning
danger

C'est juste un paragraphe formaté spécialement.

Saut de page

Clear de Flux

Lancez la fenêtre modale

Migration 13→15

de type TABS

de type PILLS

Avec des PANE dedans

Foo

Voilà le contenu de foo.

Bar

Là, c'est le contenu de bar.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

titre

sous titre

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Titre du panneau

Subtitle

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Cliquez ici

60%
50%La barre à droite

Pour gérer les alignements

texte aligné à gauche
texte centré
texte aligné à droite
texte justifié
texte nowrap

les tailles

  • taille de texte medium.
  • taille de texte xx-small.
  • taille de texte.
  • taille de texte.
  • taille de texte.
  • taille de texte.
  • taille de texte.
  • taille de texte.
  • taille de texte.

les transformations

  • texte en minuscules
  • texte en majuscules
  • texte en capitales

les couleurs

  • muted
  • primary
  • success
  • info
  • warning
  • danger

et les fonds

  • muted
  • primary
  • success
  • info
  • warning
  • danger

On peut combiner, évidemment

texte primaire avec fond succès aligné à droite.

THUMBNAIL

La légende

Lorem ipsum sit amet etc etc.

TOOLTIP

Lorem ipsum dolor sit amet.

WELL

Moi, ça va, et vous ?

<b>Bold</b>

<i>Italic</i>

<s>Strikethrough</s>

<u>Underline</u>

<small>smaller</small>

<q>Quotation</q>

<abbr>ABBR</abbr>

<dfn>Definition</dfn>

<kbd>Ctrl</kbd>

<samp>Output</samp>

<var>x</var>

<mark>marked</mark>

<cite>Citation</cite>

<time>datetime</time>

<section> Section </section>

<figure> figure content <figcaption>Caption</figcaption> </figure>

<aside> Aside text </aside>

<article> Article text </article>

<dl> <dt>Term</dt> <dd>Description</dd> </dl>

<address> Address </address>

<details><summary>Summary</summary>

Details </details>

  • playground/playground.txt
  • Dernière modification : 2023/07/29 00:41
  • de eneuville