PAGE MDP

TITRE : ■ PERSONNALISATION PAGE MOT DE PASSE

■ PERSONNALISER  la "PAGE MOT DE PASSE"

POUR QUOI FAIRE ?
● pour apporter une information (un exemple actuel ) ou cette illustration
● pour simplement agrémenter l'affichage de cette page

PRINCIPE
intégrer une image de fond (qui contient le texte).

 COMMENT FAIRE ?    Par ajout de CSS sur ce principe :

• si cela concerne une seule page :
  #module_contenu_protectxxxx     {    attributs     }
  
  
• si la même chose concerne plusieurs pages :
  #module_contenu_protectxxxx,
  #module_contenu_protectyyyy,
  #module_contenu_protectzzzz
  {    attributs     }

 EXEMPLE  CSS : (Surlignage bleu = facultatif. Caractères rouge = à définir.)

#module_contenu_protectxxxx {      /* xxxx n°'identification, voir fin URL */
color: white;                                       /*  couleur texte  */
font-size: 0px;                                /* 0 fait disparaitre les champs  de saisie */
height: 410px;                             /* 410  pour agrandir la hauteur disponible */
background-color: white;         /* utile pour définir blanche couleur de fond */
background: Url(https://ekladata.com/9Emg-voMtn7ZR6MdIc5mMd0A720.png) no-repeat top right; 
/* no-repeat top right concerne l'image info, non répétée, en haut, à droite */
}

QUELQUES EXEMPLES D'IMAGES :
pour ce qui est sur fond jaune: création perso, librement réutilisable.

rubrique fermée
https://ekladata.com/EOYPCI1_hl9dC5xP3bzxWes3hwU.png
     
page fermée
https://ekladata.com/9Emg-voMtn7ZR6MdIc5mMd0A720.png
    
1 image et 2 affichages différents (mettre le height à 180 ou 360)
https://ekladata.com/jMNSXCMNyTNrSeZJpzwa7FjQofA.png

 EN COMPLÉMENT :
Pour ne pas afficher le bouton "Entrer"  (même principe de base)

#module_contenu_protectxxxx input[type="submit"] {  
        display: none; 
}



===================
===================
test sur  http://fiction-violetta.eklablog.com/accueil-c24225775

#module_contenu_protect24225775 {
font-size: 0px;   
Background: Url(https://ekladata.com/9Emg-voMtn7ZR6MdIc5mMd0A720.png) No-Repeat top right;  /* image info */
}

 =====================

autre image

PERSONNALISER  la "PAGE MOT DE PASSE"

POUR QUOI FAIRE ?
● pour apporter une information (un exemple actuel ) ou cette illustration
● pour simplement agrémenter l'affichage de cette page

PRINCIPE
intégrer une image de fond (qui contient le texte).

 COMMENT FAIRE ?    Par ajout de CSS sur ce principe :

 EXEMPLE  CSS : (Surlignage bleu = facultatif. Caractères rouge = à définir.)

#module_contenu_protectxxxx {      /* xxxx n°'identification, voir fin URL */
color: white;                                       /*  couleur texte  */
font-size: 0px;                                /* 0 fait disparaitre les champs  de saisie */
height: 410px;                             /* 410  pour agrandir la hauteur disponible */
background-color: white;         /* utile pour définir blanche couleur de fond */
background: Url(https://ekladata.com/9Emg-voMtn7ZR6MdIc5mMd0A720.png) no-repeat top right; 
/* no-repeat top right concerne une image info, non répétée, en haut, à droite */
}

Si plusieurs pages snt concernées présenter le css comme ceci :
#module_contenu_protectxxxx,
#module_contenu_protectyyyy,
#module_contenu_protectzzzz
{    attributs     }

QUELQUES EXEMPLES D'IMAGES :
https://ekladata.com/EOYPCI1_hl9dC5xP3bzxWes3hwU.png    
https://ekladata.com/9Emg-voMtn7ZR6MdIc5mMd0A720.png    
https://ekladata.com/jMNSXCMNyTNrSeZJpzwa7FjQofA.png

 EN COMPLÉMENT :
Pour ne pas afficher temporairement le bouton "Entrer"  (même principe de base)

#module_contenu_protectxxxx input[type="submit"] {  
        display: none; 
}