PARTICIPER AU SITE DE LA CAGETTE





Niveau 3 : Écrire du YesWiki


Les Couleurs


image palette_couleurajuster.png (6.4kB)


#59748C
Couleur Wiki: success


#F2DD9F
Couleur Wiki : warning

#D88F36
Couleur Wiki : alert

#A55F21
Couleur Wiki : primary

#592A0F
Couleur Wiki : info



Les Boutons



Il redirige vers une autre page

Copier le code ci-dessous et coller le dans le menu edition de votre page :
{{button class="btn-warning" <a href link="VOTRE LIEN" text="TEXTE AFFICHE SUR LE BOUTON"}}



Cela donne un bouton comme ça :
TEXTE AFFICHE SUR LE BOUTON

  • Il faut remplacer VOTRE LIEN par le lien URL vers lequel vous voulez rediriger
  • Il faut remplacer TEXTE AFFICHE SUR LE BOUTON par le Texte que vous souhaité afficher sur le bouton.... sans déconner... :-)


  • Il redirige vers une autre page mais dans un nouvel onglet
  • La page initial reste ouverte


Copier le code ci-dessous et coller le dans le menu edition de votre page :
""<a href="VOTRE LIEN" target="_blank" class="btn btn-warning">TEXTE AFFICHE SUR LE BOUTON</a>""



Cela donne un bouton comme ça :
TEXTE AFFICHE SUR LE BOUTON


  • Il faut remplacer VOTRE LIEN par le lien URL vers lequel vous voulez rediriger
  • Il faut remplacer TEXTE AFFICHE SUR LE BOUTON par le Texte que vous souhaité afficher sur le bouton.... vous avez compris non ? :-)


Il ouvre une fenetre pop-up dans laquelle il fait apparaitre la page correspondant au lien que vous avez renseigné dans le code


Copier le code ci-dessous et coller le dans le menu edition de votre page :
{{button class="btn-warning modalbox" link="VOTRE LIEN" text="TEXTE AFFICHE SUR LE BOUTON"}}



Un exemple ci-dessous :
TEXTE AFFICHE SUR LE BOUTON


Copier le code ci-dessous et coller le dans le menu edition de votre page :
{{button class="btn-warning btn-lg" <a href link="VOTRE LIEN" text="TEXTE AFFICHE SUR LE BOUTON"}}


Cela donne un bouton comme ça :
TEXTE AFFICHE SUR LE BOUTON


Copier le code ci-dessous et coller le dans le menu edition de votre page :
{{button class="btn-warning btn-sm" <a href link="VOTRE LIEN" text="TEXTE AFFICHE SUR LE BOUTON"}}


Cela donne un bouton comme ça :
TEXTE AFFICHE SUR LE BOUTON


Copier le code ci-dessous et coller le dans le menu edition de votre page :
{{button class="btn-warning btn-xs" <a href link="VOTRE LIEN" text="TEXTE AFFICHE SUR LE BOUTON"}}


Cela donne un bouton comme ça :
TEXTE AFFICHE SUR LE BOUTON


Copier le code ci-dessous et coller le dans le menu edition de votre page :
{{button class="btn-warning btn-block" <a href link="VOTRE LIEN" text="TEXTE AFFICHE SUR LE BOUTON"}}


Cela donne un bouton comme ça :
TEXTE AFFICHE SUR LE BOUTON

Barres de navigation / onglets de page



Nav pills navs justified


Cela permet de créer un menu horizontal qui redirige vers d'autre pages. Pour le menu "Navs bar" apparaisse sur toutes les pages, il faut mettre le code sur toutes les pages concernées.

Le code se décompose en deux partie :
- nav link : Mettre les liens des différentes pages séparées par des virgules, Les liens apparaitront de gauche à droite sur la page
- Titles : Mettre, dans le même ordre que les liens les titres des barres de navigation. Il faut également les séparer par des virgule

Copier le code ci-dessous et coller le dans le menu edition de votre page, adaptez le code selon le nombre de barre de navigation que vous souhaitez :
{{nav links="Lien Barre Navigation 1, Lien Barre Navigation 2, Lien Barre Navigation 3, Lien Barre Navigation 4"  titles="Titre Barre Navigation 1, Titre Barre Navigation 2, Titre Barre Navigation 3, Titre Barre Navigation4" class="nav nav-pills nav-justified"}}


Un exemple ci-dessous :




Nav nav-tabs


Même explication que pour Nav pills navs justified.

Copier le code ci-dessous et coller le dans le menu édition de votre page, adaptez le code selon le nombre de barre de navigation que vous souhaitez :
{{nav links="Lien Barre Navigation 1, Lien Barre Navigation 2, Lien Barre Navigation 3, Lien Barre Navigation 4"  titles="Titre Barre Navigation 1, Titre Barre Navigation 2, Titre Barre Navigation 3, Titre Barre Navigation4" class="nav nav-tabs"}}


Ce qui donnera si tout se passe bien :