La date/heure actuelle est Sam 21 Oct 2017 - 08:40 - créer un forum

[Tuto] Installer une image de fond

Aller au contenu

Poster un nouveau sujet Répondre au sujet Aller à la page: 1, 2, 3266, 267, 268  >

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


Hors ligne
VIP

Inscrit le: 09 Mar 2005
Messages: 413
Point(s): 440
Moyenne: 1,07

MessagePosté le: Ven 16 Déc 2005 - 11:39    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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




Citation:

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
Citation:
/* 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
Citation:
/* 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:






Dernière édition par gef0301 le Sam 17 Déc 2005 - 12:20; édité 3 fois
Forum
Auteur Message
Kaïla


Hors ligne
Invité




MessagePosté le: Ven 16 Déc 2005 - 19:36    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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


Auteur Message
gef0301
VIP


Hors ligne
VIP

Inscrit le: 09 Mar 2005
Messages: 413
Point(s): 440
Moyenne: 1,07

MessagePosté le: Ven 16 Déc 2005 - 20:02    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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
Auteur Message
Kaïla


Hors ligne
Invité




MessagePosté le: Ven 16 Déc 2005 - 20:31    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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

Auteur Message
Wow-22


Hors ligne
Invité




MessagePosté le: Ven 16 Déc 2005 - 22:04    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

peut on voir un exemple svp ? Smile

Auteur Message
__Pro_Of_Web__


Hors ligne
Invité




MessagePosté le: Ven 16 Déc 2005 - 23:57    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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

Auteur Message
Gyfarno


Hors ligne
Invité




MessagePosté le: Sam 17 Déc 2005 - 09:12    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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.


Auteur Message
Xeawirkyo


Hors ligne
Invité




MessagePosté le: Sam 17 Déc 2005 - 09:14    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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.


Auteur Message
Gyfarno


Hors ligne
Invité




MessagePosté le: Sam 17 Déc 2005 - 09:21    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

C'est tout et pas le cadre interieur

Auteur Message
gef0301
VIP


Hors ligne
VIP

Inscrit le: 09 Mar 2005
Messages: 413
Point(s): 440
Moyenne: 1,07

MessagePosté le: Sam 17 Déc 2005 - 12:21    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

J'ai rajouté une copie d'écran

Forum
Auteur Message
Wow-22


Hors ligne
Invité




MessagePosté le: Sam 17 Déc 2005 - 15:49    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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

Auteur Message
gef0301
VIP


Hors ligne
VIP

Inscrit le: 09 Mar 2005
Messages: 413
Point(s): 440
Moyenne: 1,07

MessagePosté le: Sam 17 Déc 2005 - 17:24    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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


Dernière édition par gef0301 le Lun 17 Juil 2006 - 18:04; édité 3 fois
Forum
Auteur Message
Wow-22


Hors ligne
Invité




MessagePosté le: Sam 17 Déc 2005 - 18:47    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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

Auteur Message
gef0301
VIP


Hors ligne
VIP

Inscrit le: 09 Mar 2005
Messages: 413
Point(s): 440
Moyenne: 1,07

MessagePosté le: Sam 17 Déc 2005 - 18:58    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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
Auteur Message
Wow-22


Hors ligne
Invité




MessagePosté le: Sam 17 Déc 2005 - 19:37    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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 "

Auteur Message
Contenu Sponsorisé





MessagePosté le: Aujourd’hui à 08:40    Sujet du message: [Tuto] Installer une image de fond

Montrer les messages depuis:   
Répondre au sujet Page 1 sur 268 Aller à la page: 1, 2, 3266, 267, 268  >




Index | Panneau d’administration | Créer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group | Traduction par : phpBB-fr.com
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401