Imprimer la Page | Fermez la fenêtre

Comment ajouter et créer un loader ?

Imprimé depuis: Forum openElement
Categorie:

openElement


Nom du Forum: Sites créés avec openElement
Description du Forum: Soumettre votre site aux avis
URL: https://forums.openelement.uk/fr/forum_posts.asp?TID=23710
Date: 29 Mar 2024 à 06:33
Version logiciel: Web Wiz Forums 12.04 - http://www.webwizforums.com


Sujet: Comment ajouter et créer un loader ?
Posté par: Remi4142
Sujet: Comment ajouter et créer un loader ?
Posté le: 23 Oct 2019 à 22:42
Bonjour,

Je voudrais savoir dans openelement eh bien comment ajouter un loader a mes pages mais surtout comment en créer. est-ce que quelqun a un logiciel en ligne ou un site web à me recommander pour en créer un ?

Merci d'avance




Réponses:
Posté par: Hobby001
Posté le: 24 Oct 2019 à 00:00
Un loader??????

http://zupimages.net/viewer.php?id=19/43/di3s.jpg" rel="nofollow">


-------------
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: 24 Oct 2019 à 09:17
bonjour,
C'est déjà faisable et déjà présent sur mes templates, même les gratuits.
Prenez le temps, à défaut d'utiliser mes templates, de voir comment j'ai fait.
Cordialement

-------------
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: 24 Oct 2019 à 13:31
Honnêtement, que veut dire loader?

-------------
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: Remi4142
Posté le: 24 Oct 2019 à 15:17
Bonjour,

Je vois que je n'ai pas été assez précis LOL
Un loader c'est un 'gif' qui se lance au chargement des pages pour prévenir l'utilisateur que le site est bien entrain de charger. Par exemple, pour faire patienter le client, on peut mettre une barre de chargement avec au dessus un rond qui tourne.

Voyez vous ce que je veux dire ?
Si oui, avez vous des conseils à m'apporter par apport à ma question principale ?

Merci d'avance.


Posté par: brolysan
Posté le: 24 Oct 2019 à 16:46
Je vous ai répondu, sur la majorité de mes templates, y a un loader présent. 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: Hobby001
Posté le: 24 Oct 2019 à 19:08
Message posté par brolysan brolysan a écrit:

Je vous ai répondu, sur la majorité de mes templates, y a un loader présent. Wink


http://forum.openelement.com/fr/forum_posts.asp?TID=22939&title=lensemble-des-templates-de-sensode" rel="nofollow - http://forum.openelement.com/fr/forum_posts.asp?TID=22939&title=lensemble-des-templates-de-sensode



-------------
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: Remi4142
Posté le: 24 Oct 2019 à 19:58
Bonjour,


Merci pour vos réponses. J'ai déjà choisis un template sensode et je sais qu'il y a déjà un loader.
Mais si je pose justement cette question, c'est parce-que le loader actuel ne me convient pas et je souhaite le remplacer par un autre.
Je reviens donc à ma question principale.

Merci d'avance

PS: brolysan, je ne sais pas si vous êtes administrateur des template sensode mais j'ai récemment envoyé un mail à contact@sensode.com au sujet donc du loader mais également à un autre sujet. Si vous en êtes bien l’administrateur, je vous informe avoir fait usage de votre mail d'aide.


Posté par: brolysan
Posté le: 24 Oct 2019 à 21:31
J'ai bien reçu votre mail en fin de journée, en effet.
Mais je me permets de nuancer votre demande pour éviter tout problème par la suite.
Je suis bénévole sur le forum et je mets à disposition des templates gratuits et payants (à un prix assez ridicule mais plus pour aider Openelement que pour en vivre).

Vous avez dû utiliser l'un des gratuits, vu que je n'ai trouvé aucun achat avec votre adresse mail.
La priorité restant déjà mon travail principal et ensuite, les demandes d'aides de ceux ayant "achetés" un template.
Les demandes d'aide gracieuses, j'en reçois 2 à 3 mails par jour, dont je ne répond pas spécialement de suite voir même parfois, pas du tout, je l'avoue humblement.
J'essaye dans la mesure du possible de favoriser les clients avant l'aide gracieuse, ce que vous devez comprendre aussi je pense.
Ce que vous me demandez demande du temps en plus, surtout pour le loader dont je n'ai pas la réponse dans l'instantanée.
Pour le menu, comme je le dis à tous ceux me demandant de l'aide, faites le sur le topic dédié au template utilisé :

sensblack :  http://forum.openelement.com/fr/forum_posts.asp?TID=22251&title=nouveau-template-pour-tous-sensblack" rel="nofollow - http://forum.openelement.com/fr/forum_posts.asp?TID=22251&title=nouveau-template-pour-tous-sensblack

senswhite :  http://forum.openelement.com/fr/forum_posts.asp?TID=22261&title=nouveau-template-pour-tous-senswhite" rel="nofollow - http://forum.openelement.com/fr/forum_posts.asp?TID=22261&title=nouveau-template-pour-tous-senswhite


Néanmoins, vous pouvez regarder aussi de ce côté là pour le loader: 
https://www.wifeo.com/generateur-loader-css-gratuit.php" rel="nofollow - https://www.wifeo.com/generateur-loader-css-gratuit.php

https://www.thibautsoufflet.fr/ajouter-loader-pendant-le-chargement-de-vos-pages-web/" rel="nofollow - https://www.thibautsoufflet.fr/ajouter-loader-pendant-le-chargement-de-vos-pages-web/

Pour le menu, la réponse est plus dans l'utilisation d'Openelement que du template en lui (sensblack ou senswhite je pense).
Les template sont en responsive donc en mode relative.
pour les déplacer, sélectionnez un de boutons et servez vous des flèches de direction pour le déplacer où vous voulez dans le panneau d'éléments correspondant.
Pour votre logo, si c'est une image, cliquez sur le logo sensblack et vous verrez 4 images en dessous.
Cliquez sur le deuxième (dossier jaune), puis sélectionnez l'image de votre logo.
Après, c'est de l'utilisation d'Openelement et non le template en lui même.

Cordialement

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


Posté par: Remi4142
Posté le: 24 Oct 2019 à 21:46
Bonjour,

Merci pour votre retour ! Au niveau du loader, je crois avoir compris comment il fallait faire en revanche, je ne vous suis pas pour déplacer les éléments.
Je sais effectivement que pour déplacer un élément on a juste à le faire glisser. Mais c'est la première fois que je rencontre un problème avec un template à ce niveau la. Je n'arrive pas à déplacer les éléments sur la page, ou sur le menu bref, partout ! J'ai l'impression que les éléments sont tous simplement bloqués enfaite.
Pour exemple, j'ai crée une nouvelle page, vide, avec seulement le menu positionné tout en haut, j'ai inséré un [bouton lien], je n'arrive pas à le déplacer : il y a deux barres orange (comme des sortes de marges) qui se mettent en haut et en bas de l'élément et qui le bloque tout simplement.
J'ai conscience que votre temps doit être précieux, mais, s'il vous plaît, aidez moi à ce niveau là car je n'y comprend vraiment rien :/
Je sais même pas ce que c'est qu'un template "responsive" et en mode "relative"

Merci de votre aide


Posté par: brolysan
Posté le: 24 Oct 2019 à 21:54
Disons que la, vous semblez partir de "zéro" au niveau développement du site avec Openelement.

Le mode relative c'est très bien expliqué par Larsène sur ce tutoriel d'aide :  http://forum.openelement.com/fr/forum_posts.asp?TID=20701&title=tutochouette-cest-responsive" rel="nofollow - http://forum.openelement.com/fr/forum_posts.asp?TID=20701&title=tutochouette-cest-responsive

Ensuite, je vous invite plutôt à dupliquer (copier / coller donc) les éléments présents dans le template.
Déjà, partez vous bien d'un template sensblack ou senslight? Ou d'un autre template?

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


Posté par: Remi4142
Posté le: 24 Oct 2019 à 22:31
Bonjour,

