It is currently Mon 26 Sep 2016 - 15:53 - créer un forum

[Tuto] Installer une image de fond

Skip to content

Post new topic Reply to topic Goto page: 1, 2, 3266, 267, 268  >

[Tuto] Installer une image de fond
Author Message
gef0301
VIP


Offline
VIP

Joined: 09 Mar 2005
Posts: 413
Point(s): 440
Moyenne: 1.07

PostPosted: Fri 16 Dec 2005 - 11:39    Post subject: [Tuto] Installer une image de fond Reply with quote

PublicitéSupprimer les publicités ?
Installer une image de fond
Pour le Theme Subsilver


    Auteur du tutoriel : Gef0301
    Version du tutoriel : 1.0
    Création du tutoriel : Ven 16 Déc 2005 - 11:39
    Testé sur : les forums Xooit.com





Flèche 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;

}


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 (Note: ceci fait ramer certains navigateurs quand le forum défile de haut en bas. Déconseillé.)




Flèche Copie d'écran du résultat:






Last edited by gef0301 on Sat 17 Dec 2005 - 12:20; edited 3 times in total
Forum
Author Message
Kaïla


Offline
Guest




PostPosted: Fri 16 Dec 2005 - 19:36    Post subject: [Tuto] Installer une image de fond Reply with quote

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 Question Question

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; }*/


Author Message
gef0301
VIP


Offline
VIP

Joined: 09 Mar 2005
Posts: 413
Point(s): 440
Moyenne: 1.07

PostPosted: Fri 16 Dec 2005 - 20:02    Post subject: [Tuto] Installer une image de fond Reply with quote

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


Forum
Author Message
Kaïla


Offline
Guest




PostPosted: Fri 16 Dec 2005 - 20:31    Post subject: [Tuto] Installer une image de fond Reply with quote

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???

Author Message
Wow-22


Offline
Guest




PostPosted: Fri 16 Dec 2005 - 22:04    Post subject: [Tuto] Installer une image de fond Reply with quote

peut on voir un exemple svp ? Smile

Author Message
__Pro_Of_Web__


Offline
Guest




PostPosted: Fri 16 Dec 2005 - 23:57    Post subject: [Tuto] Installer une image de fond Reply with quote

Pas besoin d'exemple. Ca ressemble ton fond par ta propre image Laughing

Author Message
Gyfarno


Offline
Guest




PostPosted: Sat 17 Dec 2005 - 09:12    Post subject: [Tuto] Installer une image de fond Reply with quote

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.


Author Message
Xeawirkyo


Offline
Guest




PostPosted: Sat 17 Dec 2005 - 09:14    Post subject: [Tuto] Installer une image de fond Reply with quote

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.


Author Message
Gyfarno


Offline
Guest




PostPosted: Sat 17 Dec 2005 - 09:21    Post subject: [Tuto] Installer une image de fond Reply with quote

C'est tout et pas le cadre interieur

Author Message
gef0301
VIP


Offline
VIP

Joined: 09 Mar 2005
Posts: 413
Point(s): 440
Moyenne: 1.07

PostPosted: Sat 17 Dec 2005 - 12:21    Post subject: [Tuto] Installer une image de fond Reply with quote

J'ai rajouté une copie d'écran

Forum
Author Message
Wow-22


Offline
Guest




PostPosted: Sat 17 Dec 2005 - 15:49    Post subject: [Tuto] Installer une image de fond Reply with quote

ca c'est pour le (thème = subsilver) et pour le theme <b>SubRed</b> ?

Author Message
gef0301
VIP


Offline
VIP

Joined: 09 Mar 2005
Posts: 413
Point(s): 440
Moyenne: 1.07

PostPosted: Sat 17 Dec 2005 - 17:24    Post subject: [Tuto] Installer une image de fond Reply with quote

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 - 18:04; edited 3 times in total
Forum
Author Message
Wow-22


Offline
Guest




PostPosted: Sat 17 Dec 2005 - 18:47    Post subject: [Tuto] Installer une image de fond Reply with quote

bin je veux mettre une image comme un fond sur mon forum sachant que mon theme est <b>SubRed</b> Wink

Author Message
gef0301
VIP


Offline
VIP

Joined: 09 Mar 2005
Posts: 413
Point(s): 440
Moyenne: 1.07

PostPosted: Sat 17 Dec 2005 - 18:58    Post subject: [Tuto] Installer une image de fond Reply with quote

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

Forum
Author Message
Wow-22


Offline
Guest




PostPosted: Sat 17 Dec 2005 - 19:37    Post subject: [Tuto] Installer une image de fond Reply with quote

j'ai suivis tout les étapes gef0301 !! mais ca marche pas tu peux faire ca pour moi , merci voici le lien de l'image " http://img458.imageshack.us/my.php?image=inbetweendreams16807ca.jpg "

Author Message
Contenu Sponsorisé





PostPosted: Today at 15:53    Post subject: [Tuto] Installer une image de fond

Display posts from previous:   
Reply to topic Page 1 of 268 Goto page: 1, 2, 3266, 267, 268  >




Portal | Index | Administration Panel | Create a forum | Free support forum | Free forums directory | Report a violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group |
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401