Welcome, you're not connected. ( Log in - Register )

Les commandes sont pour le moment fermées jusqu'à nouvel ordre, mais je peux assurer le support.

Merci de votre compréhension.


Requests are currently closed, but I can do some support.

Thanks for your understanding.




Important links - Liens importants

Règles - Rules | Présentez-vous - Introduce yourself | Problème d'inscription ? - Registration problem ?

Ishimaru-Design > Tutoriaux, ressources et support (fr) > Forumactif > Tutoriels & Astuces > [phpbb2] Dégradé dans les cellules du forum

RSS >  [phpbb2] Dégradé dans les cellules du forum
Ishimaru Chiaki #1 07/05/2008 - 02h57

Class : ID Admin
Posts : 1417
Registered on : 12/11/2007
Age : 28
Sex : Female

Offline Mail Www

Même si c'est possible de le faire avec le générateur de script, je vais vous montrer comment le faire vous-même, afin que ça puisse fonctionner même quand Javascript est déasctivé chez vos visiteurs.

Ceci se fait avec du code CSS que vous pouvez ajouter dans le champs que vous trouverez dans l'onglet "Feuille de style CSS" de la gestion des couleurs.

Voici les classes qui sont à modifier :

td.row1, td.row2, td.row3, td.row3Right

Dans ces classes, vous devez ajouter cette ligne :

background-image: url(http://ADRESSE_IMAGE);


Si vous voulez mettre un dégradé qui part du haut vers le bas, comme les fonds des titres de ce forum, mais ne voulez pas trop alourdir la page, ni avoir ce fond qui se répète dans les longs posts, vous créez votre image de dégradé avec une hauteur suffisante pour le dégradé (ex : 150 pixels).  Le bas de ce dégradé doit avoir la même couleur que la couleur du fond de ces tables, afin d'éviter d'avoir une coupure pas très esthétique.

Ensuite, lorsque vous ajoutez la propriété background-image dans les classes mentionnées ci-dessus, vous devez ajouter cette deuxième ligne pour ne faire répéter ce dégradé qu'horizontalement :

background-repeat: repeat-x;

Ce qui vous donnera :
td.row1, td.row2, td.row3, td.row3Right
{
  background-image: url("http://monsite.com/mon-image.png");
  background-repeat: repeat-x;
}


si ce dégradé est dans l'autre sens (de gauche à droite), mettez repeat-y au lieu de repeat-x, afin de le faire répéter verticalement.
Edited by Ishimaru Chiaki on 07/05/2008 at 03h00.

 >  Fast reply

Message

Ishimaru-Design > Tutoriaux, ressources et support (fr) > Forumactif > Tutoriels & Astuces > [phpbb2] Dégradé dans les cellules du forum

 >  Stats

1 user(s) connected during the last 10 minutes (0 member(s) and 1 guest(s)).