Ajouter une image :

a. en arrière plan
b. en 1° plan
c. au fond de la boite de réponse
d. une image fixe en arrière plan
e. dans les cellules des rubriques



Pour modifier son thème de base, il y a plusieurs techniques:
*modifier le fichier overall_header
*modifier le fichier css

L'inconvénient pour la première solution, c'est qu'il arrive que le fichier overall_header ait été "allégé", cad qu'il ne contienne pas les lignes à rechercher car le fichier css à été activer.

De même, il arrive que les modifications faites dans le fichier css du thème, ne soit pas pris en compte car celui-ci n'a pas été activé.
Pour activer votre fichier css, rdv => http://forum.phpbb.biz/viewtopic.php?t=26022

A vous de choisir votre méthode, sachant que les pros de la modifications, vous diront que faire les modifs dans le fichier css, est un travail plus propre

Nous vous proposons les 2 méthodes (modifications de l'overall_header OU du css)


a. ajouter un arrière fond à votre thème:

MANIP IDEM POUR LE CSS OU L'OVERALL_HEADER

après

Code:

* General page style. The scroll bar colours only visible in IE5.5+ */ body {

ajouter

Code:

background-image: url(images/1.gif);

Pensez à bien indiquer le chemin où l'image est stockée , dans notre exemple c'est dans le dossier image du thème, et l'image est nommée 1.gif
Vous pouvez évidemment donner un autre nom à l'image, et utiliser un autre format ( jpg par exemple)
Evitez de placer une image trop lourde, qui pourrait mettre du temps lors de l'affichage!


b. en 1° plan à votre thème:

MANIP IDEM POUR LE CSS OU L'OVERALL_HEADER

dans le code

Code:

/* This is the border line & background colour round the entire page */ .bodyline  { background-color: #FFFFFF; border: 1px #98AAB1 solid; }body {

Code:

remplacer { background-color: #FFFFFF

par

Code:

background-image: url(images/VOTRE-IMAGE.gif)

c. au fond de la boite de réponse

Dans le code

Code:

/* The text input fields background colour */ input.post, textarea.post, select {   background-color : #FFFFFF; } input { text-indent : 2px; }

Code:

après background-color : #FFFFFF; ajouter background-image: url(images/VOTRE-IMAGE.gif);

d. une image fixe en arrière plan
après votre ligne de commande pour l'image

Code:

background-image: url(images/VOTRE-IMAGE.gif)

Code:

ajouter background-attachment : fixed;

+++ Des lignes d'infos peuvent etre ajouter comme :
background-repeat : no-repeat;
background-position : top;

la première pour epecher la répétition de l'image
la seconde pour position l'image



e. dans les cellules des rubriques :

Dans le code :

Code:

/* Main table cell colours and backgrounds */ td.row1  { background-color: #EFEFEF; } td.row2  { background-color: #DEE3E7; } td.row3  { background-color: #D1D7DC; }

Code:

remplacer: { background-color: #CODE HEXIMAL; }

par

Code:

{ background-image: url(images/VOTRE-IMAGE.gif);  }

°la première ligne (row1) : modification de la première colonne sur l'index, sur le viewtopic et une cellule sur deux dans le viewforum.
Les cellules de réponses

°la deuxième ligne (row2): modification de la deuxième colonne sur l'index, sur le viewtopic (sous 'réponses' et sous 'vus' par défaut) et une cellule sur deux dans le viewforum.

°la troisieme ligne (row3): modification sur le viewtopic (colonne auteur par défaut), PAS de modification sur l'index ni sur le viewforum.