La date/heure actuelle est Mer 18 Oct 2017 - 11:20 - 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, 3213, 214, 215266, 267, 268  >

[Tuto] Installer une image de fond
Auteur Message
ichigokurosaki92





MessagePosté le: Sam 22 Aoû 2009 - 13:41    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

PublicitéSupprimer les publicités ?
Revue du message précédent :

Je fais ça dans le thème de test.

Et j'ai pas compris ton explication pour le "top left", j'en veux une à gauche et une à droite.

Et j'ai remarqué que si l'image que je mets fait 125px de width, mon forum se décale vers la droite si je mets l'image seulement à gauche.

Allé une tite image : http://img36.imageshack.us/img36/376/scr6387443.jpg
C'est la barre noire à gauche, mais il y en a qu'une seule.
Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Sam 22 Aoû 2009 - 16:49    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

bonjour

tu ne peux mettre qu'une image comme ça dans le template tu ne peux pas avoir

background-image : url(http://img38.imageshack.us/img38/8593/29850461.png);
background-repeat : repeat-y;
background-position: top left;
background-image : url(http://img38.imageshack.us/img38/8593/29850461.png);
background-repeat : repeat-y;
background-position: top right;

mais juste

background-image : url(http://img38.imageshack.us/img38/8593/29850461.png);
background-repeat : repeat-y;
background-position: top left;

si tu veux une image de chaque coté tu dois créer une image qui est comme tu le souhaite avec les images positionner comme ça

à gauche tu mets ta première image sur 150px puis 760 px de blanc et ton autre image à droite sur 150px


sinon tu as cette solution

http://xooit.xooit.com/p424719.htm

pour afficher des images sur les cotés
_______________________


Forum
Auteur Message
ichigokurosaki92


Hors ligne
Invité




MessagePosté le: Sam 22 Aoû 2009 - 18:58    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Oui je crois que je vais faire une image de fond.

Mais pour la largeur, je sais pas comment faire.

Mon forum est à 75%.


Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Sam 22 Aoû 2009 - 19:06    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

il faut une image en 1000px de largeur

et tu fais
125px à gauche l'image de gauche
125px à droite l'image de droite
et 750px au centre du blanc

tu combines ça en une seule image
_______________________


Forum
Auteur Message
Bonhomme-de-neige


Hors ligne
Invité




MessagePosté le: Dim 23 Aoû 2009 - 17:20    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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


Ne se trouve pas dans mes template. 



Auteur Message
Bonhomme-de-neige


Hors ligne
Invité




MessagePosté le: Lun 24 Aoû 2009 - 00:22    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

 Je ne trouve pas Sad


Voici mon template est en bleu se que J'ai rajouter.


Cordialement bonhomme-de-neige & merci d'avance.
Citation:
/* alexisRed CSS File Created by Andrew :: http://andrewcharron.tk */ 993433 html { width: 100%; /* height: 100%;*/ } body { background-color: #EFEFEF; /* OLD: #FFFFFF; */ color: #333333; font-family: Verdana, Arial, sans-serif; margin: 0px 0px 0px 0px; width: 100%; /* height: 100%; */ text-align: center; } background-image: url("http://habbor.free.fr/images/fancenter/bg/autres/18.gif"); background-repeat: repeat-y; } .gen { font-size : 12px; } .gen2 { font-size: 11px; font-family: sans-serif, Arial; } .genmed { font-size : 12px; } .gensmall { font-size : 11px; } .gen,.genmed,.gensmall { color : #000000; } a.gen,a.genmed,a.gensmall { color: #006699; text-decoration: none; } a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #DD6900; text-decoration: underline; } a:link,a:active,a:visited { color: #555555; } a:hover { color: #660000; } span.info { font-size: 11px; color: #000000; } span.small { font-size: 11px; } span.postinfo { font-size: 12px; color: #333333; } a.nav { color: #333333; font-size: 12px; } .cattitle { color: #333333; } a.white { color: #FFFFFF; } a.grey { color: #333333; } a.white:visited { color: #FFFFFF; } a.green { color: #993433; font-weight: bold; font-size: 14px; } a.green:visited { color: #993433; font-weight: bold; font-size: 14px; } a.green:hover { color: #996600; font-weight: bold; font-size: 14px; } div.small { font-size: 11px; } div.pm { border: solid; border-width: 1px; width: 300px; border-color: #555555; background-color: #EFEFEF; font-size: 11px; position: center; text-align: center; font-family: Verdana, sans-serif; padding: 2px; } table.forumborder { border: solid; border-width: 1px; border-color: #555555; } td.small { font-size: 11px; } td.info { font-size: 10px; color: #000000; } td.title { background-color: #993433; width: 100%; height: 100px; } td.menu { background-color: #CFCFCF; width: 100%; height: 25px; color: #555555; font-size: 12px; font-family: sans-serif; } td.subtitle { background-color: #CFCFCF; width: 100%; height: 25px; color: #555555; font-size: 12px; font-family: sans-serif; } td.mnu { background-color: #BFBFBF; height: 2px; } td.forumtitle { background-color: #993433; color: #FFFFFF; font-size: 10px; font-family: sans-serif; } td.row1 { background-color: #EFEFEF; /*was EEEEEE */ font-family: sans-serif; font-size: 12px; } td.row2 { background-color: #DEDEDE; /* Was DDDDDDD */ font-family: sans-serif; font-size: 12px; } td.row3 { background-color: #CDCDCD; /* was CCCCCC */ font-family: sans-serif; font-size: 12px;. } td.icon { background-color: #EFEFEF; font-family: sans-serif; } td.rowtitles { background-color: #CFCFCF; color: #555555; font-size: 11px; font-family: sans-serif; } th.forumtitle { background-color: #993433; color: #FFFFFF; font-size: 10px; font-family: sans-serif; } th.menu { background-color: #BFBFBF; height: 25px; color: #555555; font-size: 12px; font-family: sans-serif; } span.postbody { font-size: 13px; } .liteoption { border: 1px solid #000000; height: 20px; background-color: #FFFFFF; } .mainoption, .button { border: 1px solid #000000; height: 20px; background-color: #FFFFFF; } .code { font-family: "courier new"; font-size: 12px; color: #993433; background-color: #FFFFFF; border: #993433; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; background-image: url('http://img.xooimage.com/files8/1/c/0/sans-titree-1242734.png'); background-repeat: no-repeat; background-position: top right; } .quote { font-family: Arial; font-size: 11px; color: #333333; /* line-height: 125%; */ background-color: #FFFFFF; border: #333333; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; background-image: url('http://img.xooimage.com/files8/1/c/0/sans-titree-1242734.png'); background-repeat: no-repeat; background-position: top right; } /* Not used yet, but will be used in v1.2, v1.5 and v2.0*/ div.box1 { width: 200px; text-align: center; font-size: 14px; background-color: #EFEFEF; border: 1px solid #BFBFBF; } table.mainwindow { margin-left: auto; margin-right: auto; border-left: 1px solid #333333; border-right: 1px solid #333333; background-color: #FFFFFF; width: 775px; background-image: url('http://img.xooimage.com/files8/1/c/0/sans-titree-1242734.png'); background-repeat: no-repeat; background-position: top right; } .topictitle1 { font-size: 14px; font-weight: bold; } /* End CSS */


Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Lun 24 Aoû 2009 - 10:42    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

bonjour

tu dois transformer cette partie
Code: Sélectionner - Agrandir

body {
        background-color: #EFEFEF; /* OLD: #FFFFFF; */
        color: #333333;
        font-family: Verdana, Arial, sans-serif;
        margin: 0px 0px 0px 0px;
        width: 100%;
        /* height: 100%; */
        text-align: center;
        }


comme ça

Code: Sélectionner - Agrandir
body {
        background-image: url('lien');
        color: #333333;
        font-family: Verdana, Arial, sans-serif;
        margin: 0px 0px 0px 0px;
        width: 100%;
        /* height: 100%; */
        text-align: center;
        }

_______________________


Forum
Auteur Message
ichigokurosaki92


Hors ligne
Invité




MessagePosté le: Lun 24 Aoû 2009 - 19:26    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Salut,

C'est remoi ^^. Pour les mesures, ça fonctionne pas. Voir ici


Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Lun 24 Aoû 2009 - 19:31    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

http://habbor.free.fr/images/fancenter/bg/autres/18.gif

le lien de ton image renvoi sur une maintenance

ré héberge la ici

http://www.xooimage.com/fr/
_______________________


Forum
Auteur Message
ichigokurosaki92


Hors ligne
Invité




MessagePosté le: Lun 24 Aoû 2009 - 19:33    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Voilà.

Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Lun 24 Aoû 2009 - 19:39    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

je vois bien un fond mais il se voir très mal
tu as ajouté la fonction repeat dans le code comme ça
Code: Sélectionner - Agrandir

body {
        background-image: url('lien');
background-repeat: repeat;
        color: #333333;
        font-family: Verdana, Arial, sans-serif;
        margin: 0px 0px 0px 0px;
        width: 100%;
        /* height: 100%; */
        text-align: center;
        }

_______________________


Forum
Auteur Message
ichigokurosaki92


Hors ligne
Invité




MessagePosté le: Lun 24 Aoû 2009 - 19:43    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Comme ça
Code: Sélectionner - Agrandir
background-image : url('http://img21.xooimage.com/files/e/8/6/bg1-124bf80.png');
background-repeat : repeat-y;
background-position : top center;


Mais c'est la largeur qui va pas. Je voudrais que les deux dégradés noirs soient chacun d'un côté, collés aux bord du forum.


Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Lun 24 Aoû 2009 - 19:51    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

dans ce cas il faut refaire l'image pour les placé plus sur le coté
car avec cette image tu les as caché derrière le corps du forum
_______________________


Forum
Auteur Message
Bonhomme-de-neige


Hors ligne
Invité




MessagePosté le: Lun 24 Aoû 2009 - 19:55    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Re bonjour, Dans le template  alexis.css


Je dois remplacée quoi ? voir page 211 pour mon template


Par quoi ? 


Url de mon image de fond : http://img.xooimage.com/files9/4/7/2/star_sky2-286b1c.gif


Cordialement, Désolè Je ne comprend pas très bien


Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Lun 24 Aoû 2009 - 19:58    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

tu remplaces ça

Code: Sélectionner - Agrandir
/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
   background-color: {T_BODY_BGCOLOR};


par ça

Code: Sélectionner - Agrandir
/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
   background-image: url('http://img9.xooimage.com/files/4/7/2/star_sky2-286b1c.gif');

_______________________


Forum
Auteur Message
Chevanton


Hors ligne
Invité




MessagePosté le: Mar 25 Aoû 2009 - 14:33    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Salut je voudrais savoir si pour le thème acidthecblood je peut mettre une image de fond. Merci d'avance.

Auteur Message
Contenu Sponsorisé





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

Montrer les messages depuis:   
Répondre au sujet Page 214 sur 268 Aller à la page: <  1, 2, 3213, 214, 215266, 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