Décaler les ancres ( 50px plus bas) [Réglé]
Adrien.D Membre non connecté
Booster Roquette
-
Booster Roquette
- Voir le profil du membre Adrien.D
- Inscrit le : 10/02/2013
- Site internet
Je vais vous illustrer mon cas très facilement.
J'ai mon site avec le thème Underline.
J'ai modifié ce thème pour que la barre de menu reste fixée en haut quand je descend la page.
Mais quand je clique sur une ancre de titre dans le wiki, le titre est dans le menu fixé en haut.
Je veux décaler les ancres de 50pixels vers le bas en plus.
Si vous avez une idée ?
Exemple : http://linuxtricks.asso-linux-online.fr/wiki/firefox-personnalisation-et-extensions
Si vous cliquez sur "Présentation" dans la table des matières, le titre est "caché" sous le menu.
Administrateur de mon site perso linuxtricks.fr
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
J'ai un peu de mal à comprendre, est-ce que tu peux faire un screenshoot avec une petite explixation ?
ElenWii
lobab Membre non connecté
Booster Mortier
-
Booster Mortier
- Voir le profil du membre lobab
- Inscrit le : 25/02/2012
- Groupes :
Je dirais que ton ancre n'est pas au bon endroit dans ta page, donc en changeant la place de ton ancre, tu agiras sur ton problème d'affichage
La puissance est un sommet de connaissances et l'intelligence est le moyen d'y accéder ... Est-ce pour ça qu'il y a tant de cons en bas des pistes ???
Heureux celui qui est sourd, lui au moins, peut écouter le silence
Heureux celui qui est sourd, lui au moins, peut écouter le silence

Adrien.D Membre non connecté
Booster Roquette
-
Booster Roquette
- Voir le profil du membre Adrien.D
- Inscrit le : 10/02/2013
- Site internet
ElenWii :
Bonjour Adrien.D,
J'ai un peu de mal à comprendre, est-ce que tu peux faire un screenshoot avec une petite explixation ?
ElenWii
J'ai un peu de mal à comprendre, est-ce que tu peux faire un screenshoot avec une petite explixation ?
ElenWii
OK ...
Quand je suis sur la page citée :

Et que je clique sur "Présentation, le site arrive ainsi :

Le titre "Présentation" est bien en haut de la page, mais caché sous le menu (dont les propriétés CSS sont fixed.
Je voudrais arriver à peu près comme ça :

Ainsi, on voit le titre

Merci
Administrateur de mon site perso linuxtricks.fr
babsolune Membre non connecté
-
Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
-
Equipe Développement
rajoute un padding-top:70px à toutes les class .wiki_paragraph (1,2,3,...) dans /templates/MONTHEME/modules/wiki/wiki.css
70px car 50 pour le menu et 20 pour le breadcrumb
Adrien.D Membre non connecté
Booster Roquette
-
Booster Roquette
- Voir le profil du membre Adrien.D
- Inscrit le : 10/02/2013
- Site internet
l'idée n'est pas idiote, mais ça me fait une séparation de 70px entre un titre de niveau 1 et un titre de niveau 2, ce n'est plus joli.
L'idée de la barre de menus restant en haut était bien pensée, mais finalement, m'attire plus de problèmes
Administrateur de mon site perso linuxtricks.fr
babsolune Membre non connecté
-
Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
-
Equipe Développement
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique

ajoute cela dans ton css :
Code CSS :
h1[id^="paragraph_"] { padding-top: 100px; position: relative; top: -100px; margin-bottom: -100px; }
Adrien.D Membre non connecté
Booster Roquette
-
Booster Roquette
- Voir le profil du membre Adrien.D
- Inscrit le : 10/02/2013
- Site internet
je ne sais pas comment tu as trouvé ça et je ne sais pas ce que signifie les crochets dans le CSS.
J'ai peaufiné en enlevant le "background" blanc, sinon, ça pose quelques soucis :

Merci
Administrateur de mon site perso linuxtricks.fr
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique

j'utilise un selecteur css pour cibler toute les balises h1 qui ont une id qui commence par "paragraph_".
Code CSS :
h1[id^="paragraph_"]
Pour le reste, c'est un petit jeu de marge. Les marges négatives permettent de compenser le décalage crée par le padding-top.
Adrien.D Membre non connecté
Booster Roquette
-
Booster Roquette
- Voir le profil du membre Adrien.D
- Inscrit le : 10/02/2013
- Site internet
Administrateur de mon site perso linuxtricks.fr
MickaelFR Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :
J'ose déterrer le sujet car je suis exposé au même problème .. Mais je ne sais pas comment y remédier, car je n'ai pas de H1, et je ne connais pas ces formes de CSS.
Voila mon problème :
Lorsque je souhaite regarder le dernier message du forum (ou message privé), je clique très souvent sur l'ancre pour se rendre directement au message. Cependant, mon menu du haut prend au moins 60px. J'ai donc au moins 60px qui cache le message. Je suis donc obligé de remonter la page.
Si je dois faire ça tout le temps, mes membres aussi, et c'est assez gênant, surtout que je privilège la simplicité au maximum.
Le site :
<a href="http://planet-truck.fr">http://planet-truck.fr</a>
Compte test :
login : compte_phpboost
Mdp : comptetest
En espérant qu'une solution existe ..
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
Je pense que la seule solution est de passé par du JS pour décaler les ancres.
J'ai trouvé cela rapidement sur google :
<a href="http://jsfiddle.net/ianclark001/aShQL/">http://jsfiddle.net/ianclark001/aShQL/</a>
<a href="http://stackoverflow.com/questions/30293784/smooth-scroll-to-anchor-after-loading-new-page">http://stackoverflow.com/questions/30293784/smooth-scroll-to-anchor-after-loading-new-page</a>
Pour le reste, c'est au dessus de mes compétences pour l'instant <img src="/images/smileys/smile.png" alt=":)" class="smiley" />
MickaelFR Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :
Si c'est hors de tes compétences, je ne parle pas des miennes dans ce cas. Je n'ai jamais touché à un JS, donc c'est peine perdu.
Merci pour ta réponse
janus57 Membre non connecté
-
Booster Fusée
- Voir le profil du membre janus57
- Inscrit le : 07/12/2007
- Groupes :
-
Equipe Assistance
et avec l'astuce du CSS donné plus haut cela ne fonctionne pas en adaptant ?
Cordialement, janus57
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie
