SOS-FORUM
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
SOS-FORUM

Derniers sujets

» Silence Inside Me - Ouverture
par Solitude 3/3/2018, 12:36

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

» Bonne Année 2015
par Yoda 5/3/2017, 20:12

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

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

-23%
Le deal à ne pas rater :
EVGA SuperNOVA 650 G6 – Alimentation PC 100% modulaire 650W, 80+ ...
77.91 € 100.91 €
Voir le deal

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]

Zeco
Zeco
Administrateur absent
http://digs.forumactif.com/forum
Ce tutoriel a été publié par ze_chaofan sur SOS-Forum.
Afin que les tutoriels de SOS-Forum restent en libre accès, ainsi que par respect du travail accompli, tout tutoriel copié ou s'en inspirant publié ailleurs qu'ici, devra en citer le ou les auteurs ainsi que la provenance via un lien vers ce sujet sur le SOS-Forum.

Hello...
A l'instar de ce tutoriel : http://www.sos-forum.com/astuces-f3/css-mettre-une-image-de-fond-des-cellules-en-phpbb3-t241.htm
Voici comment mettre des images de fond dans les listes de sujets.

Avant tout un petit exemple de fond en dégradés en alternance :
CSS : Images de fond dans les listes de sujets (phpbb3) Dark-b10

La difficulté est que lorsque l'on va dans une catégorie, vous l'avez surement déjà remarqué, les lignes sont de couleurs différentes, elles sont
donc en alternance un fond différend. Faire le même effet que sur la
page d'accueil est impossible, cependant, on peut toujours se
débrouiller et mettre une image par ligne avec le code qui suit :


Pour le premier type de ligne :

/*Image_fond_cellules_ligne1-------------------------------------------------*/
.topiclist .row1 {
background-image: url('http://adresse de l'image désirée');
background-repeat: repeat;
background-position: top left;
}

Pour le deuxième type de ligne :
/*Image_fond_cellules_ligne2-------------------------------------------------*/
.topiclist .row2 {
background-image: url('http://adresse de l'image désirée');
background-repeat: repeat;
background-position: top left;
}

En vert :
- Pour que l'image ne se répète pas, inscrivez no-repeat
- Pour que l'image se répète en mosaïque, inscrivez repeat
- Pour que l'image se répète horizontalement, inscrivez repeat-x
- Pour que l'image se répète verticalement, inscrivez repeat-y

En orange :
- Pour aligner le fond en haut, inscrivez top
- Pour aligner le fond en bas, inscrivez bottom
- Pour aligner le fond au centre, inscrivez center

En rouge :
- Pour aligner le fond à gauche, inscrivez left
- Pour aligner le fond à droite, inscrivez right
- Pour aligner le fond au centre, inscrivez center

CSS : Images de fond dans les listes de sujets (phpbb3) Warnin10 Ajouter une image de fond masque partiellement ou totalement le survol, afin de corriger ceci, rajoutez ceci à votre CSS :

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

En noir, mettez la couleur du survol des lignes de type 1.
En violet, mettez la couleur du survol des lignes de type 2.



Dernière édition par ze_chaofan le 27/2/2009, 01:42, édité 4 fois

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 | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit

Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser