openElement

faites des copies

   Bonjour,

La nouvelle version 1.51 bêta est disponible pour des tests. 

N'utilisez pas cette version sur des originaux des projets importants: faites des copies de dossiers de projets et testez avec, publiez dans des sous-dossiers temporaires etc.

Il y a des améliorations (très) importantes, dont ceux concernant la mise en page responsive. Tous les anciens techniques et fonctionnalités restent en place.

Changements principaux:

0) Correction des bugs

1) Le corps de la page (XBody): 

 - Plusieurs Zones (sections) supplémentaires en plus de Contenu Centrale (Contenu Haut) et Footer (Contenu Bas): Header, Colonne Gauche, Colonne Droite. Le formulaire de configuration: menu Page -> Responsive -> Section de la page. 

 - Chaque Zone peut être en 2 modes de positionnement des éléments: absolute (comme avant) ou relative (similaire aux Panneaux d’éléments).

 - Chaque Zone (sauf le Contenu Centrale - l'ancienne Contenu Haut) peut être activée ou désactivée. 

 - Chaque Zone peut hériter ("carré" dans la case à cocher) ou non sa configuration du Calque de la page. 

 - Le mode de positionnement est TOUJOURS hérité du calque, pour le modifier il faut accéder le calque et utiliser son formulaire de sections.

 - Pour chaque Zone, il y a le système d'héritage des éléments venant des calques et de mélange libre entre les éléments des calques et de la page elle-même.

 - On peut modifier la taille (largeur ou hauteur selon le cas) d'une Zone en déplaçant la barre gris, comme auparavant pour Contenu Haut/Bas. L'unité (px, % etc.) est préservé.

 - On peut également modifier le style CSS de chaque Zone via des Zones de style correspondantes, mais faites attention car les valeurs surchargent ceux venant du formulaire des sections.

 - Dans le formulaire des sections, on peut configurer des valeurs différentes pour chaque media query du projet (voir ci-dessous).

2) Media queries (styles appliqués sur des supports/écrans/tailles particuliers, ex. uniquement sur des smartphones)

 - Dans Styles -> Personnalisation, il y a la nouvelle liste déroulante permettant de choisir ou d'ajouter un media query (tranche de la largeur d'écran, imprimante etc.) 

 - Chaque Zone de style d'un élément et chaque Etat (normal, survol etc.) peut avoir des styles modifiés par des media queries.

- Il y a 3 media queries prédéfinis (inspirés par Bootstrap version 2). Vous ne pouvez pas les modifier, mais vous pouvez créer d'autres media queries à volonté et modifier leur ordre. Consultez le Web si vous avez besoin d'apprendre le syntaxe des media queries.

3) CSS libre (utiliser avec précaution)

 - Chaque Zone de style possède le nouveau propriété "CSS Libre" permettant d'entrer du code CSS libre et affecter le style; ca permet notamment d’éviter l'utilisation de Blocs de Code CSS dans certains cas.

[Edit] 5) Affichage du CSS d'un élément dans le nouveau onglet Code

 - Pour chaque élément, il y a un nouveau onglet Code dans Styles (en plus de Modèles et Personnalisation). C'est l'ensemble du code CSS (style) venant de tous les "sources", pour tous ses Zones de style, Etats et Media Queries. Des que la "source" est éditable, on peut y accéder en cliquant la valeur.

http://download.openelement.com/openElement_1_51_beta.exe

Veuillez également tester les anciennes fonctionnalités pour vérifier l'absence de nouveaux bugs rapportés par des modifications.

Cordialement
L'équipe OE

P.S. Prochaine étape: eCommerce responsive personnalisable (déjà en cours)

Edité par Dmit OE - 01 Dec 2015 à 13:46

Répondre	Page 12 3 6 >
Tweet

openElement

Nouvelle version bêta 1.51