Imprimer la Page | Fermez la fenêtre

développement elements ou équivalent

Imprimé depuis: Forum openElement
Categorie:

openElement


Nom du Forum: Forum Premium (intervention payante)
Description du Forum: Un coup de main urgent ? une aide personnalisée ? Aide payante
URL: https://forums.openelement.uk/fr/forum_posts.asp?TID=23262
Date: 28 Mar 2024 à 20:17
Version logiciel: Web Wiz Forums 12.04 - http://www.webwizforums.com


Sujet: développement elements ou équivalent
Posté par: brolysan
Sujet: développement elements ou équivalent
Posté le: 06 Mar 2018 à 18:52
Bonjour à tous,

n'ayant pas le temps de tout faire moi même et de solliciter certains amis dévs (ils se reconnaîtront Wink), je poste une demande pour améliorer OE.

Je m'explique donc :

trouver le moyen ou la meilleure méthode pour avoir un slider (de type bxslider,owl ou n'importe quel autres slidershow) mais utilisant des panneaux d'éléments, comme fait actuellement sur mes derniers templates.
Le tout avec différents paramétrages comme le lancement automatique, le nombre de panneaux affiché, la vitesse de changement, le paramétrage des boutons, etc.
Voici un site fait sous OE utilisant déjà bxslider.
http://sensode.net/" rel="nofollow - http://sensode.net/

des exemples précis de slider souhaités :
http://motors.stylemixthemes.com/boats/" rel="nofollow - exemple 01
http://slidervilla.com/testimonial-slider/" rel="nofollow - exemple 02


-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie



Réponses:
Posté par: Hobby001
Posté le: 06 Mar 2018 à 20:10
Pour ce qui est de développer un nouvel élément, je boude Thumbs Down, ça ne me tente pas deviner la marche à suivre pour utiliser l'éditeur pour créer un nouvel élément.

Pour ce qui en est de votre modèle avec bxslider, qu'est-ce qui ne va pas?




-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE


Posté par: brolysan
Posté le: 07 Mar 2018 à 09:18
Avec bxslider, dans l'état actuel du code, il ne permet que d'afficher 1 fenêtre par 1 fenêtre, même si sur certains templates, j'ai mis 2 panenaux d'éléments à l’intérieur pour donner l'impression d'en avoir plusieurs.
L'idée générale est d'arriver à faire ceci :

http://www.casimages.com" rel="nofollow">

Regardes http://motors.stylemixthemes.com/boats/" rel="nofollow - ce lien et descends à la partie Our happy clients. Voila ce que j'imagine. Wink


-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie


Posté par: Larsene
Posté le: 07 Mar 2018 à 14:12
Parce que ce n'est pas un slider, mais un carrousel ;-)

tu trouveras vite qqch...

Voilà ce que tu ferais avec Bootstrap Hug


-------------
http://goo.gl/KXxG5Y" rel="nofollow - Tutos | https://goo.gl/EtcEUi" rel="nofollow - Don | https://bit.ly/2YwprN3" rel="nofollow - Image Sublime


Posté par: brolysan
Posté le: 07 Mar 2018 à 14:27
déjà une piste mais juste envie de sous traiter ça. Big smile

-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie


Posté par: brolysan
Posté le: 07 Mar 2018 à 14:31
Le but est d'arriver à faire exactement ca :
http://devitems.com/preview/junior/index-3.html" rel="nofollow - https://devitems.com/preview/junior/index-3.html  partie Our popular classes


-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie


Posté par: Hobby001
Posté le: 12 Mar 2018 à 23:26
Quelque chose qui ressemble à ça?

http://bug.denislafrance.net/" rel="nofollow - http://bug.denislafrance.net/


-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE


Posté par: brolysan
Posté le: 13 Mar 2018 à 08:03
exactement ça!!! Thumbs Up

cela pourra être mis en responsive aussi?


-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie


Posté par: Hobby001
Posté le: 13 Mar 2018 à 14:11
Ça sera responsive, par contre sur les petits écrans il faudra se limiter à une case de largeur.

Je regarde aussi pour utiliser swiper et e.nlever les boutons sur les mobiles.  À moins que quelqu'un ne me dise que swiper ne fonctionne pas.


-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE


Posté par: brolysan
Posté le: 13 Mar 2018 à 15:02
top ca !!!!!

-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie


Posté par: Hobby001
Posté le: 13 Mar 2018 à 16:36
Censored IE n'est pas compatible avec les calculs sur des variables en CSS


Je crois que je vais me foutre de IE carrément.


-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE


Posté par: brolysan
Posté le: 13 Mar 2018 à 16:38
hahahahaha!!!

-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie


Posté par: Hobby001
Posté le: 13 Mar 2018 à 18:31
Bof, on va refaire le tout en JS et jQuery.  Pinch

-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE


Posté par: Hobby001
Posté le: 13 Mar 2018 à 18:33
Ou encore, plus carré avec des media-queries

-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE


Posté par: brolysan
Posté le: 13 Mar 2018 à 22:21
Bon courage hobby001 Thumbs Up

-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie


Posté par: Hobby001
Posté le: 14 Mar 2018 à 04:19
http://bug.denislafrance.net/." rel="nofollow - Ça prend forme.




-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE


Posté par: Hobby001
Posté le: 14 Mar 2018 à 16:35
En fouillant dans mes temps libres, j'ai tenté d'intégrer Swiper.js.

L'ennui, je crois vient du fait qu'un panneau d'éléments en contient trois par défaut ce qui génère une erreur.  

Je continue


-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE


Posté par: Hobby001
Posté le: 15 Mar 2018 à 03:19
Voila Mr brolysan, il est temps de visualiser et de critiquer;

http://bug.denislafrance.net/" rel="nofollow - DEMO

Faut "swiper" sur les mobiles, on peut utiliser les flèches ou "click & drag"  avec la souris


-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE


Posté par: brolysan
Posté le: 15 Mar 2018 à 08:37
Super Thumbs Up
Il faudra voir si l'on peut "bloquer" la partie redimensionnement des fonts et boutons mais je pense que oui. Super taff!!!!!!!!!!!

-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie


Posté par: Hobby001
Posté le: 15 Mar 2018 à 10:08
Le contenu des cases devant être différent d'une case à l'autre, l'artiste devra y appliquer les règles de son choix.

Dans le démo, j'ai mis n'importe quoi et j'y ai appliqué des classes CSS pour le rendre plus ou moins réactif.


-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE


Posté par: Hobby001
Posté le: 15 Mar 2018 à 10:10
Il y a encore deux petites choses qui me dérangent et je vais y voir aujourd'hui.

-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE


Posté par: brolysan
Posté le: 15 Mar 2018 à 10:12
Et bien tu ne chômes pas mon cher Hobby001 ! Cool

-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie


Posté par: Hobby001
Posté le: 15 Mar 2018 à 10:13
Ça occupe mes temps libres

-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE


Posté par: brolysan
Posté le: 15 Mar 2018 à 10:47
Message posté par Hobby001 Hobby001 a écrit:

Ça occupe mes temps libres

EmbarrassedClapClap


-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie



Imprimer la Page | Fermez la fenêtre

Forum Software by Web Wiz Forums® version 12.04 - http://www.webwizforums.com
Copyright ©2001-2021 Web Wiz Ltd. - https://www.webwiz.net