-
Résolu Page protégée
Samedi 26 Novembre 2022 à 22:23 Alheck69
Bonjour,
Je vais essayer d'être le plus concis possible et le plus claire possible
Je souhaiterais créer une page protégée. Je souhaiterais rajouter sur la page où l'on rentre le mot de passe un texte personnalisé du style "attention pour obtenir le mot de passe merci de me contacter par mail via le lien contact sur la page d'accueil" et si possible en couleur...
Voici la capture d'écran que j'ai fait pour vous permettre de mieux comprendre mon dialecte
Vous remerciant par avance de votre bonté d'âme pour votre aide précieuse (comme je parle bien hein !!!?)
Dimanche 27 Novembre 2022 à 21:30 stormalo
Bonjour,
C'est fort bien demandé
Voici deux solutions possibles :
1) Un code pour une phrase spécifique à un contenu particulier (xxxxxxxxx est le n° identification en fin d'adresse de la page protégé et ce qui est en vert du facultatif )
#module_protectxxxxxxxxx .module_contenu:after {
content:"_Pour obtenir le mot de passe, merci de me contacter par mail ou via le lien contact en page d'accueil_" ;
color: red; /* à adapter si besoin*/
font-size :18px ; /* à adapter si besoin*/
background-color: #eee ; /* à adapter si besoin*/
border: 1px solid red ; /* à adapter si besoin*/
}
2) Un code pour une phrase commune à toutes les rubriques protégées.
Dans le code précédent, il suffit de remplacer #module_protectxxxxxxxxx par [id*="module_protect"][id*="module_protect"] .module_contenu:after {.... idem code n°1 ...}
Remarque: dans les deux cas on peut remplacer after par before pour changer le positionnement de la phrase.Tu peux aussi t'inspirer de ce sujet : http://doc.eklablog.com/-topic146016➚
Bonne semaine
Lundi 28 Novembre 2022 à 14:49 Alheck69
Bonjour Stormalo
Es tu sur de ton code car chez moi le message n'apparait pas?
voila ce que j'ai mis, j'ai juste rajouté le numéro correspondant à la page :
#module_protect33305339.module_contenu:after {
content:"_Pour obtenir le mot de passe, merci de me contacter par mail ou via le lien contact en page d'accueil_" ;
color: red;
font-size :18px ;
background-color: #eee ;
border: 1px solid red ;
}
Lundi 28 Novembre 2022 à 20:38 stormalo
A priori oui,
J'avais déjà une image d'info dans le formulaire de saisie du mot de passe.
Je viens d'ajouter le mot Désolé en bleu avec le choix :before et une phrase en rouge avec le choix :after
Je viens également de modifier le titre de la page (ajout de "Chantier interdit au public")
Tout ça pour montrer ce qu'il est possible de faire
Résultat (copie écran) :
http://ekladata.com/lTtHgtPr0dNmj4Q4-XKJ43bk90U/CSS-peut-le-faire.jpg
(blog atelier du chateau > page bienvenue > module en haut à droite : "Bloc-Notes")
Je vais t'adresser par la messagerie interne le copié-collé des codes que j'ai placé dans "Modifier le thème"A suivre.
----------------------------------
20:53 Edit:
Je viens de regarder ton code de plus près . . et j'aurais du commencer par là:Il faut un espace avant .module_contenu:after
Cet espace a un sens dans une écriture de sélection css, ça signifie "un descendant de".Traduction du css : ce qui est entre { et } doit s"appliquer aux éléments de class = "module_contenu" si ceux-ci sont descendant d'un élément identifié id="module_protect33305339"
Je viens de faire la correction sur la page reçue sur mon PC, et ça donne ça:
< clic sur image pour agrandir
Le correctif est facile à faire
Lundi 28 Novembre 2022 à 21:57 Alheck69
Coucou Stormalo, je te remercie de ton aide, j'ai testé les codes que tu as envoyé et il fonctionne très bien !
Encore merci tout plein!
Bonne soirée, bonne semaine et à très bientôt !
Amicalement
Alheck
Ce sujet est verrouillé. Vous ne pouvez donc pas poster de nouvelles réponses.