b1001d accompagne vos mille et un projets web

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

  1. Téléchargez la dernière version.
  2. Une fois dézippé, copiez le dossier hexa-page vers l'emplacement adéquat sur votre site.
  3. 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>

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