La date/heure actuelle est Jeu 28 Mar 2024 - 17:43
5 résultats trouvés pour login_popup
Utilisation examiner l'élément
Bonsoir YumiNekoMerci pour votre réponse
J'ai vu que l'on peut modifier avec les templates mais je ne sais pas comment faire pour trouver le bon endroit pour une modif
Je m'explique par un exemple.
Pour modifier le pop up de connexion j'ai trouvé un codage a mettre dans le CS
L'identifiant CSS est #login_popup
Avec mon navigateur dans examiner l'élément j'ai trouvé le codage notamment la taille du pop up que j'aimerai changer.
Mais comment faire pour retrouver dans les templates?
Le résultat de cet exemple ne m'est pas indispensable mais retrouver un paramétrage dans les templates, là je flanche.
Bonne soirée
- le Sam 1 Déc 2018 - 23:36
- Rechercher dans: Corbeille & Titres non explicites
- Sujet: Utilisation examiner l'élément
- Réponses: 6
- Vues: 861
Impossible de mettre une image dans le popup connexion via feuille CSS
Milouze14 a écrit:Salut Gaby53,
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Ajoutes ceci:
- Code:
#login_popup
{
background-image:url(http://i84.servimg.com/u/f84/19/43/21/43/popup10.png);
background-repeat:no-repeat;
background:center center;
}
Penses à cliquer sur le bouton
a++
Merci beaucoup.
cela fonctionne, même sans les deux lignes supplémentaires.
En fait, je viens de voir que j'avais rajouté .row1 derrière #login_popup ..
[#login_popup .row1 {etc ..]
je l'ai copier/coller à partir d'un exemple mais je ne sais pas à quoi tout cela correspond.. y'a du boulot ..
- le Lun 7 Mar 2016 - 22:33
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Impossible de mettre une image dans le popup connexion via feuille CSS
- Réponses: 3
- Vues: 750
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 :
- 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*/
}
- le Ven 26 Juin 2015 - 14:31
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Sur PunBB, quel est le code CSS pour modifier le po up de connexion?
- Réponses: 11
- Vues: 1344
Fond transparent
Bonjour,.. | Bienvenue Vu que vous êtes nouveau, voici quelques sujets importants :sur le Forum des Forums ForumActif Sécurité : mail de fondation - Ce qu'il ne faut pas faire
|
Pour avoir l'effet donné en exemple, il faut appliquer à tous les éléments concernés un fond en rgba via la feuille de style css :
rgba est un codage de couleur avec 4 nombres : Red (rouge de 0 à 255), Green (vert de 0 à 255), Blue (bleu de 0 à 255), et Alpha (l'opacité entre 0 et 1)
Par exemple :
rgba(0, 0, 0, 1) code pour du noir avec une opacité de 1 donc totalement opaque
rgba(255, 0, 0, 0.5) code pour du rouge à moitié transparent
rgba(0, 255, 0, 0.3) code pour du vert avec une opacité de 0.3 donc fortement transparent
rgba(0, 0, 255, 0. code pour du bleu avec une opacité de 0.7 donc très peu transparent
rgba(123, 66, 168, 1) code pour un violet complètement opaque
rgba(255, 255, 255, 0.5) code pour du blanc à moitié transparent
bref, une fois le code de la couleur voulue en rgba, il faut l'appliquer à tous les éléments concernés. J'ai relevé plusieurs classes d'éléments susceptibles :
.forabg pour la liste des forums
.module pour les modules
#login_popup pour la pop-upde connexion
.panel pour divers encadrés contenant des informations
.forumbg pour la liste des sujets
J'en ai sûrement oublié, n'hésitez pas à le dire si vous voyez des éléments auxquels vous souhaiteriez ajouter un fond ^^
Donc finalement, dans affichage > couleurs > onglet "feuille de style css", ajoutez le code suivant :
- Code:
/*fonds translucides*/
.forabg, .module, #login_popup, .panel, .forumbg {
background: rgba(255,255,255,0.4);
}
modifiez si besoin le code de la couleur par celui de la couleur voulue ^^
- le Mer 29 Avr 2015 - 19:31
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Fond transparent
- Réponses: 4
- Vues: 1428
Activation de la pop-up de connexion
Popup de connexion |
La pop-up de connexion est une fenêtre flottante qui suit le visiteur de votre forum dans ses déplacement en l'invitant à rejoindre votre forum soit en s'identifiant s'il est déjà membre ou en rejoignant votre communauté s'il ne l'est pas. Elle contient par défaut les éléments permettant une connexion rapide du membre ou inscription rapide de l’invité.Activer la popup de connexion
Tout administrateur pourra ajouter un message personnel à cette pop-up. Vous pouvez également personnaliser le texte grâce aux balises BBcode. Vous pouvez donc mettre le texte en couleur, gras, italique ou même y insérer des images. Cette pop-up adopte les couleurs de votre forum et s'affiche dès l'arrivée du visiteur sur une des pages de votre forum : Afficher les boutons Topic'It et FacebookForumactif affiche les boutons de connexion Topic'It et Facebook directement dans la fenêtre flottante à partir du moment où ces services sont activés :
Personnaliser la pop-up de connexionVous pouvez également personnaliser cette popup de connexion via le CSS de votre forum :
L'identifiant CSS à utiliser est : #login_popup : Exemple pour changer la couleur du fond de la fenêtre (ici en orangé) :
|
Ce tutoriel a été actualisé par le Staff du Forum des Forums, En particulier par The Godfather, actualisé par Bipo en mars 2021. Aucune reproduction possible sans notre accord, conformément à l’article L122-1 du CPI. |
- le Mer 11 Mar 2009 - 17:37
- Rechercher dans: Questions/Réponses fréquentes
- Sujet: Activation de la pop-up de connexion
- Réponses: 0
- Vues: 13052