AccueilPortailFAQRechercherS'enregistrerMembresGroupesConnexion

Partagez | 
 

 Ajouter des images de fond

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
caro
Invité



MessageSujet: Ajouter des images de fond   Lun 12 Juin - 14:17

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 Smile

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.
Revenir en haut Aller en bas
 
Ajouter des images de fond
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Ajouter 2 images (left et right) à coté du logo
» Ajouter une image comme fond
» Ajouter une image de fond à un message
» images de fond
» Couleurs/Images de fond de catégorie et de titre

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
lda création :: phpBB :: Tutoriaux-
Sauter vers: