[Réglé] Comment rendre le fond bleu clair des forums transparent ?

Pour les recherches et les demandes de modifications de styles concernant votre forum phpBB 3.2

Modérateur: Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com - Conditions générales de support graphique

Attention : pour éviter les bogues, votre style doit être mis à jour en même temps que votre forum, et ce, dans la dernière version disponible de phpBB !

[Réglé] Comment rendre le fond bleu clair des forums transparent ?

Messagepar webmaster-debutant » 09 Aoû 2017 à 17:48

Bonjour ,

Je souhaite rendre le fond bleu clair des forums transparent , comment faire ?

Site : http://jarrete-de-fumer.org

Merci d'avance ! :D
Les forums des supporters de l'Olympique Lyonnais https://www.supporters-lyonnais.com/
webmaster-debutant
Apprenti-posteur
Apprenti-posteur
 
Messages: 131
Enregistré le: 17 Déc 2014 à 11:40
Localisation: Lyon (69)

Re: Comment rendre le fond bleu clair des forums transparent ?

Messagepar Mazeltof » 09 Aoû 2017 à 17:58

'jour ici,

Tu veux parler du fond bleu de la liste de forum sur l'index ? si c'est le cas et avec le fond qui comporte des zones sombres, tu risques fortement d'avoir des soucis de lisibilité :?
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2903
Enregistré le: 09 Mar 2009 à 22:02
Localisation: Arras

Re: Comment rendre le fond bleu clair des forums transparent ?

Messagepar webmaster-debutant » 09 Aoû 2017 à 18:03

Salut ,

Ah mince voici une image pour être sur qu'on parle de la même chose
Image
Les forums des supporters de l'Olympique Lyonnais https://www.supporters-lyonnais.com/
webmaster-debutant
Apprenti-posteur
Apprenti-posteur
 
Messages: 131
Enregistré le: 17 Déc 2014 à 11:40
Localisation: Lyon (69)

Re: Comment rendre le fond bleu clair des forums transparent ?

Messagepar Mazeltof » 09 Aoû 2017 à 18:30

oui c'est ça,
de plus sous cette couleur bleu ciel il y a la couleur bleu plus foncé que tu peux voir sur les cadres ^^

pense a ce que tu veux faire au final, il y a des solutions :wink:
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2903
Enregistré le: 09 Mar 2009 à 22:02
Localisation: Arras

Re: Comment rendre le fond bleu clair des forums transparent ?

Messagepar webmaster-debutant » 09 Aoû 2017 à 18:41

Finalement je vais enlever juste le cadre bleu foncé et suivre vos conseils , mais puis-je avoir la marche à suivre ?
Edit : le problème c'est que mon fond est blanc et l’écriture des cadres est blanche ..
Et si je change la couleur de mon fond ce sera lisible ?

Merci
Les forums des supporters de l'Olympique Lyonnais https://www.supporters-lyonnais.com/
webmaster-debutant
Apprenti-posteur
Apprenti-posteur
 
Messages: 131
Enregistré le: 17 Déc 2014 à 11:40
Localisation: Lyon (69)

Re: Comment rendre le fond bleu clair des forums transparent ?

Messagepar Mazeltof » 09 Aoû 2017 à 20:55

Je te donne la méthode pour rendre le bleu du cadre transparent, tu feras tes essais pour voir ce que ça donne :wink:

dans ta feuille de style ajoute :
Code: Tout sélectionner
.forabg {
    background-color: transparent;
    background-image: none;
}


pour changer la couleur des textes sur cette partie :
Code: Tout sélectionner
.forabg .header a, th a {
    color: #000000;
}

li.header dt, li.header dd {
    color: #000000;
}

remplace #000000 par le code couleur de ton choix.
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2903
Enregistré le: 09 Mar 2009 à 22:02
Localisation: Arras

Re: Comment rendre le fond bleu clair des forums transparent ?

Messagepar webmaster-debutant » 09 Aoû 2017 à 21:48

Merci du retour ça rend pas bien du tout !
Puis-je avoir la fonction pour les fonds bleu dont je parler plus tôt ?

