Comment mettre une image sous les sous forum?

[Cornalinho]

Bonjour!

Tout d'abord je tiens a préciser que j'ai lu tout ce que je pouvais trouver sur ce forum qui a un lie de prés ou de loin avec mon problème!

Alors voilà mon soucis, sur mon forum j'ai mis une image de fond que j'ai moi même travailler. Par dessus, je n'ai apposé aucune couleurs là où je le désirai pour avoir un fond de forum transparent via: panneau de configuration\images et couleurs\couleurs\couleurs.

Mon soucis, est que je souhaiterai mettre une texture autre juste sous les sous partie du forum. pour vous exposer mon problème voici un petit screen.

voici le rendu actuel:



Donc si quelqu'un peut me dire quel morceau de code je doit rentrer dans la feuille de style CSS pour réaliser cela ou tout autre moyen, merci à lui.

[Invité]

Bonjour,

Essaie dans le CSS avec :

Code:

td.row1, td.row2, td.row3, td.row3Right {background: transparent url('url_image_texture') top left repeat-x;
}

Si j'ai bien compris...

[Cornalinho]

bon alors j'ai mis ca dans mon CSS comme tu me la dit, mais rien ne s'affiche. Peut etre mon URL est il faux

td.row1, td.row2, td.row3, td.row3Right {background: transparent url(http://www.casimages.com/img.php?i=1004181155106421.png]) top left repeat-x;
}


voilà le lien ou j'ai hébergé l'image

[Invité]

Non seulement ce n'est pas l'adresse d'une image mais celle de ton hébergeur, mais en plus il y a une sacrée différence avec le code que je t'ai donné plus haut où tu n'as plus que l'adresse à la place de url_image_texture, entre les deux apostrophes, (sans crochet et avec les apostrophes).

[Cornalinho]

re

oups dsl je suis pas un crack là dedans xD
j'ai refait la manip et maintenant j'ai mis ca:

td.row1, td.row2, td.row3, td.row3Right {background: transparent url('http://www.casimages.com/img.php?i=100418123344177675.png') top left repeat-x;
}

j'ai du encore me planter quelque part car ca ne marche pas. Rien ne s'affiche :/

[Invité]

Erf, regarde où mène ton lien : http://www.casimages.com/img.php?i=100418123344177675.png
Ce n'est pas LE lien de l'image.

Chez ton hébergeur, une fois que tu y a téléchargé l'image de ton ordi, il faut ne prendre que le lien direct, l'adresse de l'image.
Mets-la ici et je te la mettrai dans le code.

[Cornalinho]

https://2img.net/r/ihimizer/img254/7964/testcopier40.png


et la c bon ou pas?

[Invité]

Oui là c'est bon.
Alors comme c'est une toute petite image, il faut que le repeat soit aussi vertical et non seulement horizontal (repeat-x).
Donc essaie avec ce code :

Code:

td.row1, td.row2, td.row3, td.row3Right {background: transparent url('http://img254.imageshack.us/img254/7964/testcopier40.png') top left repeat;
}

[Cornalinho]

ok merci nikel là ca s'affiche

c trop fort
merci a toi

ps: ya un moyen pour reduire l'opacite de l'image ou jdoi le faire des photoshop?

[Invité]

Non, pas besoin de passer par un logiciel.
Ajoute à la suite du code :

Code:

td.row1, td.row2, td.row3, td.row3Right {background: transparent url('http://img254.imageshack.us/img254/7964/testcopier40.png') top left repeat;
opacity: 0.80;
}

Il n'y aura que IE qui ne le verra pas, mais son code à lui bugue avec les images transparentes.

[Cornalinho]

ouah merci c nikel ca

je te remerci pour tes conseils et ta patience