Antivirus offre spéciale - jusqu'à 60 % de réduction avec openElement !
Accueil Forum Accueil Forum >

openElement

> Élements complémentaires pour OE
  Nouveaux messages Nouveaux messages Fil RSS  - Un nouvel élément pour OE : Image Sublime !
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Un nouvel élément pour OE : Image Sublime !

 Répondre Répondre Page  123 16>
Auteur
Message
Larsene allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: Mar 05 2012
Pays: France
Status: Inactif
Points: 5320
Options des messages Options des messages   Thanks (1) Thanks(1)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Sujet: Un nouvel élément pour OE : Image Sublime !
    Envoyé : Mar 26 2016 à 8:24am
Hello !

Je vous présente un nouvel élément pour OpenElement, baptisé Image Sublime



Il permet d'ajouter dans OpenElement des images avec une légende et des effets de survol, allant de l'effet de survol classique (apparition de la légende de l'image au survol) à des effets CSS 3 "captivants" ;-) et cela sans une ligne de code, dans un bel élément prêt à utiliser. Il suffit de copier la DLL dans le dossier adéquat de votre projet.

Il est présenté ici
: http://www.stalagtic.com/Element-ImageSplendide.htm

Achat de l'élément complémentaire : http://www.stalagtic.com/Element-ImageSplendide.htm#Achat

Seconde Démonstration : http://stalagtic.com/ImageSublime-sample2.htm

Un exemple pratique d'utilisation (les images de l'article) ici pour bien se rendre compte de l'intérêt que cela peut avoir en pratique : http://www.rucher-ecole-saverne.fr/cours-apicultture-saverne.htm

Merci pour vos retours !

Les options :





