• 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 he

    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 hehappyclown

    Vous remerciant par avance de votre bonté d'âme pour votre aide précieuse (comme je parle bien hein !!!?)he

    Dimanche 27 Novembre 2022 à 21:30
    stormalo

    Bonjour,

    C'est fort bien demandé glasses

    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?

    blog test - (cd.st)

     

    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 clown

    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

     

    http://blog-test.cd.st/privee-c33305339?logout




    Ce sujet est verrouillé. Vous ne pouvez donc pas poster de nouvelles réponses.