Éditeur Squelette POPS Enterprise

Crée un vrai squelette de page pour vitrines, blocs HTML et embeds

Insère facilement une vitrine, une page complète ou un code embed entre le header et le footer. Le cadre central s’adapte mieux au contenu, la preview reste fidèle, et l’export donne un fichier HTML prêt à ouvrir.

HTML / page complète / iframe Cadre central ajusté 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

Type d’insertion dans le squelette

Choisis le bon mode selon ce que tu colles : un bloc HTML, une page complète, ou un embed.

Code de la création / page / embed

Le contenu collé ici sera placé entre le header et le footer. En mode page ou embed, le rendu remplit automatiquement le cadre du squelette.

Importer un fichier HTML

Le fichier est chargé dans la zone ci-dessus. Si c’est une page complète, le mode bascule automatiquement sur « Page web HTML complète ».

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.