[webmaster-debutant]

Bonjour ,

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

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

Merci d'avance !

[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é

[webmaster-debutant]

Salut ,

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

[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

[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

[Mazeltof]

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

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.

[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

[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;
}

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 ?

[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 ?

[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

[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 !

[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

[webmaster-debutant]

et voilà c'est fait

[Kewee]

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

[webmaster-debutant]

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