- Toutes les photos utilisées ne sont pas libres de droit. Merci d'utiliser celles de votre propre bibliothèque. 
  
- La page SAMPLE est une page "cachée" qui contient des ensembles d'éléments groupés en "sections": Titre + photo, Icones + texte, texte + icones + vidéo etc. 

Choisissez la section qui est la plus proche de la conception souhaitée puis copier/coller la sur votre page (pour "coller" à un endroit précis, utilisez le clic droit puis Coller). Attention à bien prendre l'ensemble de la section, il vous suffit de sélectionner son panneau extérieur (celui contenant la photo ou la couleur de fond).

Important: chaque section doit contenir précisément un sous-conteneur (groupe d'éléments) avec le contenu de la section. Les marges exterieurzs de ce conteneur définissent l'espace minimale entre les conteneurs.
 
- Le bouton "Horizontale" dans le menu "Sélection" contrôle le centrage automatique d'un élément.

- Pour modifier l'ordre des éléments - ex. mettre un élément au-dessus d'un autre : dans un panneau "relatif" (comme la plupart des conteneurs dans les sections), utilisez l'Explorateur d'éléments de gauche dans lequel se trouvent des "boutons-flèches" verts qui s'affichent quand le changement d'ordre est possible. Voir également les icones en dessous d'un élément et au-dessus du panneau relatif, pour mettre plusieurs éléments sur la même "ligne", modifier l'alignement etc.

- L'ensemble du menu en tête de page est modifiable sur son calque dédié (ex. "Base_MenuRetractable"; il suffit de changer le calque de la page pour utiliser un menu différent). Vous pouvez donc en modifier les rubriques, intégrer de nouvelles puces (par copier-coller des puces existantes) et en changer les couleurs. Cependant il s'agit d'éléments fonctionnant les uns avec les autres, évitez donc de "glisser" de nouveaux éléments pour ne pas "casser" le comportement global du menu (favoriser le copier-coller). 
 
- Pour plus d'informations, consultez la page Wiki:  
 
http://wiki.openelement.com/fr/index.php?title=Chartes_Responsives_%22Centered%22
  
Veuillez supprimer cette notice avant publier la version finale de votre site.

Pour modifier l'affichage, éditez les styles des éléments correspondants (normalement la Zone "Cadre Principale").

Pour modifier les liens du menu, éditez, copiez-collez ou supprimez les éléments-liens dedans.

Pour cacher un élément sans le supprimer, utilisez sa propriété Visible.

INFO POUR LES CREATEURS DU SITE - supprimer ce cadre après la lecture Les champs formulaire (à droite) affichent, dans la base de données, l’information qui correspond à l’utilisateur connecté . Utiliser seulement les champs nécessaires – on peut supprimer le reste d’éléments.

Utiliser la Propriété « Visible » pour cacher les champs.

Pour chaque élément – champ, sa propriété "Attribut Name" représente le nom dans le tableau $_POST en PHP. Cette valeur peut être modifiée. Par exemple, le code PHP suivant récupère la valeur Adresse mail et le protège contre les attaques basiques (l’écriture BDD de valeurs non-nettoyées provoque de graves conséquences, même pour des sites inconnus non-commerciaux):

$mail = htmlspecialchars($_POST['user_email'], ENT_QUOTES, 'UTF-8');

// pour ecrire dans BDD MySQLi (moins securisé que des requêtes préparées):

// $mailMySQL = $mysqli->real_escape_string($mail);

// pour ecrire dans BDD SQLite (moins securisé que des requêtes des préparées):

// $mailSQLite = $sqliteConn->escapeString($mail);

Verrouiller le conteneur (panneau d’éléments) pour faciliter la sélection d’éléments.

Nom du compte
Adresse mail
Nom réel
ID (numéro dans BDD)
Genre
Date de naissance
Adresse postale - ligne 1
Adresse postale - ligne 2
Telephone
Code postale
Ville
Pays
Info 1
Info 1 multiligne (utiliser en cas de besoin au lieu de champ simple ligne ci-dessus - effacer un de deux)
Info 2
Info 2 multiligne (utiliser en cas de besoin au lieu de champ simple ligne ci-dessus - effacer un de deux)
Abonné?
Droits d'Accès
Derniere connexion (UNIX timestamp)
Statut supplementaire (rarement utilisé)
Pour "activer" l'affichage d'une flèche, utilisez sa propriété "Visible"