Merci :D
Les forums des supporters de l'Olympique Lyonnais https://www.supporters-lyonnais.com/
webmaster-debutant
Apprenti-posteur
Apprenti-posteur
 
Messages: 131
Enregistré le: 17 Déc 2014 à 11:40
Localisation: Lyon (69)

Re: Comment rendre le fond bleu clair des forums transparent ?

Messagepar Kewee » 10 Aoû 2017 à 08:39

Coucou !

alors moi j'te propose de jouer avec ça :
Code: Tout sélectionner
.forabg {
    background-color: rgb(15, 157, 227, 0.35);
    background-image: none;
}
ul.forums {
    background-color: rgba(255, 255, 255, 0.45);
    background-image: none;
}

Sans-titre-2.jpg


Bon, moi j'te l'ai proposé en bleu, mais on peut changer. Le lien que t'as donné Mazel te sera très utile puisqu'il donne la couleur hexa (#numéro) ou la RVB dont on peut se servir pour donner un degré de transparence à l'arrière plan.
dans
Code: Tout sélectionner
background-color: rgba(255, 255, 255, 0.45);

255, 255, 255 c'est le code du blanc et le 0.45 c'est le degré d'opacité (minimum 0, maximum 1) donc 0.1 c'est très transparent et 0.9 c'est presque totalement opaque

c'est good ?
euh... je suis une fille, hein ? ok ? faites un effort ! arrêtez de dire "il" en parlant de moi, merci
Vous avez le droit d'aider si vous avez la réponse ou une piste, n'hésitez pas, on n'égorge pas les honnêtes gens ^^
Avatar de l’utilisateur
Kewee
Graphiste
Graphiste
 
Messages: 12219
Enregistré le: 01 Déc 2005 à 17:17
Localisation: mais mais mais... et vous voulez pas mon numéro aussi?

Re: Comment rendre le fond bleu clair des forums transparent ?

Messagepar webmaster-debutant » 10 Aoû 2017 à 12:47

Salut ,

Merci pour le retour , c'est beaucoup plus foncé quand je l'ajoute que sur la photo , cela viens de mon ordi ?
Les forums des supporters de l'Olympique Lyonnais https://www.supporters-lyonnais.com/
webmaster-debutant
Apprenti-posteur
Apprenti-posteur
 
Messages: 131
Enregistré le: 17 Déc 2014 à 11:40
Localisation: Lyon (69)

Re: Comment rendre le fond bleu clair des forums transparent ?

Messagepar Kewee » 10 Aoû 2017 à 12:54

Il faut ajouter TOUT le code que je t'ai donné, sinon ça le fera pas

Les background-image : none; sont indispensables pour ôter l'image qui t'assombrit le tout.


ton code :
Code: Tout sélectionner
.forabg {
    background-color: rgb : transparent;
    background-image: none;
}
ul.forums {
    background-color: rgba : transparent;
    background-image: none;
}

ça veut rien dire
si tu veux transparent, c'est comme te l'a indiqué Mazel
Code: Tout sélectionner
.forabg {
    background-color : transparent;
    background-image: none;
}
ul.forums {
    background-color: transparent;
    background-image: none;
}

mais là ça va devenir dur à lire
euh... je suis une fille, hein ? ok ? faites un effort ! arrêtez de dire "il" en parlant de moi, merci
Vous avez le droit d'aider si vous avez la réponse ou une piste, n'hésitez pas, on n'égorge pas les honnêtes gens ^^
Avatar de l’utilisateur
Kewee
Graphiste
Graphiste
 
Messages: 12219
Enregistré le: 01 Déc 2005 à 17:17
Localisation: mais mais mais... et vous voulez pas mon numéro aussi?

Re: Comment rendre le fond bleu clair des forums transparent ?

Messagepar webmaster-debutant » 10 Aoû 2017 à 13:52

Désolé j'ai du mal à comprendre :/
A quoi sert cet fonction ?
Code: Tout sélectionner
.forabg {
    background-color: rgb(15, 157, 227, 0.35);
    background-image: none;
}


Je souhaite comme sur la photo ,
J'ai ceci dans mon css

Code: Tout sélectionner
.wrap {
    background-color: transparent;
    border-color: transparent;
}
.forabg {
    background-color : background-color: rgba(15, 157, 227, 0.35)
    background-image: none;
}
ul.forums {
    background-color: background-color: rgba(15, 157, 227, 0.35)
    background-image: none;
}


Désolé pour le dérangement !
Les forums des supporters de l'Olympique Lyonnais https://www.supporters-lyonnais.com/
webmaster-debutant
Apprenti-posteur
Apprenti-posteur
 
Messages: 131
Enregistré le: 17 Déc 2014 à 11:40
Localisation: Lyon (69)

Re: Comment rendre le fond bleu clair des forums transparent ?

Messagepar Kewee » 10 Aoû 2017 à 14:27

Tu te compliques vachement la vie

à la place de ça
Code: Tout sélectionner
.forabg {
    background-color : background-color: rgba(15, 157, 227, 0.35)
    background-image: none;
}
ul.forums {
    background-color: background-color: rgba(15, 157, 227, 0.35)
    background-image: none;
}

tu mets ça
Code: Tout sélectionner
.forabg {
    background-color: rgb(15, 157, 227, 0.35);
    background-image: none;
}
ul.forums {
    background-color: rgba(255, 255, 255, 0.45);
    background-image: none;
}


testes tel que je te l'ai mis, rafraichis ton style et on détaille après
euh... je suis une fille, hein ? ok ? faites un effort ! arrêtez de dire "il" en parlant de moi, merci
Vous avez le droit d'aider si vous avez la réponse ou une piste, n'hésitez pas, on n'égorge pas les honnêtes gens ^^
Avatar de l’utilisateur
Kewee
Graphiste
Graphiste
 
Messages: 12219
Enregistré le: 01 Déc 2005 à 17:17
Localisation: mais mais mais... et vous voulez pas mon numéro aussi?

Re: Comment rendre le fond bleu clair des forums transparent ?

Messagepar webmaster-debutant » 10 Aoû 2017 à 14:51

et voilà c'est fait

Image
Les forums des supporters de l'Olympique Lyonnais https://www.supporters-lyonnais.com/
webmaster-debutant
Apprenti-posteur
Apprenti-posteur
 
Messages: 131
Enregistré le: 17 Déc 2014 à 11:40
Localisation: Lyon (69)

Re: Comment rendre le fond bleu clair des forums transparent ?

Messagepar Kewee » 10 Aoû 2017 à 14:59

rafraichis ton navigateur, moi j'vois tout bien comme dans l'exemple que je t'ai donné. Donc F5 please ;)
euh... je suis une fille, hein ? ok ? faites un effort ! arrêtez de dire "il" en parlant de moi, merci
Vous avez le droit d'aider si vous avez la réponse ou une piste, n'hésitez pas, on n'égorge pas les honnêtes gens ^^
Avatar de l’utilisateur
Kewee
Graphiste
Graphiste
 
Messages: 12219
Enregistré le: 01 Déc 2005 à 17:17
Localisation: mais mais mais... et vous voulez pas mon numéro aussi?

Re: Comment rendre le fond bleu clair des forums transparent ?

Messagepar webmaster-debutant » 10 Aoû 2017 à 16:07

Kewee a écrit:rafraichis ton navigateur, moi j'vois tout bien comme dans l'exemple que je t'ai donné. Donc F5 please ;)


J'ai beau y rafraichire et changer de navigateur ou de support , aucune différences.. :(
Les forums des supporters de l'Olympique Lyonnais https://www.supporters-lyonnais.com/
webmaster-debutant
Apprenti-posteur
Apprenti-posteur
 
Messages: 131
Enregistré le: 17 Déc 2014 à 11:40
Localisation: Lyon (69)

Suivante

Retourner vers [3.2.x] Modifications et recherche de styles

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 1 invité