|
|
| Author |
Message |
|
gef0301 |
 Posted: Fri 16 Dec 2005 - 10:39 Post subject: [Tuto] Installer une image de fond |
  |
|
Installer une image de fond
Pour le Theme Subsilver
 Avertissement : Même si le principe de base est identique pour beaucoup de thèmes, ce tutorial n'est valable que pour le thème Subsilver
| Quote: |  |
Dans le panneau d'admin, ouvrir le template overall-header.tpl
Rechercher :
- Code: Sélectionner - Agrandir
/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background-color: {T_BODY_BGCOLOR};
scrollbar-face-color: {T_TR_COLOR2};
scrollbar-highlight-color: {T_TD_COLOR2};
scrollbar-shadow-color: {T_TR_COLOR2};
scrollbar-3dlight-color: {T_TR_COLOR3};
scrollbar-arrow-color: {T_BODY_LINK};
scrollbar-track-color: {T_TR_COLOR1};
scrollbar-darkshadow-color: {T_TH_COLOR1};
}
transformer le code en
| Quote: | /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background-color: {T_BODY_BGCOLOR};
scrollbar-face-color: {T_TR_COLOR2};
scrollbar-highlight-color: {T_TD_COLOR2};
scrollbar-shadow-color: {T_TR_COLOR2};
scrollbar-3dlight-color: {T_TR_COLOR3};
scrollbar-arrow-color: {T_BODY_LINK};
scrollbar-track-color: {T_TR_COLOR1};
scrollbar-darkshadow-color: {T_TH_COLOR1};
background-image: url("adresse du fond d'écran");
background-repeat: repeat-y;
background-attachment: fixed;
}
|
Rechercher les lignes suivantes
- Code: Sélectionner - Agrandir
/* This is the border line & background colour round the entire page */
.bodyline { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }
Les transformer en
| Quote: | /* This is the border line & background colour round the entire page */
/* .bodyline { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }*/
|
Les options de répétitions
- Code: Sélectionner - Agrandir
background-repeat: repeat;
l'image se répète horizontalement et verticalement
- Code: Sélectionner - Agrandir
background-repeat: no-repeat;
l'image d'arrière-plan n'est affichée qu'une seule fois.
- Code: Sélectionner - Agrandir
background-repeat: repeat-y;
l'image d'arrière-plan ne se répète que verticalement.
- Code: Sélectionner - Agrandir
background-repeat: repeat-x;
l'image d'arrière-plan ne se répète que horizontalement.
- Code: Sélectionner - Agrandir
background-attachment: fixed;
permet d'avoir le fond d'écran fixe
Copie d'écran du résultat:
Derniere mise a jour par Texf7, le 24 septembre 2006.
Last edited by gef0301 on Sat 17 Dec 2005 - 11:20; edited 3 times in total
|
|
| Administrateur |
|
Offline |
Joined: 09 Mar 2005
Posts: 3,111
Niveau: Point(s): 3,143 Moyenne: 1.01 Trophées:      
|
 |
|
 |
