Fond de la pop-up

[rs_popeye]

Bonjour,

Comment peut-on modifier le fond de la fenêtre pop-up afin que ce dernier soit transparent ou que je puisse modifier l'opacité de la couleur.

Cordialement.

[Matriochka]

Salut,

Tu parles de la pop-up de connexion que les invités voient avant de se connecter / s’inscrire ? Si c’est bien ça, mets ceci dans ta feuille de styles (PA > Affichage > Couleurs > Onglet "Feuille de styles CSS") :

Code:

#login_popup {
opacity:0.5;
-moz-opacity:0.5;
-ms-filter:"alpha(opacity=50)";
filter:alpha(opacity=50);}

Modifie la valeur par celle de ton choix. Là, je l’ai mise à 50% opaque.

[rs_popeye]

Oui, c'est bien cette pop-up.
Il en existe d'autres??

[Matriochka]

Euh non, je ne crois pas… Je ne sais pas pourquoi je t’ai demandé s’il s’agissait bien de celle-ci

Est-ce que le code fonctionne comme tu veux ?

[rs_popeye]

Non, je viens de coller le code sur ma feuille CSS mais pas de changement.
Toute fois je suis avec mon téléphone, donc à vérifier avec un pc, ce que je ferais des fé soir

[rs_popeye]

Avec mon pc même chose le fond reste désespérément noir opaque

[Matriochka]

Serait-il possible d’avoir le lien du forum concerné ?

[rs_popeye]

oui bien sûr

http://royal-satanik.forumgratuit.org

[Matriochka]

Bizarre, ça devrait pourtant fonctionner. Quand je fais mes tests sur ton forum, tout fonctionne. Tu as copié / collé le code tel que je l’ai donné en haut ?

[rs_popeye]

Bizarre oui ça fonctionne sur mon forum test mais pas sur l'autre.
Le forum test est en phpbb2, l'officiel en phpbb3, il y aurait il une incidence??

Le fait d'avoir plusieurs codes dans ma feuille css ne "parasite pas certains scripts??

forum test : http://testforumrs.forumactif.org/

[Matriochka]

Techniquement, ça ne devrait pas avoir d’incidence sur le reste… Que ce soit en phpBB2 ou en phpBB3, la pop-up de connexion s’appelle toujours #login_popup :/

Pareil pour les autres lignes dans ton CSS, ça ne devrait pas créer de problème en principe. Copie / colle entièrement ta feuille ici, au cas où, mais ça m’étonnerait.

[rs_popeye]

La voilà

Code:

.bouhautbas {
    bottom: 40px;
    right: 10px; /* remplacez left par right pour afficher les boutons à droite */
    position: fixed;
    z-index: 100;
}
--------------------------


Coins arrondis du forum
#wrap {
-moz-border-radius:20px;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
}
.forabg {
-moz-border-radius:20px;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
}

--------------------------

avatar du dernier posteur
.mini_ava {
  float: left;
}
.mini_ava img {
  width: 40px;
  height: 40px;
  margin: 0 5px;
  border-radius: 10px;
  transition: all 2s;
  -moz-transition: all 2s;
  -webkit-transition: all 2s;
  -o-transition: all 2s;
}
.mini_ava img:hover
{
  width: 80px;
  height: 80px;
}

---------------------------

Enlever les bordures extèrieure
.bodyline {
border-left:0px solid #000000;
border-right:0px solid #000000;}


Fixer le fond de page
body{
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

-----------------------------

#login_popup {
opacity:0.5;
-moz-opacity:0.5;
-ms-filter:"alpha(opacity=50)";
filter:alpha(opacity=50);}

[Matriochka]

Ah, ben finalement, tu as bien fait de me la donner ! Ça vient bien de ta feuille de styles

Les erreurs viennent de tes barres de séparation :

Code:

---------------------------
 
Enlever les bordures extèrieure

Si tu veux ajouter des commentaires et séparer tes différentes lignes, en CSS, tu dois procéder ainsi :

Code:

/* Commentaire ici */

Un peu comme une balise qu’on ouvre et qu’on ferme avec /* et */.

Corrige ta feuille de styles et ça devrait fonctionne pour la pop-up

[rs_popeye]

Non ça ne fonctionne pas voici ma feuille corrigée

Code:

/*boutons haut/bas*/
.bouhautbas {
    bottom: 40px;
    right: 10px; /* remplacez left par right pour afficher les boutons à droite */
    position: fixed;
    z-index: 100;
}
/*Coins arrondis du forum*/
#wrap {
-moz-border-radius:20px;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
}
.forabg {
-moz-border-radius:20px;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
}
/*avatar du dernier posteur*/
.mini_ava {
  float: left;
}
.mini_ava img {
  width: 40px;
  height: 40px;
  margin: 0 5px;
  border-radius: 10px;
  transition: all 2s;
  -moz-transition: all 2s;
  -webkit-transition: all 2s;
  -o-transition: all 2s;
}
.mini_ava img:hover
{
  width: 80px;
  height: 80px;
}
/*Enlever les bordures extèrieure*/
.bodyline {
border-left:0px solid #000000;
border-right:0px solid #000000;}
/*Fixer le fond de page*/
body{
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
/*opacité pop-up*/
:login_popup {
opacity:0.5;
-moz-opacity:0.5;
-ms-filter:"alpha(opacity=50)";
filter:alpha(opacity=50);}

[Matriochka]

Encore une faute ici :

Code:

/*opacité pop-up*/
:login_popup {
opacity:0.5;
-moz-opacity:0.5;
-ms-filter:"alpha(opacity=50)";
filter:alpha(opacity=50);}

Remplace par :

/*opacité pop-up*/
#login_popup {
opacity:0.5;
-moz-opacity:0.5;
-ms-filter:"alpha(opacity=50)";
filter:alpha(opacity=50);}

[rs_popeye]

Merci, ça fonctionne!!!
Et surtout merci pour la patience dont tu as fais preuve