Ce dont je suis sûr c'est que c'est l'un de vos templates, il me semble que c'est Senslight, en tout cas moi j'ai celui avec la photo du coucher de soleil avec la mer.
Mais ce que je comprend pas, c'est que je n'arrive pas à déplacer les éléments :/

Je vous le confirme, je pars de très loin LOL. Au niveau programmation, code html...etc je n'ai pas du tout d’expérience. Mon objectif principal, c'était de trouver un éditeur de site web gratuit et complet au niveau des choix de personnalisation. Jusqu'à présent, je n'ai trouvé qu'openelement mais je me rend compte que ce logiciel est quand même réservé aux utilisateurs qui ont un minimum d’expérience, ce qui n'est pas mon cas :/ 

Merci de votre aide et du temps que vous consacrez à m'aider, car je le sais, un utilisateur qui n'a pas expérience dans ce domaine, c'est difficile à aider Confused


Posté par: Hobby001
Posté le: 24 Oct 2019 à 22:38
La première chose à faire est d'apprivoiser le logiciel.

Pour ce faire, faites les exercices proposés par les tutos de Larsène.  Ils sont accompagnés de vidéos et sont très bien faite.

http://forum.openelement.com/fr/forum_posts.asp?TID=20090&title=les-tutos-de-larsne" rel="nofollow - http://forum.openelement.com/fr/forum_posts.asp?TID=20090&title=les-tutos-de-larsne

Une très vieille version de tutos est aussi disponible via l'interface 

http://zupimages.net/viewer.php?id=19/43/psmi.png" rel="nofollow">





-------------
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: 24 Oct 2019 à 22:41
Ok pour senslight alors, c'est "normal", les éléments sont volontairement bloqués grace à une fonction spécial dans Openelement.
Cliquez sur un des boutons (par exemple accueil).
Ensuite, regardez dans le menu de droite, onglet Styles puis onglet Personnalisation.
Descendez dans le menu et cherchez "flottement".
Vous verrez qu'il est marqué sur Droite.
Si vous mettez aucun ou laissez vide, il reprendra sa position par défaut.
C'est une des fonctions à apprendre dans Openelement plus le positionnement pour gérer le relative (responsive donc).
Une fois que vous avez déverrouillé l'élément, vous pouvez le forcer autrement en cliquant dans le menu du haut, onglet Sélection, vous verrez ceci :


Je vous laisse comprendre à quoi cela sert du coup 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: Bridet
Posté le: 25 Oct 2019 à 09:08
Message posté par Remi4142 Remi4142 a écrit:


Je vous le confirme, je pars de très loin LOL. Au niveau programmation, code html...etc je n'ai pas du tout d’expérience. Mon objectif principal, c'était de trouver un éditeur de site web gratuit et complet au niveau des choix de personnalisation. Jusqu'à présent, je n'ai trouvé qu'openelement mais je me rend compte que ce logiciel est quand même réservé aux utilisateurs qui ont un minimum d’expérience, ce qui n'est pas mon cas :/ 



Bonjour et bienvenue,
Il faut vraiment passer par les tutos comme conseillé par Hobby, vous vous rendez bien compte qu'on ne peut pas répondre à chacune de vos questions basiques. On ne conduit pas une voiture du jour au lendemain sans s'exercer...


-------------
http://accessit.be" rel="nofollow - Les Billets d'une Bobonne Bougonne - http://gite.vervoz.be" rel="nofollow - Gîte Le Vicus


Posté par: Remi4142
Posté le: 25 Oct 2019 à 12:40
Bonjour,

L'objet en question, après avoir vos manipulations change effectivement de place mais je ne peux pas encore le déplacer :/ est-ce à cause de la fonction que vous voulez ?
Le cas échéant, j'ai compris que cela servait à aligner l'élément sur la page mais faut-il faire une manipulation particulière pour que j'arrive à déplacer l’élément sur le menu (Je parle en loccurence d'un élément sur le menu mais ce problème de déplacement est présent sur tout le template, ce qui du coup, ne me laisse pas la possibilité de déplacer les éléments sur la page d'accueil par exemple comme je le voudrais)

