Organiser une page html du forum

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 le 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:
blabla

Régle 2:
blabla
...

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

Masculin
Messages : 171
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 le 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
+ Hyperactif +

Messages : 4404
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 le Sam 4 Oct 2014 - 18:46

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

Guilde-Egregore
***

Masculin
Messages : 171
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 le Sam 4 Oct 2014 - 19:07

Bonjour ^^

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

Neptunia
+ Hyperactif +

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

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Organiser une page html du forum

Message par Guilde-Egregore le 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
***

Masculin
Messages : 171
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 le 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
+ Hyperactif +

Messages : 4404
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 le Sam 4 Oct 2014 - 20:46

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

Guilde-Egregore
***

Masculin
Messages : 171
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


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