Mise à jour du 1/03/2017 : Ajout : option pour gérer le centrage du texte de légende, corrections:
- deux corrections apportées sur le référencement pouvant être reportées par Guideline
- un effet au survol incorrect dans Chrome ou Opera (propagation de l'effet aux balises span)

Mise à jour du 11/02/2017 :
ajout d'un masque de l'image, réorganisation des options, ajout d'effets, nouvelle démo exemple
Mise à jour du 13/01/2017 : l'élément intègre désormais en plus une fonctionnalité LightBox :

Une LightBox, c'est la possibilité d'ouvrir en fenêtre modale une image, ou une galerie d'images :



Bonne utilisation !!

PS : la mise à jour est envoyée gratuitement à toutes les personnes ayant acquis l'élément.


Edité par Larsene - Apr 12 2017 à 1:53pm

Sans lien, ...Tutos|Don|ImgSublime
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: Aug 14 2009
Pays: France
Status: Inactif
Points: 7812
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Mar 26 2016 à 8:26am
Très bon élément, il sera bientôt intégré dans le prochain magasin d'éléments, très bientôt...soyez patient !
en attendant, vous pouvez effectivement aller sur la page de Larsène et le prendre, il fonctionne parfaitement !!! Thumbs Up
Haut de la page
Larsene allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: Mar 05 2012
Pays: France
Status: Inactif
Points: 5320
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Mar 26 2016 à 8:52am
Merci !! Embarrassed

Je t'envoie l'élément rapidement, je finis le package.

Sans lien, ...Tutos|Don|ImgSublime
Haut de la page
Bridet allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: Dec 13 2013
Pays: Condroz
Status: Inactif
Points: 3704
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Bridet Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Mar 26 2016 à 10:10am
C'est géant!
On pourrait donc imaginer un site dont le premier aspect est un ensemble d'images (pour les djeunes) et si on le sent, on voit apparaître une description plus ou moins complète (pour les vieux) avec lien en prime (pour les autres) !!!
Pour 5€, je vais l'acheter rien que pour faire joujou!
http://gite.vervoz.be - www.de-troyer.be - www.gites-durbuy.be - www.accessit.be
Haut de la page
Larsene allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: Mar 05 2012
Pays: France
Status: Inactif
Points: 5320
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Mar 26 2016 à 10:44am
Il est utilisable partout, à la base, pour des sites où j'ai besoin de faire apparaître une légende ou un copyright, très discrètement, sans aucun effet, juste au survol de celle-ci.

Puis, j'ai développé avec un effet de zoom léger, pour capter un peu plus l'attention du lecteur.

Puis, j'ai été plus loin, en rajoutant des effets amusants que j'ai testé en jouant avec les translate, rotate, skew, etc. du CSS3 et j'ai exploité cette fois complètement l'éditeur, avec toutes les descriptions utilisateurs, les images icônes pour l'intégration dans OE, etc. Il est pleinement responsive, l'image ne se déforme jamais et couvre ainsi la zone d'illustration réservée.

je pense qu'il peut servir presque partout : portrait du rédacteur d'un article, au survol on affiche son nom/prénom, copyright sur les images, légendes informatives, effets visuels, etc.

Un exemple pratique d'utilisation ici pour bien se rendre compte de l'intérêt que cela peut avoir en pratique : http://www.rucher-ecole-saverne.fr/cours-apicultture-saverne.htm


Edité par Larsene - Mar 26 2016 à 2:48pm

Sans lien, ...Tutos|Don|ImgSublime
Haut de la page
Larsene allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: Mar 05 2012
Pays: France
Status: Inactif
Points: 5320
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Mar 27 2016 à 3:22pm
Pour répondre à des questions qui me sont parvenues,

Pour l'instant, OpenElement ne sais pas gérer les couleurs transparentes.

Pour les utiliser quand même avec cet élément, il faut sélectionner la zone "Légende", puis ajouter le code CSS suivant (par exemple) :
background-color:rgba(255, 255, 255, 0.5) !important

on pourra trouver le code qui correspond ici : http://www.hexcolortool.com/

J'espère que OE rajoutera la prise en charge de la transparence dans de prochaines versions.


Edité par Larsene - Mar 27 2016 à 3:22pm

Sans lien, ...Tutos|Don|ImgSublime
Haut de la page
Bridet allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: Dec 13 2013
Pays: Condroz
Status: Inactif
Points: 3704
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Bridet Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Mar 28 2016 à 8:34am
Tu devrais mettre ce fil dans les tutos...
http://gite.vervoz.be - www.de-troyer.be - www.gites-durbuy.be - www.accessit.be
Haut de la page
mamy-o-laine allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: Oct 23 2008
Pays: Belgium
Status: Inactif
Points: 210
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer mamy-o-laine Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Mar 28 2016 à 9:55am
Super Thumbs Up

Achat effectué, j'ai hâte de le tester sur mon site photographies !

MERCI, Larsene

Je veux bien payer pour tout le travail réalisé sur des éléments à ajouter à OE.
Haut de la page
Larsene allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: Mar 05 2012
Pays: France
Status: Inactif
Points: 5320
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Mar 28 2016 à 10:20am
Hello mamy-o-laine !

Merci pour ton retour ! Je viens de t'envoyer le fichier ZIP qui contient l'élément ainsi qu'un projet exemple OpenElement. N'hésite pas à me contacter au moindre souci !!

Merci encore,

Sans lien, ...Tutos|Don|ImgSublime
Haut de la page
mamy-o-laine allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: Oct 23 2008
Pays: Belgium
Status: Inactif
Points: 210
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer mamy-o-laine Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Mar 28 2016 à 10:34am
Message posté par Larsene Larsene a écrit:

Hello mamy-o-laine !

Merci pour ton retour ! Je viens de t'envoyer le fichier ZIP qui contient l'élément ainsi qu'un projet exemple OpenElement. N'hésite pas à me contacter au moindre souci !!

Merci encore,


Tu l'as envoyé sur ma messagerie OpenElement ?
Haut de la page
 Répondre Répondre Page  123 16>
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 10.18
Copyright ©2001-2014 Web Wiz Ltd.

Cette page a été affichée en 0,047 secondes.
Réserver en ligne un taxi, vtc, navette