Merci d'avance.


Posté par: Remi4142
Posté le: 25 Oct 2019 à 12:42
Message posté par Bridet Bridet a écrit:

Message posté par Remi4142 Remi4142 a écrit:


Je vous le confirme, je pars de très loin LOL. Au niveau programmation, code html...etc je n'ai pas du tout d’expérience. Mon objectif principal, c'était de trouver un éditeur de site web gratuit et complet au niveau des choix de personnalisation. Jusqu'à présent, je n'ai trouvé qu'openelement mais je me rend compte que ce logiciel est quand même réservé aux utilisateurs qui ont un minimum d’expérience, ce qui n'est pas mon cas :/ 



Bonjour et bienvenue,
Il faut vraiment passer par les tutos comme conseillé par Hobby, vous vous rendez bien compte qu'on ne peut pas répondre à chacune de vos questions basiques. On ne conduit pas une voiture du jour au lendemain sans s'exercer...


Bonjour,

Le tutos de bases, je les connais (sauf peut être celui du responsive que je viens d'apprendre). Mais là en l’occurrence, le problème de déplacement des éléments que j'évoque, il n'est pas inclus dans les tutoriels.


Posté par: Bridet
Posté le: 25 Oct 2019 à 13:14
En bas d'un élément sélectionné il y a une petite icône représentant 4 flèches, cliquez dessus et agissez en fonction de vos désirs.


-------------
http://accessit.be" rel="nofollow - Les Billets d'une Bobonne Bougonne - http://gite.vervoz.be" rel="nofollow - Gîte Le Vicus


Posté par: Remi4142
Posté le: 25 Oct 2019 à 13:50
Message posté par Bridet Bridet a écrit:

En bas d'un élément sélectionné il y a une petite icône représentant 4 flèches, cliquez dessus et agissez en fonction de vos désirs.


Bonjour,

J'ai pu effectivement apercevoir et utiliser les flèches. Mais ce ne suffit malheureusement pas. Mon but étant de pouvoir prendre un élément, est de le déplacer n'importe où sur la page en le faisant glisser, je me rend compte qu'avec ce template, c'est impossible.

La plus bonne initiative pour moi est de reprendre mon ancien template et de le moderniser comme je peux car j'ai perdu un temps fous avec celui-ci pour essayer de comprendre comment il fonctionnait, en vain.

Merci du temps que vous m'avez apporter pour m'aider.


Posté par: brolysan
Posté le: 25 Oct 2019 à 17:50
C'est possible sans aucun problème, je viens de l'effectuer à l'instant.
Je ne vois pas ce qui bloque chez vous pour l'instant.

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


Posté par: Bridet
Posté le: 25 Oct 2019 à 19:24
Message posté par Remi4142 Remi4142 a écrit:

J'ai pu effectivement apercevoir et utiliser les flèches. Mais ce ne suffit malheureusement pas. Mon but étant de pouvoir prendre un élément, est de le déplacer n'importe où sur la page en le faisant glisser, je me rend compte qu'avec ce template, c'est impossible.
La plus bonne initiative pour moi est de reprendre mon ancien template et de le moderniser comme je peux car j'ai perdu un temps fous avec celui-ci pour essayer de comprendre comment il fonctionnait, en vain.

On ne peut pas déplacer un élément "n'importe où sur la page" mais bien dans SON panneau d'éléments lui-même éventuellement réglé dans un autre panneau d'éléments (etc.) ou la page.
Les template de sensode gratuits sont simplissimes.
Pourquoi ne pas se contenter de les utiliser tels quels dans un premier temps et les amadouer petit à petit?
Quelle est l'adresse de votre site avec votre ancien template (quel est-il ) ?
Il est totalement improductif de faire un site web non responsive de nos jours donc persévérez.



-------------
http://accessit.be" rel="nofollow - Les Billets d'une Bobonne Bougonne - http://gite.vervoz.be" rel="nofollow - Gîte Le Vicus


Posté par: Remi4142
Posté le: 26 Oct 2019 à 19:55
Message posté par Bridet Bridet a écrit:

Message posté par Remi4142 Remi4142 a écrit:

J'ai pu effectivement apercevoir et utiliser les flèches. Mais ce ne suffit malheureusement pas. Mon but étant de pouvoir prendre un élément, est de le déplacer n'importe où sur la page en le faisant glisser, je me rend compte qu'avec ce template, c'est impossible.
La plus bonne initiative pour moi est de reprendre mon ancien template et de le moderniser comme je peux car j'ai perdu un temps fous avec celui-ci pour essayer de comprendre comment il fonctionnait, en vain.

On ne peut pas déplacer un élément "n'importe où sur la page" mais bien dans SON panneau d'éléments lui-même éventuellement réglé dans un autre panneau d'éléments (etc.) ou la page.
Les template de sensode gratuits sont simplissimes.
Pourquoi ne pas se contenter de les utiliser tels quels dans un premier temps et les amadouer petit à petit?
Quelle est l'adresse de votre site avec votre ancien template (quel est-il ) ?
Il est totalement improductif de faire un site web non responsive de nos jours donc persévérez.



Bonjour,

Il me semble que le template que j'utilise actuellement est aussi responsive, à moins que non, mais je vous laisse le lien : www.dgc-co.com Les traductions en français ne sont pas opérationnelles
Du coup, j'ai fait quelques modifications de modernisations sur ce template et je trouve que ca rend plutôt bien (je me suis plutôt concentré sur les logos, les boutons, les textes...etc) même si je dois encore sûrement moderniser les contenus sur ma page d'accueil et peut être aussi moderniser le menu.

J'ai un autre 'problème' sur mon site web mais je vais ouvrir un nouveau sujet ;)

Merci pour votre aide !


Posté par: Hobby001
Posté le: 27 Oct 2019 à 02:44
Le modèle st parfaitement responsive mais il vous reste à populer me menu mobile 

-------------
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: 27 Oct 2019 à 09:25
Ce que je vous disais, ce template est ultra délicat, surtout pour la partie mobile.
Il ne fonctionne plus correctement là.

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


Posté par: Bridet
Posté le: 27 Oct 2019 à 09:45
Hobby : populer : kekcestça ?



-------------
http://accessit.be" rel="nofollow - Les Billets d'une Bobonne Bougonne - http://gite.vervoz.be" rel="nofollow - Gîte Le Vicus


Posté par: Hobby001
Posté le: 27 Oct 2019 à 12:29
Message posté par Bridet Bridet a écrit:

Hobby : populer : kekcestça ?


Une vieille blague de l'équipe avec laquelle je travaillais.  Ça vient de peupler pour remplir les cases.  Je me suis laissé aller à répondre ça la nuit dernière.


-------------
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: jjb1
Posté le: 28 Oct 2019 à 08:29
Ah, ces Québécois !!

-------------
http://prod.chasse-autreches.xyz" rel="nofollow - Mon site-(1.57 R9)


Posté par: brolysan
Posté le: 28 Oct 2019 à 08:34
Je viens de prendre le temps de relire un peu le topic, quand vous dites que le loader ne vous convient pas, qu'est ce que vous entendez exactement?
C'est l'intégration, l'animation, autre?

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


Posté par: Remi4142
Posté le: 28 Oct 2019 à 09:47
Message posté par brolysan brolysan a écrit:

Je viens de prendre le temps de relire un peu le topic, quand vous dites que le loader ne vous convient pas, qu'est ce que vous entendez exactement?
C'est l'intégration, l'animation, autre?


Bonjour,

C’est plus l’animation effectivement, je préfère plutôt un loader “circulaire”, qui tourne : je sais pas si vous voyez ce que je veux dire

Bonne journée


Posté par: brolysan
Posté le: 28 Oct 2019 à 10:21
Le plus simple étant peut être alors de chercher un gif qui vous convienne non?
Google : gif loader

-------------
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