CSS : Images de fond dans les listes de sujets (phpbb3)
SOS-FORUM.com
     

Derniers sujets

» ATLANTIC CITY - rpg city
par Solitude 15/3/2017, 10:41

» Bonne Année 2015
par Chantra Chantrapa 5/3/2017, 20:31

» Rio de Janeiro
par Solitude 14/9/2015, 15:34

» Bon Anniversaire Zeco
par Laurent 29/5/2015, 06:29

» Plateforme d'affiliation Afflight
par Landry85 5/5/2015, 10:04


Vous n'êtes pas connecté. Connectez-vous ou enregistrez-vous

Voir le sujet précédent Voir le sujet suivant Aller en bas  Message [Page 1 sur 1]

avatar
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
Oh encore un top code (c'est mon jour Vide)...

Par conte un bémol (en ce qui me concerne), c'est que ça s'applique aussi sur les posts...
Y aurait-il moyen d'avoir un code juste pour la liste de la catégorie ?

Bon je sais : ... mais pas la tête patron steuplé !



EDIT FB : Se réfère à ce tuto



Dernière édition par final-blond le 31/10/2009, 09:03, édité 3 fois

avatar
Zeco
Administrateur absent
Voir le profil de l'utilisateur http://digs.forumactif.com/forum
Roadie a écrit:Oh encore un top code (c'est mon jour Vide)...

Par conte un bémol (en ce qui me concerne), c'est que ça s'applique aussi sur les posts...
Y aurait-il moyen d'avoir un code juste pour la liste de la catégorie ?

Bon je sais : ... mais pas la tête patron steuplé !



Dernière édition par ze_chaofan le 22/2/2009, 01:07, édité 3 fois

avatar
Zeco
Administrateur absent
Voir le profil de l'utilisateur http://digs.forumactif.com/forum
Oublie ce dernier message, j'ai corrigé le code.
Il faudra cependant rajouter deux lignes en dessous.

> J'ai tout remis dans le tutoriel.

avatar
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
Mince, attends, j'ai dit yeepeah trop vite, mais tout d'abord merci pour le code de survol aussi !

Mais pour les posts, et bien le 1er code que tu m'as donné pour garder la couleur des posts
.post { background-color: #ffffff; }
allait pour la 1ère ligne, et je demandais comment faire pour la 2ème ligne des posts pour qu'elle soit aussi de la même couleur ?



EDIT : Euuh, tu me dis si je me suis mal exprimée, pas évident avec le nez bouché...

avatar
Zeco
Administrateur absent
Voir le profil de l'utilisateur http://digs.forumactif.com/forum
Le code fonctionne pour les deux types de post, et je ne crois pas qu'il y aie moyen de faire autrement (pour ça que j'ai barré mon message).

avatar
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
ze_chaofan a écrit:[b]Le code fonctionne pour les deux types de post

Ok, donc les images de la liste s'appliquent aussi aux posts, c'est ça ?
Parce que ce que je voulais bien, c'était les images pour la liste des sujets uniquement, ou des forums si on est dans une catégorie...

Sinon ça donne ça si on met qu'une fois la couleur de post :

avatar
Zeco
Administrateur absent
Voir le profil de l'utilisateur http://digs.forumactif.com/forum
Tu as mis quoi dans ton CSS concernant ce tutoriel ?

avatar
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
J'ai mis ça :

/*Image_fond_cellules_ligne1-------------------------------------------------*/
.row1 {
background-image: url('http://img4.hostingpics.net/pics/919086espace_desert_rougeatre.jpg');
background-repeat: no-repeat;
background-position: center center;
}

/*Image_fond_cellules_ligne2-------------------------------------------------*/
.topiclist .row2 {
background-image: url('http://img4.hostingpics.net/pics/919086espace_desert_rougeatre.jpg');
background-repeat: repeat;
background-position: center center;
}

.topiclist .row1:hover { background-image: none; background-color: #000000; }
.topiclist .row2:hover { background-image: none; background-color: #ffffff; }


+ la ligne pour la couleur des posts.
.post { background-color: #ffffff; }

avatar
Zeco
Administrateur absent
Voir le profil de l'utilisateur http://digs.forumactif.com/forum
Ah, mais c'est bien sûr, t'avais pas vu que les codes aussi ont été édités Wink
Voici une version plus efficace qui changera pas les posts :

/*Image_fond_cellules_ligne1-------------------------------------------------*/
.topiclist .row1 {
background-image: url('http://img4.hostingpics.net/pics/919086espace_desert_rougeatre.jpg');
background-repeat: no-repeat;
background-position: center center;
}

/*Image_fond_cellules_ligne2-------------------------------------------------*/
.topiclist .row2 {
background-image: url('http://img4.hostingpics.net/pics/919086espace_desert_rougeatre.jpg');
background-repeat: repeat;
background-position: center center;
}

.topiclist .row1:hover { background-image: none; background-color: #000000; }
.topiclist .row2:hover { background-image: none; background-color: #ffffff; }

Et tu peux retirer la ligne des posts.



Dernière édition par ze_chaofan le 22/2/2009, 00:36, édité 1 fois

avatar
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
Ouh là, faut que j'arrête le sirop contre la toux et le Pulmex ! (oui oui, je sais !).


TANX VERY VERY VERY MUCH Vide (Surtout pour ta patience, et pour tes codes !)



est très content !

avatar
Zeco
Administrateur absent
Voir le profil de l'utilisateur http://digs.forumactif.com/forum
De rien !
(je mettrai tout ça dans un sujet dans la bonne section, histoire de retomber dessus plus facilement si on le cherche).

avatar
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
Coucou,

Il n'y a pas une erreur là (en rouge) ?
/*Image_fond_cellules_ligne2-------------------------------------------------*/
.topiclist .topiclist .row2 {
Parce que la deuxième ligne ne s'affiche pas...
Je l'avais copiée manuellement d'abord et ça jouait, mais je suis revenue faire un copier-coller d'ici, et là ça ne collait plus.

Wink

avatar
Zeco
Administrateur absent
Voir le profil de l'utilisateur http://digs.forumactif.com/forum
Arf oui, j'ai du faire une erreur lors du copié/collé (>_>)

avatar
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
Pour te dire, ça arrive même à celle qu'on appelle aussi ZF (Zéro Faute) !
(wouarf, même pas honte !)

avatar
Zeco
Administrateur absent
Voir le profil de l'utilisateur http://digs.forumactif.com/forum
Very Happy Bon, tout marche bien ? Je peux diviser le sujet ?

avatar
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
Absolutely Boy !



Il est tipeu top ton code, testé, appliqué et certifié conforme !

Merci encore. cheers

avatar
Zeco
Administrateur absent
Voir le profil de l'utilisateur http://digs.forumactif.com/forum
Je prend ça comme un oui.
Et de rien encore Very Happy

avatar
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
Gniavrrrée c'est encore moi, mais l'autre sujet est verrouillé.

J'ai pourtant encore une question pour rendre ce tuto CN^^ (...).

Est-il possible de booster ce super code afin de permettre la séparation visuelle en couleur ou image, entre les annonces et post-it du reste des topics (les "normal") ?

Merci d'avance.

avatar
Zeco
Administrateur absent
Voir le profil de l'utilisateur http://digs.forumactif.com/forum
Roadie a écrit:Est-il possible de booster ce super code afin de permettre la séparation visuelle en couleur ou image, entre les annonces et post-it du reste des topics (les "normal") ?
Tu veux appliquer des couleurs différentes aux messages spéciaux et aux normaux ? Pas possible, désolé, c'est le même système et les mêmes informations.

avatar
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
Ok, on va jouer sur les boutons alors.



Merci ze_chaofan.


EDIT : Ne sois pas désolé, c'est déjà magique tout ces codes !



Dernière édition par Roadie le 22/2/2009, 17:37, édité 1 fois

avatar
Zeco
Administrateur absent
Voir le profil de l'utilisateur http://digs.forumactif.com/forum
OK, désolé que l'on ne puisse pas faire plus.


Contenu sponsorisé

Voir le sujet précédent Voir le sujet suivant Revenir en haut  Message [Page 1 sur 1]

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum

 
  •  

Créer un forum | © PunBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit