Couleurs texturées (répondu)

Bonjour à tous.

Je suis un vrai novice en feuille de style css.
Je découvre des choses en fouillant et essayant des trucs dans la feuille.
Bien sur, tout ceci a ses limites.
Aussi, je vais avoir besoin de l'aide de spécialistes.

Alors voilà, je vais essayer d'expliquer mon problème.
Je possède un forum phpbb version 2.
Grâce à la feuille de style css, j'arrive à installer des couleurs texturées sur mon forum.
Voici par exemple ce que ça donne.
http://i24.servimg.com/u/f24/10/05/33/37/clipbo12.jpg

J'ai ouvert un forum de test phpbb version 3, mais je n'obtiens pas les même résultats.
Voici ce que ça donne en version phpbb3.
http://i24.servimg.com/u/f24/09/01/07/56/clipbo11.jpg

Voici l'endroit dans la feuille de style css ou j'ai modifié le code.

/* Various-------------------------------------------------*/
.row1{
background-color: #ebe5cd;background-image: url("http://img510.imageshack.us/img510/2679/beige048zw8.gif");
}
.row2{
background-color: #ebe0c2;background-image: url("http://img50.imageshack.us/img50/9042/beige088ak9.jpg");
}
.row3{
background-color: #e8dbaf;
}

On voit que dans le topic de la version 3 seules les couleurs #ebe5cd et #ebe0c2 sont apparentes.
Les codes
img510.imageshack.us/img510/2679/beige048zw8.gif
et
img50.imageshack.us/img50/9042/beige088ak9.jpg
sont inefficaces.

Je ne vois pas pourquoi ça ne marche pas dans les topics de la version 3.
Pourtant, sur la page d'accueil de la version 3 ça fonctionne tout de même.
Voici en image.
http://i24.servimg.com/u/f24/09/01/07/56/clipbo10.jpg

Si quelqu'un pouvait me dire où j'ai fais l'erreur, ou bien ce qu'il manque je lui en serai reconnaissant.
Si vous avez besoin de plus d'information, je vous en donnerai.

J'espère avoir été suffisamment clair.

Merci d'avance pour votre aide.
Modifié par Montainer (18 Dec 2007 - 09:28)

Hello

Une couleur texturée comme tu dis n'existe pas. Ce qui te donne cet effet, c'est la répétition d'un motif, en l'occurence beige048zw8.gif et beige088ak9.jpg.

Les couleurs #ebe5cd et #ebe0c2 se mettent en place si le fichier dans background-image n'est pas disponible, donc rien à voir avec tes motifs.

Ton problème est surement lié au chemin des images ou à leur nom. Au lieu rediriger vers un site externe (imageshack), pourquoi ne pas enregistrer les images sur ton serveur ?

EDIT :
Je viens de vérifier, tes chemins sont correctes, l'erreur vient donc du code HTML ou CSS. T'as un lien vers ton forum pour constater le problème ?
Modifié par BeliG (15 Dec 2007 - 18:11)

Merci pour ton aide.

Voici donc le lien du forum. Je rappelle que c'est un forum qui me sert de test.
Voici le lien de la page d'accueil.
http://test2008.forumpro.fr/index.htm

Voici le lien de mes soucis.
http://test2008.forumpro.fr/votre-1er-forum-f1/votre-1er-sujet-t1.htm#2

Si ça peut t'aider, j'ai constaté que lorsque je suis déconnecté du forum, le motif apparaît à droite de l'image.
http://img146.imageshack.us/img146/2029/clipboard1ch5.jpg

Il n'y a plus rien lorsque je suis connecté comme tu peux le voir sur mon post précédent.

Désolé, j'vais pas pouvoir t'aider d'avantage, j'suis allergique à ce genre de code (j'savais pas que phpBB c'était aussi crade).

Une piste cependant j'ai vu un background-repeat:no-repeat; sur la class .post (teste en le supprimant), et aucun background-repeat:repeat; sur .row2 (teste en le rajoutant), y en a ptêt un des deux qui pourra corriger le problème, mais je garantis rien...

Si quelqu'un d'autre se sent d'attaque... moi je lâche l'affaire
Modifié par BeliG (15 Dec 2007 - 20:45)

A mon avis, tu dois avoir un jeu de class pour les visiteurs, et un autre pour un utilisateur enregistré (ça paraîtrait logique, un membre doit avoir la possibilité de changer le thème du forum).

A mon avis, .row1 et .row2 s'appliquent hors-connexion, tu dois maintenant identifier les class utilisées quand tu es connecté.

Si tu me crées un compte bidon je pourrais peut être t'aider à les trouver

EDIT :
Après relecture, j'ai peur d'avoir écrit n'importe quoi Ce ne sont surement pas les noms des styles qui vont changer (le code HTML reste le même), mais plutôt la feuille de style. Regarde quelle fichier css est chargé en visiteur, et compare avec celle appellée quand tu es loggé
Modifié par BeliG (16 Dec 2007 - 14:33)

Merci Belig.

Je t'envoie par MP le pseudo choisis pour te logger et ton mot de passe.
Tu es admin. Tu pourras plus facilement que moi voir ce qui ne va pas.

Voici ce que tu verras lorsque tu seras connecté sous ton pseudo
http://img256.imageshack.us/img256/9277/clipboard2fd3.jpg

Et voici ce que je vois lorsque je suis connecté sous Montainer
http://img520.imageshack.us/img520/6426/clipboard1ph8.jpg

Merci encore à toi. C'est sympa.
Modifié par Montainer (16 Dec 2007 - 14:45)

Peut être une idée, j'ai vu une class .online qui vient se rajouter à .row, avec un background-repeat:no-repeat. Il se passe quoi si tu la vires ?

Attention, cette classe est présente 2 fois dans la feuille de style, supprime le doublon
Modifié par BeliG (16 Dec 2007 - 15:08)

J'suis désolé, mais après observation j'pense pas que ça soit possible...

Je t'explique, t'as une <div> qui contient le post. Dans cette <div> sont appliquées 2 class : post et row1 (ou row2), et une 3ème (online) si l'utilisateur est connecté.

Dans row1, on a le motif (ce que tu appelles le fond texturé), appliqué avec un background-image. Le problème, c'est que ce fond va se faire "écraser" par l'image icon_online.gif (dans online), elle aussi placée par la propriété background-image. C'est donc impossible d'avoir ET le motif, ET l'icone car en présence de plusieurs background, seul le dernier appelé dans le code HTML sera visible.

Donc, à moins de retoucher le code HTML de ton forum, tu ne pourras obtenir le résultat souhaité juste en modifiant la feuille de style... Le truc a vraiment été codé avec les pieds.

A toi de voir...

Merci de m'avoir aidé.

Je réédite le titre.