Pop-up de connexion w=100% et h=100% sur l'affichage du forum

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Pop-up de connexion w=100% et h=100% sur l'affichage du forum

Message par Guilde-Egregore Lun 9 Mar 2015 - 14:10

Bonjour, je pense qu'il est possible de mettre le pop-up de connexion de la taille de la fenêtre de l'utilisateur. Mais je ne sais pas comment faire. Tout mon forum est en % mais le pop-up de connexion ne propose que ses dimensions en px.

Via CSS ça m'arrangerai beaucoup !

Cordialement.

Cool


Dernière édition par Guilde-Egregore le Lun 9 Mar 2015 - 18:44, édité 1 fois
Guilde-Egregore

Guilde-Egregore
***

Masculin
Messages : 173
Inscrit(e) le : 26/05/2014

http://geleconnexion.guildmmorpg.com
Guilde-Egregore a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pop-up de connexion w=100% et h=100% sur l'affichage du forum

Message par MlleAlys Lun 9 Mar 2015 - 15:25

Bonjour,
essayez avec le code cs suivant :
Code:
div#login_popup, div#login_popup table.forumline {
position:fixed;
top: 0px !important;
left: 0px !important;
width: 100% !important;
height: 100% !important;
}
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pop-up de connexion w=100% et h=100% sur l'affichage du forum

Message par Guilde-Egregore Lun 9 Mar 2015 - 15:39

Pop-up de connexion w=100% et h=100% sur l'affichage du forum Popup10

Bonjour et merci !

Alors ça marche mais le "Ne plus afficher" est caché.

Peut être le réduire à 95% et le centrer en largeur et hauteur ?

Je ne sais pas comment ajouter le code pour le centrer. Embarassed

Guilde-Egregore

Guilde-Egregore
***

Masculin
Messages : 173
Inscrit(e) le : 26/05/2014

http://geleconnexion.guildmmorpg.com
Guilde-Egregore a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pop-up de connexion w=100% et h=100% sur l'affichage du forum

Message par MlleAlys Lun 9 Mar 2015 - 17:02

Le problème de largeur vient du padding (marge intérieur) Remplacez le code donné précédemment par celui là ^^ :
Code:
div#login_popup {
    position: fixed;
    left: 0!important;
    top: 0!important;
    height: 100%!important;
    width: 100%!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    display: table-cell !important;
    text-align: center;
    vertical-align: middle;
}

La propriété box-sizing permet de fixer la taille à partir de la bordure et non du contenu, donc la marge est comprise dans le 100%.
Enfin, afficher en table-cell (cellule de tableau) permet ensuite de centrer verticalement le contenu de la pop-up grâce à vertical-align ^^
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pop-up de connexion w=100% et h=100% sur l'affichage du forum

Message par Guilde-Egregore Lun 9 Mar 2015 - 18:13

Merci, à la vue du résultat je me suis dit "Wouah à la perfection ! Comme d'habitude" ! Wink

Mais... Et oui... Mais ! Sad

Quand je clique sur "Ne plus afficher" le popup s'enlève et se remet ! Avez-vous une idée ?

Pour finir ce n'est pas urgent alors prenez votre temps. Smile
Guilde-Egregore

Guilde-Egregore
***

Masculin
Messages : 173
Inscrit(e) le : 26/05/2014

http://geleconnexion.guildmmorpg.com
Guilde-Egregore a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pop-up de connexion w=100% et h=100% sur l'affichage du forum

Message par MlleAlys Lun 9 Mar 2015 - 18:26

arf mince oui, c'est à cause du siplay, on force l'affichage ><"
Retirez la ligne display:table-cell !important;
et du coup aussi la ligne vertical-align: middle;
qui ne sert plus à rien ^^"
Ce qui donne :
Code:
div#login_popup {
    position: fixed;
    left: 0!important;
    top: 0!important;
    height: 100%!important;
    width: 100%!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
}
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pop-up de connexion w=100% et h=100% sur l'affichage du forum

Message par Guilde-Egregore Lun 9 Mar 2015 - 18:43

Super ça marche d'enfer ! Very Happy

Il commence à être trop beau mon forum grâce à vous tous ! Wink

Merci !
Guilde-Egregore

Guilde-Egregore
***

Masculin
Messages : 173
Inscrit(e) le : 26/05/2014

http://geleconnexion.guildmmorpg.com
Guilde-Egregore a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum