[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 !
Auteur
webmaster-debutant
Apprenti-posteur
Apprenti-posteur
Messages : 132
Enregistré le : 17 déc. 2014 à 11:40
Localisation : Lyon (69)

Comment rendre le fond bleu clair des forums transparent ?

Message par webmaster-debutant »

Bonjour ,

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

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

Merci d'avance ! :D

Avatar du membre
Mazeltof
Resp. des graphistes
Resp. des graphistes
Messages : 3862
Enregistré le : 09 mars 2009 à 22:02
Localisation : Arras
Contact :

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

Message par Mazeltof »

'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é :?

Auteur
webmaster-debutant
Apprenti-posteur
Apprenti-posteur
Messages : 132
Enregistré le : 17 déc. 2014 à 11:40
Localisation : Lyon (69)

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

Message par webmaster-debutant »

Salut ,

Ah mince voici une image pour être sur qu'on parle de la même chose
Image

Avatar du membre
Mazeltof
Resp. des graphistes
Resp. des graphistes
Messages : 3862
Enregistré le : 09 mars 2009 à 22:02
Localisation : Arras
Contact :

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

Message par Mazeltof »

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:

Auteur
webmaster-debutant
Apprenti-posteur
Apprenti-posteur
Messages : 132
Enregistré le : 17 déc. 2014 à 11:40
Localisation : Lyon (69)

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

Message par webmaster-debutant »

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

Avatar du membre
Mazeltof
Resp. des graphistes
Resp. des graphistes
Messages : 3862
Enregistré le : 09 mars 2009 à 22:02
Localisation : Arras
Contact :

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

Message par Mazeltof »

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.

Auteur
webmaster-debutant
Apprenti-posteur
Apprenti-posteur
Messages : 132
Enregistré le : 17 déc. 2014 à 11:40
Localisation : Lyon (69)

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

Message par webmaster-debutant »

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

Avatar du membre
Kewee
Graphiste
Graphiste
Messages : 12258
Enregistré le : 01 déc. 2005 à 17:17
Localisation : mais mais mais... et vous voulez pas mon numéro aussi?
Contact :

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

Message par Kewee »

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 ^^

Auteur
webmaster-debutant
Apprenti-posteur
Apprenti-posteur
Messages : 132
Enregistré le : 17 déc. 2014 à 11:40
Localisation : Lyon (69)

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

Message par webmaster-debutant »

Salut ,

Merci pour le retour , c'est beaucoup plus foncé quand je l'ajoute que sur la photo , cela viens de mon ordi ?

Avatar du membre
Kewee
Graphiste
Graphiste
Messages : 12258
Enregistré le : 01 déc. 2005 à 17:17
Localisation : mais mais mais... et vous voulez pas mon numéro aussi?
Contact :

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

Message par Kewee »

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 ^^

Auteur
webmaster-debutant
Apprenti-posteur
Apprenti-posteur
Messages : 132
Enregistré le : 17 déc. 2014 à 11:40
Localisation : Lyon (69)

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

Message par webmaster-debutant »

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 !

Avatar du membre
Kewee
Graphiste
Graphiste
Messages : 12258
Enregistré le : 01 déc. 2005 à 17:17
Localisation : mais mais mais... et vous voulez pas mon numéro aussi?
Contact :

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

Message par Kewee »

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 ^^

Auteur
webmaster-debutant
Apprenti-posteur
Apprenti-posteur
Messages : 132
Enregistré le : 17 déc. 2014 à 11:40
Localisation : Lyon (69)

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

Message par webmaster-debutant »

et voilà c'est fait

Image

Avatar du membre
Kewee
Graphiste
Graphiste
Messages : 12258
Enregistré le : 01 déc. 2005 à 17:17
Localisation : mais mais mais... et vous voulez pas mon numéro aussi?
Contact :

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

Message par Kewee »

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 ^^

Auteur
webmaster-debutant
Apprenti-posteur
Apprenti-posteur
Messages : 132
Enregistré le : 17 déc. 2014 à 11:40
Localisation : Lyon (69)

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

Message par webmaster-debutant »

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.. :(

Répondre

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

Qui est en ligne

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