Bonjour,
De la meme maniere qu' il y a le petit bouton rond gris pointant une fleche vers le haut en bas de la page pour remonter illico, serait-il envisageable d'avoir le meme en haut pour descendre tout en bas de la page ? ( Je m'en servirai a foisont lors de l'edition de mes pages)
Ou alors peut etre il n'est pas bon comme je le fais de faire des pages a rallonge, qu'en pensez-vous?
Sur le meme sujet, quelle est a votre avis la meilleure longueur d'une page web pour qu'elle soit agreable a consulter ? (10, 100, 1000, 10000 mots...)
Merci
Fabien
Citation de: Ffffffffabien le Fév 23, 2025, 08:20 PMquelle est a votre avis la meilleure longueur d'une page web pour qu'elle soit agreable a consulter ? (10, 100, 1000, 10000 mots...)
Il n'y a pas de règles absolues, le principal à considérer c'est le poids de la page, le texte ne pèse pas grand chose, c'est surtout les médias (images, vidéos...) qui doivent être extra light, c'est pourquoi on utilise les miniatures, donc petites et légères, et on crée un lien vers la ressource
Pour ton idée tu peux la réaliser toi-même à l'aide des signets, ou ancres nommées, voir la réponse de Sylvain à ton sujet : Gestion des signets
https://forum.deltacms.fr/index.php?topic=182.msg3667#msg3667
Tu crée le lien en haut de page, et l'ancre tout en bas
Je reviens sur cette idée, il est aussi possible d'utiliser javascript pour faire défiler la page vers le bas, tu as 3 fichiers à modifier depuis l'interface administrateur :
Va dans Configurer le site -> Scripts
Script dans head : ajoute ceci :
<style>
#toBottom {
background-color: <?=$this->getData(['theme', 'body', 'toTopbackgroundColor'])?>;
color: <?=$this->getData(['theme', 'body', 'toTopColor'])?>;
}
</style>
Script dans body : ajoute ceci :
<button type="button" id="toBottom" onClick="window.scrollTo(0, document.body.scrollHeight);">v</button>
Puis dans Personnaliser les thèmes -> Editeur CSS
ajoute ceci :
#toBottom {
width: 40px;
height: 40px;
border-radius: 50%;
position: fixed;
top: 50px;
right: 30px;
z-index: 50;
transition: background 0.3s ease-out;
font-weight: 900;
font-size: 1.2em;
line-height: 1;
}
#toBottom:hover {
background: rgb(33, 34, 35, 0.9);
}
html {
scroll-behavior: smooth;
}
C'est une ébauche qui doit être perfectionnée, mais c'est tout à fait fonctionnel
PS : sur ton site, compte tenu de ta bannière, tu voudras peut-être positionner ce bouton plus bas :
hauteur.jpg
Dans ce cas, ajuste sa position en modifiant la valeur en pixels de la propriété top, grâce à l'Editeur CSS, ex :
top: 230px;
Le bouton sera alors positionné dans ton menu
Un nouveau bouton permettant de scroller vers le haut et vers le bas remplacera en lieu et place (en bas à droite) celui existant sur la prochaine version de Deltacms, les codes provisoires ci-dessus devront être supprimés
Citation de: Ffffffffabien le Fév 23, 2025, 08:20 PMle petit bouton rond gris pointant une fleche vers le haut en bas de la page
Ce bouton n'est pas obligatoirement gris et blanc pour la flèche en forme d'accent circonflexe, ses couleurs sont paramétrables, mais, depuis le tout début de ce CMS, ce paramétrage se situe dans un endroit ou personne ne s'attend à le trouver : dans "Personnalisation de l'arrière plan"
Sur la prochaine version de Deltacms il sera bien à sa place dans "Personnalisation du site"