|
Kaïla |
| Posted: Fri 16 Dec 2005 - 18:36 Post subject: [Tuto] Installer une image de fond |
|
|
Voilà ce que j'ai fait et ça marche toujours pas on ne voit que la maudite couleur verte dans le fond
background-color: {T_BODY_BGCOLOR};
scrollbar-face-color: {T_TR_COLOR2};
scrollbar-highlight-color: {T_TD_COLOR2};
scrollbar-shadow-color: {T_TR_COLOR2};
scrollbar-3dlight-color: {T_TR_COLOR3};
scrollbar-arrow-color: {T_BODY_LINK};
scrollbar-track-color: {T_TR_COLOR1};
scrollbar-darkshadow-color: {T_TH_COLOR1};
background-image: url("http://img302.imageshack.us/my.php?image=cascade20yw.jpg");
background-repeat: repeat-y;
}
Je croyais que cette partie du template était pour la scrollbar et non pas pour l'arrière plan 
Et ça tu l'as mis en citation mais je fait quoi avec?
Citation:
/* This is the border line & background colour round the entire page */
/* .bodyline { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }*/
|
|
| Membre |
|
Offline |
Joined: 16 Nov 2005
Posts: 8
Niveau: Point(s): 6 Moyenne: 0.75     
|
| |
|
|
|
gef0301 |
| Posted: Fri 16 Dec 2005 - 19:02 Post subject: [Tuto] Installer une image de fond |
|
|
dans ton message j'ai mis en rouge ce qu'il faut rajouter
pour la partie que j'ai mise en citation, c'est parce qu'on ne peut pas mettre des partie en couleur quand on se sert de [code] donc j'utilise [quote] qui me permet de mettre en couleur les parties à rajouter ou à supprimer, dans le cas que tu affiches, il faut donc rajouter /* en début de ligne et */ en fin de ligne
|
|
| Administrateur |
|
Offline |
Joined: 09 Mar 2005
Posts: 3,111
Niveau: Point(s): 3,143 Moyenne: 1.01 Trophées:
|
| |
|
|
|
Kaïla |
| Posted: Fri 16 Dec 2005 - 19:31 Post subject: [Tuto] Installer une image de fond |
|
|
Bon j'ai fait ce que tu m'as dit mais ça marche pas plus.La je vois plus le fond du tout mais je vois pa mon image non plus???
|
|
| Membre |
|
Offline |
Joined: 16 Nov 2005
Posts: 8
Niveau: Point(s): 6 Moyenne: 0.75
|
| |
|
|
|
Wow-22 |
| Posted: Fri 16 Dec 2005 - 21:04 Post subject: [Tuto] Installer une image de fond |
|
|
peut on voir un exemple svp ? 
|
|
| Membre |
|
Offline |
Joined: 01 Nov 2005
Posts: 21
Point(s): 18 Moyenne: 0.86
|
| |
|
|
|
__Pro_Of_Web__ |
| Posted: Fri 16 Dec 2005 - 22:57 Post subject: [Tuto] Installer une image de fond |
|
|
Pas besoin d'exemple. Ca ressemble ton fond par ta propre image 
|
|
| Membre |
|
Offline |
Joined: 30 Oct 2005
Posts: 44
Point(s): 38 Moyenne: 0.86 
|
| |
|
|
|
Gyfarno |
| Posted: Sat 17 Dec 2005 - 08:12 Post subject: [Tuto] Installer une image de fond |
|
|
J'aimerais savoir si ce fond est pour le cadre du forum (ou il y a le titre de tout ça) ou seulement pour le tour ?
Car je voudrait mettre mon image de fond dans le cadre et pas sur le contour, donc avant tout test je demande si quelqu'un le sait.
|
|
| Membre |
|
Offline |
Joined: 17 Dec 2005
Posts: 3
Point(s): 3 Moyenne: 1.00
|
| |
|
|
|
Stéphane |
| Posted: Sat 17 Dec 2005 - 08:14 Post subject: [Tuto] Installer une image de fond |
|
|
Bonjour,
N'étant pas sur de ma réponse, je ne te dirais rien. Si tu veux tu peux toujours enregistrer le template sur ton disque dur, et si tu fais une mauvaise manipulation, il téméchargeras ce dernier afin qu'il remplace le template défectueux.
_______________________
Stéphane - Modérateur Global
Equipe Xooit.com - Aide et Support
|
|
| Modérateur Global |
|
Offline |
Joined: 08 Sep 2005
Posts: 3,228
Niveau: Point(s): 4,099 Moyenne: 1.27 Trophées: 
|
| |
|
|
|
Gyfarno |
| Posted: Sat 17 Dec 2005 - 08:21 Post subject: [Tuto] Installer une image de fond |
|
|
C'est tout et pas le cadre interieur
|
|
| Membre |
|
Offline |
Joined: 17 Dec 2005
Posts: 3
Point(s): 3 Moyenne: 1.00
|
| |
|
|
|
gef0301 |
| Posted: Sat 17 Dec 2005 - 11:21 Post subject: [Tuto] Installer une image de fond |
|
|
J'ai rajouté une copie d'écran
|
|
| Administrateur |
|
Offline |
Joined: 09 Mar 2005
Posts: 3,111
Niveau: Point(s): 3,143 Moyenne: 1.01 Trophées:
|
| |
|
|
|
Wow-22 |
| Posted: Sat 17 Dec 2005 - 14:49 Post subject: [Tuto] Installer une image de fond |
|
|
ca c'est pour le (thème = subsilver) et pour le theme <b>SubRed</b> ?
|
|
| Membre |
|
Offline |
Joined: 01 Nov 2005
Posts: 21
Point(s): 18 Moyenne: 0.86
|
| |
|
|
|
gef0301 |
| Posted: Sat 17 Dec 2005 - 16:24 Post subject: [Tuto] Installer une image de fond |
|
|
Ce Tuto est valable pour les thèmes suivants
Appalachia
Redblack
Subred
Subgreen
subLFMgrey
SubMarine
SubNet
SubRebel
SubSilver
SubSilver_Xooit
SubSystem2
SubSystem2remix
SubSystemGreen
SubTeal
SubTrail
SubYellow
On peut s'en inspirer pour les autres thèmes, mais ce n'est pas suffisant
Last edited by gef0301 on Mon 17 Jul 2006 - 17:04; edited 3 times in total
|
|
| Administrateur |
|
Offline |
Joined: 09 Mar 2005
Posts: 3,111
Niveau: Point(s): 3,143 Moyenne: 1.01 Trophées:
|
| |
|
|
|
Wow-22 |
| Posted: Sat 17 Dec 2005 - 17:47 Post subject: [Tuto] Installer une image de fond |
|
|
bin je veux mettre une image comme un fond sur mon forum sachant que mon theme est <b>SubRed</b> 
|
|
| Membre |
|
Offline |
Joined: 01 Nov 2005
Posts: 21
Point(s): 18 Moyenne: 0.86
|
| |
|
|
|
gef0301 |
| Posted: Sat 17 Dec 2005 - 17:58 Post subject: [Tuto] Installer une image de fond |
|
|
J'ai refait des tests, ça marche aussi pour SubRed et tous les thèmes que j'ai mis dans mon précédent message
|
|
| Administrateur |
|
Offline |
Joined: 09 Mar 2005
Posts: 3,111
Niveau: Point(s): 3,143 Moyenne: 1.01 Trophées:
|
| |
|
|
|
Wow-22 |
|
| Membre |
|
Offline |
Joined: 01 Nov 2005
Posts: 21
Point(s): 18 Moyenne: 0.86
|
| |
|
|
|
Portail
FAQ
Search
