BullGuard Antivirus Sale - 60% Off with 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 21>
Auteur
Message
Larsene allez vers le bas
Admin Group
Admin Group


Depuis le: 05 Mar 2012
Pays: France
Status: Inactif
Points: 5388
Options des messages Options des messages   Thanks (2) Thanks(2)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Sujet: Un nouvel élément pour OE : Image Sublime !
    Envoyé : 26 Mar 2016 à 09:24
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 - 12 Avr 2017 à 14:53
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 26 Mar 2016 à 09:26
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


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

Je t'envoie l'élément rapidement, je finis le package.
Haut de la page
Bridet allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 13 Dec 2013
Pays: Condroz
Status: Inactif
Points: 5049
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Bridet Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 26 Mar 2016 à 11:10
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!
Haut de la page
Larsene allez vers le bas
Admin Group
Admin Group


Depuis le: 05 Mar 2012
Pays: France
Status: Inactif
Points: 5388
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 26 Mar 2016 à 11:44
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 - 26 Mar 2016 à 15:48
Haut de la page
Larsene allez vers le bas
Admin Group
Admin Group


Depuis le: 05 Mar 2012
Pays: France
Status: Inactif
Points: 5388
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 27 Mar 2016 à 16:22
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 - 27 Mar 2016 à 16:22
Haut de la page
Bridet allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 13 Dec 2013
Pays: Condroz
Status: Inactif
Points: 5049
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Bridet Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 28 Mar 2016 à 09:34
Tu devrais mettre ce fil dans les tutos...
Haut de la page
mamy-o-laine allez vers le bas
Senior Member
Senior Member


Depuis le: 23 Oct 2008
Pays: Belgium
Status: Inactif
Points: 236
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer mamy-o-laine Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 28 Mar 2016 à 10:55
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.
http://www.site-concept.be
http://www.art-photography.be
Haut de la page
Larsene allez vers le bas
Admin Group
Admin Group


Depuis le: 05 Mar 2012
Pays: France
Status: Inactif
Points: 5388
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 28 Mar 2016 à 11:20
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,
Haut de la page
mamy-o-laine allez vers le bas
Senior Member
Senior Member


Depuis le: 23 Oct 2008
Pays: Belgium
Status: Inactif
Points: 236
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer mamy-o-laine Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 28 Mar 2016 à 11:34
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 ?
http://www.site-concept.be
http://www.art-photography.be
Haut de la page
 Répondre Répondre Page  123 21>
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.064 secondes.