Menu sticky |
Répondre | Page 123> |
Auteur |
Sujet Recherche Options des sujets
|
disbras
Newbie Depuis le: 24 Août 2020 Pays: France Status: Inactif Points: 37 |
Options des messages
Thanks(0)
Envoyé : 06 Oct 2020 à 17:38 |
Bonjour, J'essaie actuellement de rendre le menu de mon site sticky, en utilisant donc le fameux position : sticky; Seulement, celui-ci ne marche par, alors même que mon élément est dans un panneau d'éléments. Voici le lien de mon site (version projet), pouvez-vous m'aider s'il vous plait à rendre ce fameux menu sticky s'il vous plait ? Aussi, j'aurais aimé savoir comment avoir cet effect : https://robkendal.co.uk/blog/2020-04-02-funky-text-backgrounds-with-background-clip-css J'ai effectué des tests dans un autre fichier, mais ne suis pas parvenu à obtenir le résultat escompté. Merci beaucoup !! |
|
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6507 |
Options des messages
Thanks(0)
|
Je suis en train de préparer une vidéo sur le sujet, je crois pouvoir le publier cette semaine
Le menu du site https://robkendal.co.uk/blog/2020-04-02-funky-text-backgrounds-with-background-clip-css n'a rien de sticky
|
|
disbras
Newbie Depuis le: 24 Août 2020 Pays: France Status: Inactif Points: 37 |
Options des messages
Thanks(0)
|
Bonsoir, le site que j'ai joint était pour un autre effet, celui de texte derrière un texte transparent, j'ai demandé de l'aide pour deux choses en même temps, désolé de ne pas avoir été clair 😅 Alors dans mon site, donc le lien vers le fichier rar, j'aimerais que mon menu stick en haut de l'ecran, une fois qu'on a suffisamment descendu. Concernant l'autre lien, je me demandais simplement comment obtenir le même effet, n'ayant pas réussi à obtenir un effet analogue.
|
|
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6507 |
Options des messages
Thanks(0)
|
Vous devez travailler au niveau du bloc de texte, lui donner une image de fond puis utiliser le code css suivant:
Notez que ça n'apparaîtra pas dans la fenêtre de travail d'OpenElement mais ça fonctionnera très bien dans votre navigateur
Edité par Hobby001 - 06 Oct 2020 à 20:26 |
|
disbras
Newbie Depuis le: 24 Août 2020 Pays: France Status: Inactif Points: 37 |
Options des messages
Thanks(0)
|
MMerci beaucoup je vais essayer ca ! Et concernant mon menu sticky avez-vous une idée ?
|
|
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6507 |
Options des messages
Thanks(0)
|
Oui mais je vais faire un tuto vidéo cette semaine là dessus.
Dans votre cas spécifique, faites un back-up de votre projet et envoyez-moi le fichier zip, pas rar.
|
|
disbras
Newbie Depuis le: 24 Août 2020 Pays: France Status: Inactif Points: 37 |
Options des messages
Thanks(0)
|
Bonjour, voici le fichier au format zip, espérant que vous pourrez m'aider pour ce menu sticky !! :) J'ai aussi essayé d'implementer votre code, cependant je n'arrive pas à le faire marcher, pouvez-vous regarder au passage s'il vous plait ? Quelle est votre chaine youtube pour que je puisse y faire un petit tour ?
Edité par disbras - 07 Oct 2020 à 07:47 |
|
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6507 |
Options des messages
Thanks(0)
|
Liste de lecture en Français
|
|
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6507 |
Options des messages
Thanks(0)
|
Pour votre texte, il faut respecter le code fourni.
Dans un bloc de code CSS, quand on utilise l'ID d'un élément au lieu d'un nom de classe CSS, il faut précéder cet ID du symbole dièse # .
|
|
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6507 |
Options des messages
Thanks(0)
|
En ce qui a trait à sticky, il va falloir que j'étudie son comportement dans OE. Présentement, je suis sur autres choses.
|
|
Répondre | Page 123> |
Tweet
|
Aller au Forum | Permissions du forum Vous ne pouvez pas écrire un nouveau Sujet Vous ne pouvez pas répondre aux Sujets Vous ne pouvez pas effacer vos messages Vous ne pouvez pas éditer vos messages Vous ne pouvez pas créer des sondages Vous ne pouvez pas voter dans les sondages |