Organiser une page html du forum

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Organiser une page html du forum

Message par Guilde-Egregore Sam 4 Oct 2014 - 12:19

Bonjour,

Je souhaites organiser ma page html pour qu'elle soit agréable à consulter. Il s'agit enfaite d'un règlement avec un sommaire.

J'ai voulu dans un premier temps utiliser les ancres, mais il y a un problème car ça ne se place pas au bon endroit sur la page. Alors j'ai changé d'idée.

Maintenant je souhaite faire un sommaire cliquable de cette manière mais en html de la manière la plus simple possible. Sans cadre sans effet et disparition du titre cliqué. Quelqu'un pourrait il m'aider ?

Après je reste ouvert à toutes vos propositions.

Sommaire
Régle 1:

Régle 2:
...

Merci

http://guilde-egregore.forumactif.org/h6-reglement-et-fonctionnement-de-la-guilde-egregore


Dernière édition par Guilde-Egregore le Sam 4 Oct 2014 - 20:38, édité 2 fois
Guilde-Egregore

Guilde-Egregore
***

Masculin
Messages : 173
Inscrit(e) le : 26/05/2014

http://geleconnexion.guildmmorpg.com
Guilde-Egregore a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Organiser une page html du forum

Message par MlleAlys Sam 4 Oct 2014 - 15:35

Bonjour,
Il y a effectivement un problème de codage dans les ancres, c'est pourquoi elles ne fonctionnent pas ^^"
Les ancres sont des identifiants (donc il ne doivent pas contenir d'espace) appliqués à un élément de la page, pour pouvoir s'y rendre via un lien. Sur votre page, il y a bien les liens, mais les identifiants sont en plusieurs mots et sont absents sur les éléments auxquels ils font référence.
Voilà un exemple avec des ancres type sommaire :
Code:
Sommaire :
<br/><a href="#ancre1">Règle 1</a>
<br/><a href="#ancre2">Règle 2</a>
<br/><a href="#ancre3">Règle 3</a>
<br/>
<br/>
Règlement :
<br/>
<div id="ancre1">Règle 1 :
    <br/>Blabla
</div>
<br/>
<div id="ancre2">Règle 2 :
    <br/>Blabla
</div>
<br/>
<div id="ancre3">Règle 3 :
    <br/>Blabla
</div>

Sinon, pour coder des spoilers en html, il existe de nombreux codes, voilà de types différents :

- Spoiler avec le code javascript dans la balise, ouverture au clic dessus, fermeture au clic dessus : http://jsfiddle.net/dv5zkxd6/

- Un peu différent, sans javascript mais tout via css avec système de focus : apparition au clic dessus, disparition dès qu'on clique ailleurs : http://jsfiddle.net/1wtu5o6a/
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Organiser une page html du forum

Message par Guilde-Egregore Sam 4 Oct 2014 - 18:46

Merci beaucoup je vais étudier tout ça et je reviens te remercier ! Very Happy
Guilde-Egregore

Guilde-Egregore
***

Masculin
Messages : 173
Inscrit(e) le : 26/05/2014

http://geleconnexion.guildmmorpg.com
Guilde-Egregore a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Organiser une page html du forum

Message par Neptunia Sam 4 Oct 2014 - 19:07

Bonjour ^^

Un p'tit merci au passage pour MlleAlys sur comment faire des spoilers en HTML.
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Organiser une page html du forum

Message par Guilde-Egregore Sam 4 Oct 2014 - 19:50

Pour : http://jsfiddle.net/1wtu5o6a/

Il faut le mettre où le CSS ? Images et couleurs ?

Oui c'est mérité ! Very Happy
Guilde-Egregore

Guilde-Egregore
***

Masculin
Messages : 173
Inscrit(e) le : 26/05/2014

http://geleconnexion.guildmmorpg.com
Guilde-Egregore a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Organiser une page html du forum

Message par MlleAlys Sam 4 Oct 2014 - 20:45

Si vous avez utilisé le haut et le bas de page de votre forum, c'est là qu'il faut le mettre oui ^^
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Organiser une page html du forum

Message par Guilde-Egregore Sam 4 Oct 2014 - 20:46

C'est ça merci beaucoup c'est clean ! Je vais prendre le temps de le faire !
Guilde-Egregore

Guilde-Egregore
***

Masculin
Messages : 173
Inscrit(e) le : 26/05/2014

http://geleconnexion.guildmmorpg.com
Guilde-Egregore a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum