Hexa PAGE
La bibliothèque de mise en page Hexa PAGE regroupe des classes de styles CSS avancées permettant d'enrichir vos pages et vos articles.
Installation
- Téléchargez la dernière version.
- Une fois dézippé, copiez le dossier hexa-page vers l'emplacement adéquat sur votre site.
- Modifiez votre page ou votre maquette de page :
- en ajoutant la ligne suivante dans l'entête de votre document HTML :
<link href="[emplacement du dossier parent]/hexa-page/hexa-page.css" rel="stylesheet">
- en ajoutant la ligne suivante à la toute fin de votre document HTML :
<script src="[emplacement du dossier parent]/hexa-page/hexa-page.js"></script>
- en ajoutant la ligne suivante dans l'entête de votre document HTML :
Pour débuter
Il vous suffit d'appliquer les classes idoines aux éléments de votre document HTML.
Exemples :
Cette ligne est centrée et agrandie
<p class="hx-center hx-larger">Cette ligne est centrée et agrandie</p>
Cette ligne est centrée, agrandie et colorée en noir
<p class="hx-center hx-larger hx-text-black">Cette ligne est centrée, agrandie et colorée en noir</p>
Ce texte est souligné en jaune
<p class="hx-center hx-larger hx-yellow">Ce texte est souligné en jaune</p>
Les classes
Les éléments évolués
- Info
- Bouton
- Section déroulante
- Carte
- Bannière