Éditeur Squelette POPS Enterprise

Compose une vraie page web avec plusieurs blocs HTML positionnables

Ajoute plusieurs créations HTML, pages complètes ou embeds, place-les dans différentes zones du squelette, réordonne-les et exporte une page HTML prête à publier.

Multi-blocs HTML / pages / embeds Positions + ordre + largeurs Export HTML direct

Raccourci : Échap ferme le menu dans la preview.

Réglages (accordéons + scroll interne)

Applique un style complet (couleurs, police, arrondis, layout, positions burger/menu et option footer). Le contenu (titres, liens, textes) n’est pas modifié.

Modèle de page

Change la structure HTML générée. Le modèle 1 reste celui chargé par défaut.

Thèmes prêts

Le thème modifie les réglages visuels (couleurs, polices, etc.) sans toucher au contenu.

Tu peux ensuite ajuster finement dans “Couleurs”, “Polices” et “Menu burger”.

Nom du site (header)

Sous-titre (header)

Navigation (menu burger)

Tu peux mettre des liens relatifs (ex: /contact) ou des ancres (ex: #section).

Navigation (liens supplémentaires)

Aucun lien supplémentaire pour l’instant.

Ces liens seront ajoutés après les 4 liens principaux dans le menu burger (et la sidebar du modèle Split).

Titre du cadre central

Texte du cadre central

Constructeur de page — blocs HTML multiples

Ajoute autant de créations POPS Enterprise que nécessaire. Chaque bloc peut être placé à un endroit différent du squelette et réordonné sans modifier son code.

1. Sous le header2. Haut du contenu 3. Cadre principal4. Bas du contenu 5. Avant le footer6. Après le footer

Aucun bloc pour l’instant. Cliquez sur « + Bloc HTML » pour commencer.

Astuce : utilisez ↟ / ↡ ou faites glisser la poignée ⠿ pour changer l’ordre. Les largeurs 1/2, 1/3 et 2/3 se remettent automatiquement en pleine largeur sur mobile.

Footer : liens sociaux

Texte © (après l'année)

Options footer

Afficher l’année Logo dans le footer

URL / chemin du logo

Importer un logo depuis ton PC (intégration en base64)

Pratique si tu veux un fichier final autonome (sans dépendre d’un chemin local).

Taille logo du header (px)

Taille logo footer (px)

Afficher le logo du header

Fond (bleu foncé)

Header / Footer

Texte

Texte secondaire

Lueur 1

Lueur 2

Opacité des bordures

Actuel : 0.12

Ombre (intensité)

Actuel : 0.35

Police

Taille de base (px)

Arrondi (px)

Largeur max (px)

Hauteur mini cadre (vh)

Header sticky

Position du bouton burger

Position de la fenêtre de navigation

Taille bouton burger (px)

Largeur fenêtre navigation (px)

Fond bouton burger

Transparence fond burger

Actuel : 0.04

Fond navigation (haut)

Fond navigation (bas)

Transparence fond navigation

Actuel : 0.98

Fond overlay

Transparence overlay

Actuel : 0.45

Footer

CSS perso (optionnel)

JS perso (optionnel)

Ces ajouts seront injectés dans la page exportée.

Le code affiché à droite est exactement ce qui sera téléchargé.

En cas de limite du navigateur mobile, le bouton utilisera un mode de secours pour ouvrir ou télécharger le HTML généré proprement.

Preview du squelette + code généré

Astuce : si ton logo est en file:///, la preview s’affichera surtout quand tu ouvres l’éditeur en local (double-clic sur le fichier).
Pour un site en ligne : mets une URL ou un chemin relatif.