Sur PunBB, quel est le code CSS pour modifier le po up de connexion?
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Sur PunBB, quel est le code CSS pour modifier le po up de connexion?
Détails techniques
Version du forum : PunBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.diamant-mandarin-evo.com/
Description du problème
Hello à tousJ'aimerais revoir mon pop up de connexion.
Sur PunBB, quel est le code CSS pour ajouter une ombre, modifier la taille, arrondir les bords, modifier la couleur de fond, modifier l'entête du pop up, un peu comme le pop up de connexion du forum des forums qui me plaît .
Merci de votre aide.
Dernière édition par tony26 le Ven 26 Juin 2015 - 20:04, édité 1 fois
Invité- Invité
Re: Sur PunBB, quel est le code CSS pour modifier le po up de connexion?
Bonjour,
En punbb la popup est un bloc d'identifiant #login_popup
Vous pouvez donc modifier l'ensemble du bloc par exemple ainsi :
Si vous modifiez la taille par contre, il y a un risque que la popup ne soit plus correctement centrée.
Le bloc contenant le titre est quant à lui d'identifiant #login_popup_title , et le titre lui même de classe .h3 , ce qui peut donner une mise en forme du type :
Le message lui même est dans un bloc de class .main-content et peut donc être mis en forme à partir du code suivant :
En punbb la popup est un bloc d'identifiant #login_popup
Vous pouvez donc modifier l'ensemble du bloc par exemple ainsi :
- Code:
#login_popup {
border-radius: 20px; /*arrondi des coins*/
box-shadow: 1px 1px 15px black; /*effet d'ombre*/
background-color: yellow; /*couleur de fond*/
width: 500px !important; /*largeur*/
height: 200px !important; /*hauteur*/
}
Si vous modifiez la taille par contre, il y a un risque que la popup ne soit plus correctement centrée.
Le bloc contenant le titre est quant à lui d'identifiant #login_popup_title , et le titre lui même de classe .h3 , ce qui peut donner une mise en forme du type :
- Code:
#login_popup_title {
background: none; /*fond du titre*/
}
#login_popup_title .h3 {
color: red; /*couleur du titre*/
font-variant: small-caps; /*petites majuscules*/
font-size: 18px; /*taille du titre*/
border-bottom: 2px dashed blue; /*bordure du bas*/
text-align: center; /*titre centré*/
}
Le message lui même est dans un bloc de class .main-content et peut donc être mis en forme à partir du code suivant :
- Code:
#login_popup .main-content {
/*la mise en forme ici*/
}
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Sur PunBB, quel est le code CSS pour modifier le po up de connexion?
Bonjour,
Génial! Merci pour votre aide, je vais testé tout cela.
Bonne après midi ensoleillée
Génial! Merci pour votre aide, je vais testé tout cela.
Bonne après midi ensoleillée
Invité- Invité
Re: Sur PunBB, quel est le code CSS pour modifier le po up de connexion?
J'obtiens des pointillés en dessous du titre, comment puis-je modifier cet aspect svp?
Est-il possible de modifier le titre du popup de connexion et modifier les touches "connexion" etc en leur mettant un couleur de fond par exemple?
J'en demande beaucoup.. désolé, mais sympa le rendu!
Est-il possible de modifier le titre du popup de connexion et modifier les touches "connexion" etc en leur mettant un couleur de fond par exemple?
J'en demande beaucoup.. désolé, mais sympa le rendu!
Invité- Invité
Re: Sur PunBB, quel est le code CSS pour modifier le po up de connexion?
.. | Je vous rappelle qu'il est autorisé un seul double post par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Pour ajouter ou modifier des informations si ce délai n'est pas passé, merci d'éditer votre message précédent plutôt que de poster à nouveau directement à sa suite. Je vous invite à lire : A bientôt sur ForumActif |
Pour retirer les pointillés, retirez la ligne
border-bottom: 2px dashed blue; /*bordure du bas*/
Pour ajouter un fond au titre, modifiez cette ligne :
background: none; /*fond du titre*/
en remplaçant "none" par le code de la couleur de votre choix.
Pour modifier les boutons, utilisez le code suivant :
- Code:
#login_popup_buttons input {
background: blue; /*fond des boutons*/
color: white; /*couleur de texte des boutons*/
}
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Sur PunBB, quel est le code CSS pour modifier le po up de connexion?
Merci encore pour les précisions
J'aurais 2 dernières demandes si possible..:
Comment faire pour ne coloriser q'un des boutons "S'enregistrer" et/ou "Ne plus afficher".
ET enlever le bouton connexion svp.
Bonne soirée
J'aurais 2 dernières demandes si possible..:
Comment faire pour ne coloriser q'un des boutons "S'enregistrer" et/ou "Ne plus afficher".
ET enlever le bouton connexion svp.
Bonne soirée
Invité- Invité
Re: Sur PunBB, quel est le code CSS pour modifier le po up de connexion?
retirer le bouton connexion :
coloriser s'enregistrer :
coloriser ne plus afficher :
- Code:
#login_popup_buttons input[value="Connexion"] {
display: none;
}
coloriser s'enregistrer :
- Code:
#login_popup_buttons input[value="S'enregistrer"] {
background: blue;
}
coloriser ne plus afficher :
- Code:
#login_popup_close {
background: green;
}
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Sur PunBB, quel est le code CSS pour modifier le po up de connexion?
Magnifique!
Par contre le bouton "Ne plus afficher" ne se colorise
Par contre le bouton "Ne plus afficher" ne se colorise
Invité- Invité
Re: Sur PunBB, quel est le code CSS pour modifier le po up de connexion?
Le code fonctionne bien chez moi, vérifiez qu'il est bien installé, qu'il n'y a pas d'erreur dans les précédents.
Je ne vois pas trace des codes sur le forum, les avez-vous retirés ? Si oui, pourriez vous les réinstaller pour que je puisse chercher pourquoi le code ne fonctionne pas ?
Je ne vois pas trace des codes sur le forum, les avez-vous retirés ? Si oui, pourriez vous les réinstaller pour que je puisse chercher pourquoi le code ne fonctionne pas ?
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Sur PunBB, quel est le code CSS pour modifier le po up de connexion?
Je test sur mon forum d'essai avant de mettre en place sur mon forum
Voici le lien du forum d'essai: http://forumessai.superforum.fr/
Voici le lien du forum d'essai: http://forumessai.superforum.fr/
Invité- Invité
Re: Sur PunBB, quel est le code CSS pour modifier le po up de connexion?
Ah oui, c'est parce que vous avez laissé le premier code, qui écrase celui là du coup, modifiez
- Code:
#login_popup_buttons input {
background: blue; /*fond des boutons*/
color: white; /*couleur de texte des boutons*/
}
- Code:
#login_popup_buttons input {
color: white; /*couleur de texte des boutons*/
}
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Sur PunBB, quel est le code CSS pour modifier le po up de connexion?
En effet! oups.. c'est réglé
Merci MlleAlys pour votre aide précieuse. Je vous souhaite une bonne soirée.
Merci MlleAlys pour votre aide précieuse. Je vous souhaite une bonne soirée.
Invité- Invité
Sujets similaires
» Code .maintitle pour punBB
» quel code pour réaliser Image s'éclairsit au passage du curseur
» quel est le code pour faire un espace
» Quel est le code pour changer l'image au passage de la souris mais dans un post?
» Code CSS pour modifier la bannière
» quel code pour réaliser Image s'éclairsit au passage du curseur
» quel est le code pour faire un espace
» Quel est le code pour changer l'image au passage de la souris mais dans un post?
» Code CSS pour modifier la bannière
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum