Black Star

Transparence - Black Star

Transparence

Nouveau messagepar Laptop-Gaming » 15 Juil 2016 à 10:00

Je cherche a rendre les cellules semi transparente afin de voir l'image de fond.

comme ici http://demo.phpbb3styles.net/Harry_Potter

http://www.forum.laptop-gaming.com/

Merci d’avance

Voici le code
/* Code supprimé par cabot */
Laptop-Gaming
Posteur néophyte
Posteur néophyte
 
Messages: 95
Enregistré le: 10 Juil 2016 à 06:42

Re: Transparence

Nouveau messagepar cabot » 15 Juil 2016 à 11:34

Hello,

Ouvre colours.css

Commente ou supprime :
Code: Tout sélectionner
#wrap { background-color: #000000; }

Trouve :
Code: Tout sélectionner
.forabg { background-color: #D30909; } .forumbg { background-color: #D30909; }

Remplace par :
Code: Tout sélectionner
.forabg, .forumbg { border: 5px solid #D30909; padding: 0; }

Commente ou supprime :
Code: Tout sélectionner
.bg1 { background-color: #292c2d; }
Code: Tout sélectionner
.bg2 { background-color: #292c2d; }
Code: Tout sélectionner
.bg3 { background-color: #292c2d; } .bg4 { background-color: #000000; } .bg5 { background-color: #000000; }

Ajoute à la suite :
Code: Tout sélectionner
.bg1, .bg2, .bg3, .bg4, .bg5 { background-color: rgba(55, 55, 55, 0.7); }

Trouve :
Code: Tout sélectionner
ul.forums { background-color: #000000; }

Remplace par :
Code: Tout sélectionner
ul.forums { background-color: rgba(38, 38, 38, 0.7); } .forabg .topiclist:first-child, .forumbg .topiclist:first-child { background-color: #D30909; }

:)
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26810
Enregistré le: 13 Fév 2011 à 19:42
Localisation: Rarement sur la plaque

Re: Transparence

Nouveau messagepar Laptop-Gaming » 15 Juil 2016 à 12:22

Merci

mais les couleurs des topic on changer aussi

possible de les avoir en gris ?

édit

possible aussi d'avoir comme a l'origine a l’intérieur des topic je trouve que c'est pas tres lisible

http://www.forum.laptop-gaming.com/view ... 2&p=81#p81
Laptop-Gaming
Posteur néophyte
Posteur néophyte
 
Messages: 95
Enregistré le: 10 Juil 2016 à 06:42

Re: Transparence

Nouveau messagepar cabot » 15 Juil 2016 à 12:47

Tu as fais des erreurs en modifiant le code.

Trouve :
Code: Tout sélectionner
.post:target h3 a { color: #e5e5e5; .bg1, .bg2, .bg3, .bg4, .bg5 { background-color: rgba(55, 55, 55, 0.7); }

Remplace par :
Code: Tout sélectionner
.post:target h3 a { color: #e5e5e5; } .bg1, .bg2, .bg3, .bg4, .bg5 { background-color: rgba(55, 55, 55, 0.7); }

Trouve :
Code: Tout sélectionner
.forabg .topiclist:first-child, .forumbg .topiclist:first-child { background-color: #D30909; } }

Remplace par :
Code: Tout sélectionner
.forabg .topiclist:first-child, .forumbg .topiclist:first-child { background-color: #D30909; }
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26810
Enregistré le: 13 Fév 2011 à 19:42
Localisation: Rarement sur la plaque

Re: Transparence

Nouveau messagepar Laptop-Gaming » 15 Juil 2016 à 13:00

Re

normalement Good regarde mon code

édit:
Dans Mchat enlever le rouge

/* Code supprimé par cabot */
Laptop-Gaming
Posteur néophyte
Posteur néophyte
 
Messages: 95
Enregistré le: 10 Juil 2016 à 06:42

Re: Transparence

Nouveau messagepar cabot » 15 Juil 2016 à 15:06

Inutile de surcharger les messages avec le contenu des fichiers, surtout qu'il est possible d'y accéder directement aux CSS. :wink:

Trouve :
Code: Tout sélectionner
ul.forums { background-color: rgba(38, 38, 38, 0.7); }

Remplace par :
Code: Tout sélectionner
ul.forums, #mchat-messages { background-color: rgba(38, 38, 38, 0.7); }

De plus il reste encore une erreur dans cette portion de code :
Code: Tout sélectionner
  .forabg .topiclist:first-child, .forumbg .topiclist:first-child { background-color: #696969; } }
La dernière accolade } est en trop.
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26810
Enregistré le: 13 Fév 2011 à 19:42
Localisation: Rarement sur la plaque

Re: Transparence

Nouveau messagepar Laptop-Gaming » 15 Juil 2016 à 15:49

Code: Tout sélectionner
ul.forums, #mchat-messages { background-color: rgba(38, 38, 38, 0.7); }


Les valeurs 38,38,38,0.7 correspond a quoi
Laptop-Gaming
Posteur néophyte
Posteur néophyte
 
Messages: 95
Enregistré le: 10 Juil 2016 à 06:42

Re: Transparence

Nouveau messagepar cabot » 15 Juil 2016 à 15:55

Osef des valeurs pour cette modif, ce qui compte ce sont les sélecteurs.

Remplace ul.forums { par ul.forums, #mchat-messages {
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26810
Enregistré le: 13 Fév 2011 à 19:42
Localisation: Rarement sur la plaque

Re: Transparence

Nouveau messagepar Laptop-Gaming » 15 Juil 2016 à 16:22

Laptop-Gaming
Posteur néophyte
Posteur néophyte
 
Messages: 95
Enregistré le: 10 Juil 2016 à 06:42

Re: Transparence

Nouveau messagepar Laptop-Gaming » 15 Juil 2016 à 17:01

une autre petit question

je voudrais une police plus grande

http://zupimages.net/up/16/28/0h2a.png
Laptop-Gaming
Posteur néophyte
Posteur néophyte
 
Messages: 95
Enregistré le: 10 Juil 2016 à 06:42

Re: Transparence

Nouveau messagepar cabot » 15 Juil 2016 à 18:40

Hide
Laptop-Gaming a écrit:comme ceci ?

Ouep :wink:


Pour les valeurs, je n'avais pas bien lu et je pensais que tu me disais que le problème venait de là. :/
Ces valeurs correspondent à l'écriture RGBa qui permet de jouer sur la transparence.

Concernant la taille de police, ouvre un nouveau sujet dans cette section de support. :P
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26810
Enregistré le: 13 Fév 2011 à 19:42
Localisation: Rarement sur la plaque


Connexion  •  M’enregistrer

cron