Thème Smart : créer un joli pied de page

Pas de colonnes comme sur le module Pages

Avec le thème Smart d'e-monsite, sur le pied de page (accessible en Version PRO uniquement si votre site a été créé après le 01 aout 2016, l'ajout d'HTML permettra de le modifier facilement. Il est accessible depuis Configuration > Zones éditables & Zone éditable du bas.

Même s'il n'y a pas de fonctionnalité de lignes et colonnes comme sur les autres modules, il est cependant possible de les créer simplement en HTML avec ce thème Smart.

Largeur personnalisée

Vous trouverez la largeur à personnaliser sur cette page :

http://fr.ems-framework.com/pages/layout.html

Personnaliser la largeur des colonnes

3 Colonnes dans le pied de page : Exemple

Texte
Test

Texte
Test

4 colonnes dans le pied de page : Exemple

Pour cet exemple un peu plus complet, nous allons travailler avec les largeurs personnalisables des colonnes. Ainsi, nous aurons une colonne de 35%, deux de 25% et une de 15% (le total doit toujours être égal à 100%).

Fa access 4x
Dans la plus grande colonne, je peux placer une image par exemple et plus de texte que dans les 3 autres.
 
Texte
Contact
Test



Votre texte
Votre texte
Votre texte
Votre texte

Astuce :

Pour ne pas tout avoir à faire en HTML, vous pouvez juste copier/coller le code fourni depuis l'outil Source de l'éditeur visuel du pied de page et une fois le code collé, retournez sur l'éditeur visuel normal. Modifiez les textes dans les "colonnes" créées pour placer vos contenus personnalisés. Seul l'ajout de données en HTML comme fontawesome sera à faire depuis l'éditeur "source".
Parce que c'est quand même plus simple de cliquer sur le bouton image que de se farcir l'ajout de l'image en HTML...

A noter : la colonne de gauche est légèrement décalée sur l'éditeur (elle sort un peu du contenu). Ce n'est le cas que sur le manager, pas de panique ;)