Imprimer la Page | Fermez la fenêtre

comment ajout code

Imprimé depuis: Forum openElement
Categorie:

openElement


Nom du Forum: Scripts pour votre site
Description du Forum: Exemple de scripts utilisables dans les blocs de codes
URL: https://forums.openelement.uk/fr/forum_posts.asp?TID=24030
Date: 28 Mar 2024 à 17:57
Version logiciel: Web Wiz Forums 12.04 - http://www.webwizforums.com


Sujet: comment ajout code
Posté par: naster
Sujet: comment ajout code
Posté le: 16 Feb 2021 à 09:51
j'aimerai ajouter ce code à une page, mais comment procéder ? SVP

<div class="deroule">
<ul>
<li><a href="">TITRE </a></li>
<li><a href="">AUTRE TITRE</a>
    <ul>
    <li><a href="">PARAGRAPHE</a></li>
    <li><a href="">Autre paragraphe</a></li>
    </ul>
</li>
<li><a href="">AUTRE TITRE</a></li>
</ul>
</div>


c'est juste effet d'un titre qui ouvre un paragraphe, si votre logiciel permettait ça, ce serait cool, car la c'est pas aisé.

merci



Réponses:
Posté par: naster
Posté le: 16 Feb 2021 à 09:54
Info supplémentaire: L'effet est sur un site que vous pouver chercher sur un moteur de recherche avec ""de dérouler les items"



Posté par: brolysan
Posté le: 16 Feb 2021 à 10:16
avez vous essayé d'ajouter l'élément : bloc de code visuel
c'est la base d'OE pour l'ajout de code sur une page.

-------------
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: 16 Feb 2021 à 12:09
Message posté par naster naster a écrit:

j'aimerai ajouter ce code à une page, mais comment procéder ? SVP

<div class="deroule">
<ul>
<li><a href="">TITRE </a></li>
<li><a href="">AUTRE TITRE</a>
    <ul>
    <li><a href="">PARAGRAPHE</a></li>
    <li><a href="">Autre paragraphe</a></li>
    </ul>
</li>
<li><a href="">AUTRE TITRE</a></li>
</ul>
</div>


c'est juste effet d'un titre qui ouvre un paragraphe, si votre logiciel permettait ça, ce serait cool, car la c'est pas aisé.

merci


Ce code n'est pas suffisant pour afficher une effet, il n'affichera qu'une liste statique.   Il vous manque du code CSS et JS probablement





-------------
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: 16 Feb 2021 à 12:16

Pour découvrir OpenElement, je vous suggère de consulter les tutos créés par des utilisateurs et dont vous trouverez la liste ici  https://forum.openelement.com/fr/forum_posts.asp?TID=22320&title=rcapitulatif-des-tutoriels" rel="nofollow -

 

Avant de commencer un site, je vous suggère ces courts vidéos

1.    Le format adaptatif(responsive) d’une page WEB https://youtu.be/ouAg6yqdBZs" rel="nofollow -

2.    Les positionnements relatif vs absolu dans OE http://youtu.be/7ThgFBmjTQk" rel="nofollow -

3.    Créer un menu adaptatif(responsive) avec OpenElement https://youtu.be/2VTVuvN3Dl4" rel="nofollow -

 

Certains, comme les tutos de Larsene, principalement sur l'aspect adaptatif (Responsive), sont accompagnés de vidéos très utiles  https://forum.openelement.com/fr/forum_posts.asp?TID=20090&title=les-tutos-de-larsne%20" rel="nofollow - . Ces tutos sont basés sur une version moins récente d'OpenElement.

Finalement il y a le WIKI dont vous trouverez le lien en haut de cette page.

Vous trouverez sur ce forum de l'aide pour des questions précises.  Cette aide est offerte bénévolement mais en échange nous nous attendons à ce que vous exploriez le logiciel et en développiez la connaissance avant de poser vos questions.

OpenElement vous propose une foule de modèles dont certains sont adaptatifs et, de ce fait, beaucoup plus d'actualité.

Sensode en propose aussi quelques-uns des plus complets mais contre une rétribution minime par rapport au coût de développement.   https://forum.openelement.com/fr/forum_posts.asp?TID=22939&title=lensemble-des-templates-de-sensode" rel="nofollow -

Des éléments complémentaires créés par différents intervenants sont aussi disponibles.  Vous en trouverez la liste ici:  https://forum.openelement.com/fr/forum_posts.asp?TID=22573&title=liste-des-lments-proposs" rel="nofollow -

Encore une fois, bienvenue.

P.S.

Il est important que vous compreniez que toute aide fournie ici est donnée par des bénévoles.

Nous ne sommes pas le personnel de openElement.

Nous sommes heureux d'aider lorsque nous sommes disponibles pour fournir des conseils, des astuces et parfois un petit bout de code.  Nous apprécions que les usagers fassent un effort sérieux de recherche et d'autoformation.

Certains d’entre nous travaillent en Europe, d’autres ailleurs dans le monde.  Conséquemment le délai de réponse peut aussi dépendre des fuseaux horaires.

Lorsque l'exigence est trop importante, elle peut être contractée et la rétribution exigée paiera le développement.

 

Prenez toujours soin d’ouvrir un nouveau sujet pour chacune de vos questions



-------------
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: nastere
Posté le: 20 Feb 2021 à 08:38
le css est:
li ul {
display:none;
}
li:hover ul {
display:block;
position:relative;
top:0;
left:-25px;
}   



Merci


Posté par: brolysan
Posté le: 20 Feb 2021 à 09:56
bonjour,

Au lieu de donner au compte goutte le code, mettez tout l'ensemble, cela sera plus facile pour nous.
La, que le CSS, il manque aussi du code Javascript.

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


Posté par: nastere
Posté le: 20 Feb 2021 à 12:28
Merci de vos réponses:

L'effet est sur un site que vous pouvez chercher sur un moteur de recherche avec les mots: "de dérouler les items", avec les guillemets.


Posté par: nastere
Posté le: 20 Feb 2021 à 12:29
c'est le dernier ex. de la page.


Posté par: nastere
Posté le: 20 Feb 2021 à 12:34
si non ce serait super utilie d'avoir

un effet, de texte ou Titre avec défilé de paragraphe en dessous.

J'ai un exemple où il faut cliquer sur un titre pour voir afficher le texte, un peu comme cet exemple: https://www.drschmitz.com/articles/ozonotherapie/


Ce serait aussi bien d'avoir une option où un code permettant d'écrire un titre, avec un paragraphe qui s'affiche en survolant le titre (pas que en cliquant) et qui revienne en titre une fois le curseur ailleurs, dans votre editeur.

merci


Posté par: Hobby001
Posté le: 20 Feb 2021 à 12:40
Mettez un bloc de code visuel sur votre page avec le code HTML

<div class="deroule">
<ul>
<li><a href="">TITRE </a></li>
<li><a href="">AUTRE TITRE</a>
    <ul>
    <li><a href="">PARAGRAPHE</a></li>
    <li><a href="">Autre paragraphe</a></li>
    </ul>
</li>
<li><a href="">AUTRE TITRE</a></li>
</ul>
</div>


Mettez un bloc de code CSS en position Header avec votre code CSS

li ul {
display:none;
}
li:hover ul {
display:block;
position:relative;
top:0;
left:-25px;
}   


Mais si vous voulez créer un menu déroulant, pourquoi ne pas utiliser l'élément Menu Pop-Up qui fait déjà tout ça?

En attendant, voici ce que votre code donne:  https://denislafrance.net/dev/test.htm" rel="nofollow - https://denislafrance.net/dev/test.htm


-------------
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: 20 Feb 2021 à 12:54
Le code pour obtenir un menu déroulant  https://www.drschmitz.com/articles/ozonotherapie/" rel="nofollow - https://www.drschmitz.com/articles/ozonotherapie/  est beaucoup plus complexe que ce que vous proposez.

Ça ressemble plus à ça:  https://www.pierre-giraud.com/html-css-apprendre-coder-cours/creation-menu-deroulant/" rel="nofollow - https://www.pierre-giraud.com/html-css-apprendre-coder-cours/creation-menu-deroulant/

Mais vous pourriez vous en sortir avec moins de code en utilisant des éléments texte et texte-lien en y appliquant du code css.  




-------------
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: nastere
Posté le: 20 Feb 2021 à 14:27
franchement avec le Pop-Up, c'est galère, et ça donne pas le même effet !:
on a que (icone, lien, texte) et pas Texte paragraphe, donc, pas vraiment utile !

Ce serait utile d'avoir la possibilité de sélectionner un texte et d'appliquer des effets DIRECT, comme option, style; menus ou l'effet proposé !? Inclus dans ce logiciel !
 
Merci de vos réponses ! !


Posté par: Hobby001
Posté le: 20 Feb 2021 à 18:24
Que voulez-vous faire exactement?  Un menu, une page avec du texte qui apparaîtra au survol?

On ne peut deviner ce que vous cherchez, soyez plus descriptif, soyez précis.

Vous présentez une solution partielle mais vous ne présentez pas le problème à régler




-------------
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: 20 Feb 2021 à 23:46
Message posté par nastere nastere a écrit:

Merci de vos réponses:

L'effet est sur un site que vous pouvez chercher sur un moteur de recherche avec les mots: "de dérouler les items", avec les guillemets.

en gros, c'est à nous de rechercher, si j'ai bien compris...Ouch


-------------
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: 21 Feb 2021 à 10:19
@ nastere : il reste 2, 3 courageux et efficaces bénévoles pour vous aider mais comme le logiciel n'est pas près d'avoir une nouvelle version, il faudra s'en contenter ainsi que de ce que nos amis proposent. C'est déjà chouette de pouvoir ajouter n'importe quel code.
PS : conseil, mettez moins de couleurs et de points d'exclamation ça semble être des ordres !

@ Bro et Hobby : je pense qu'il voudrait surtout l'effet titre de paragraphe qui déroule ce dernier au clic



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


Posté par: singe-prudent
Posté le: 24 Feb 2021 à 09:10
Je me souvient des cours dispensés sur le site de Pierre Giraud mais il faut que je m'y remette. C'est super intéressant, il faut juste prendre le temps de travailler dessus. Le code c'est tout de même très complexe. 



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