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 YumiNeko
Merci 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
par gil02
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 boutonTag login_popup sur Forum gratuit : Le forum des forums actifs Boutonvalider

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 .. Smile

par Gaby53
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*/
}
par MlleAlys
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,

.Tag login_popup sur Forum gratuit : Le forum des forums actifs HSbTQ6a.
Bienvenue
sur le Forum des Forums ForumActif
Vu que vous êtes nouveau, voici quelques sujets importants :
Tag login_popup sur Forum gratuit : Le forum des forums actifs KoFs0PU Sécurité : mail de fondation - Ce qu'il ne faut pas faire
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse Wink


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.Cool 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 ^^
par MlleAlys
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


Panneau d'administration  Général  Configuration - Popup de connexion


Tag login_popup sur Forum gratuit : Le forum des forums actifs 19-08-58

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 :

Tag login_popup sur Forum gratuit : Le forum des forums actifs 21-02-11

Afficher les boutons Topic'It et Facebook


Forumactif affiche les boutons de connexion Topic'It et Facebook directement dans la fenêtre flottante à partir du moment où ces services sont activés :

Tag login_popup sur Forum gratuit : Le forum des forums actifs 21-02-12

  1. Activer le bouton de connexion Topic'It (Topic'It Connect) :

    Panneau d'administration  Utilisateurs & Groupes  Utilisateurs - Options des utilisateurs


  2. Activer le bouton de connexion Facebook (Facebook Connect) :

    Panneau d'administration  Modules  Réseaux sociaux - Facebook


    Pour davantage d'informations, vous pouvez lire le tutoriel Configurer et utiliser Facebook Connect.


Personnaliser la pop-up de connexion


Vous pouvez également personnaliser cette popup de connexion via le CSS de votre forum :

Panneau d'administration  Affichage  Couleurs - Feuille de style CSS


L'identifiant CSS à utiliser est : #login_popup :

Exemple pour changer la couleur du fond de la fenêtre (ici en orangé) :

Code:
#login_popup {
  background-color: #FFF8C4 ;
}


Tag login_popup sur Forum gratuit : Le forum des forums actifs 21-02-13

par The Godfather
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

Revenir en haut

Sauter vers: