La date/heure actuelle est Dim 19 Nov 2017 - 17:02 - 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, 378, 79, 80266, 267, 268  >

[Tuto] Installer une image de fond
Auteur Message
rooro





MessagePosté le: Ven 16 Nov 2007 - 17:17    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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

j'ai regarder dans le template overall header et il n'y a rien.

pour le css j'ai regardé et c'est pas exactement pareil et en mettant les codes donné sur ce topic cela ne change rien à par dés fois tout en bas du forum sauf que je voudrais que sa soit sur toute la page moi ^^
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: Ven 16 Nov 2007 - 18:45    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

bonjour

tu peux mettre ton template css ici entre les balises code comme ça


 
Code: Sélectionner - Agrandir
ton template 

_______________________


Forum
Auteur Message
ramanaru


Hors ligne
Invité




MessagePosté le: Ven 16 Nov 2007 - 19:09    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

a ok je vais te la passer

Dernière édition par ramanaru le Ven 16 Nov 2007 - 19:20; édité 2 fois
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: Ven 16 Nov 2007 - 19:14    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

non ça c'est ton template index body je te parles de ton template css

nomdethème.css le premier
_______________________


Forum
Auteur Message
ramanaru


Hors ligne
Invité




MessagePosté le: Ven 16 Nov 2007 - 19:20    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

ah pardon c'est celui çi?
Citation:
/* The original aqua Theme Created by Arthur Chen design. http://bbs.arthur.com.tw */
body {
background-color: #FFFFFF;
background-attachment : fixed;
scrollbar-3dlight-color:#cccccc;
scrollbar-arrow-color:#000000;
scrollbar-base-color:#cccccc;
scrollbar-darkshadow-color:#2f4f4f;
scrollbar-face-color:#cccccc;
scrollbar-highlight-color:#cccccc;
scrollbar-shadow-color:#cccccc;
scrollbar-track-color:#f1f1f1;
margin: 0px
}
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #3B678D; }
a:hover { text-decoration: underline; color : #9C9E9C; }
hr { height: 0px; border: solid #000000 0px; border-top-width: 1px;}
.bodyline { background-color: #FFFFFF; border: 1px #FFFFFF solid; }
.forumline { background-color: #FFFFFF; border: 1px #BEBEBE solid; }
td.row1 { background-color: #F8F8F8; }
td.row2 { background-color: #F8F8F8; }
td.row3 { background-color: #BEBEBE; }
td.aqua { background-image: url('http://img.xooimage.com/files9/c/e/cellpic3-311bf.gif'); }
td.aqua1 { background-color: #EDF3FE; }
td.aqua2 { background-image: url('http://img.xooimage.com/files3/c/e/cellpic0-311c0.gif'); }
td.rowpic {
background-color: #FFFFFF;
background-image: url('http://img.xooimage.com/files5/c/e/cellpic2-30da7.jpg');
background-repeat: repeat-y;
}
th {
color: #63605E; font-size: 13px; font-weight : bold;
background-color: #333333; height: 25px;
background-image: url('http://img.xooimage.com/files9/c/e/cellpic3-311bf.gif');
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url('http://img.xooimage.com/files2/a/q/aquatbm-311c1.gif');
background-color:#C0C0C0; border: #FFFFFF; border-style: solid; height: 22px;
}
td.cat,td.catHead,td.catBottom {
height: 25px;
border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold; border: #FFFFFF; border-style: solid; height: 28px; }
td.row3Right,td.spaceRow {
background-color: #555555; border: #FFFFFF; border-style: solid; }
th.thHead,td.catHead { font-size: 13px; border-width: 0px 0px 0px 0px; }
th.thSides,td.catSides,td.spaceRow { border-width: 0px 0px 0px 0px; }
th.thRight,td.catRight,td.row3Right { border-width: 0px 0px 0px 0px; }
th.thLeft,td.catLeft { border-width: 0px 0px 0px 0px; }
th.thBottom,td.catBottom { border-width: 0px 0px 0px 0px; }
th.thTop { border-width: 0px 0px 0px 0px; }
th.thCornerL { border-width: 0px 0px 0px 0px; }
th.thCornerR { border-width: 0px 0px 0px 0px; }
.maintitle,h1,h2 {
font-weight: bold; font-size: 22px; font-family: "Arial Black",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; line-height : 120%; color : #333333;
}
.loslogos {
font-weight: bold; font-size: 10px; font-family: "Arial",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; line-height : 120%; color : #FFFFFF;
}
.loslogosbig {
font-weight: bold; font-size: 22px; font-family: "Arial Black",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; line-height : 120%; color : #FFFFFF;
}
.gen { font-size : 13px; }
.genmed { font-size : 12px; }
.gensmall { font-size : 11px; }
.gen,.genmed,.gensmall { color : #333333; }
a.gen,a.genmed,a.gensmall { color: #333333; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #446D8C; text-decoration: underline; }
.mainmenu { font-size : 12px; color : #333333 }
a.mainmenu { text-decoration: none; color : #006699; }
a.mainmenu:hover{ text-decoration: underline; color : #333333; }
.aquamenu { font-size : 10px; color : #000000 }
a.aquamenu { text-decoration: none; color : #000000; }
a.aquamenu:visited { text-decoration: none; color : #000000; }
a.aquamenu:hover{ text-decoration: none; color : #333333; }
.cattitle { font-weight: bold; font-size: 13px ; letter-spacing: 1px; color : #333333}
a.cattitle { text-decoration: none; color : #333333; }
a.cattitle:hover{ text-decoration: underline; }
.forumlink { font-weight: bold; font-size: 13px; color : #006699; }
a.forumlink { text-decoration: none; color : #333333; }
a.forumlink:hover{ text-decoration: underline; color : #DDE4EC; }
.nav { font-weight: bold; font-size: 12px; color : #333333;}
a.nav { text-decoration: none; color : #333333; }
a.nav:hover { text-decoration: underline; }
.topictitle { font-weight: bold; font-size: 12px; color : #333333; }
a.topictitle:link { text-decoration: none; color : #333333; }
a.topictitle:visited { text-decoration: none; color : #559EE2; }
a.topictitle:hover { text-decoration: underline; color : #DDE4EC; }
.name { font-size : 12px; color : #333333;}
.postdetails { font-size : 11px; color : #333333; }
.postbody { font-size : 13px;}
a.postlink:link { text-decoration: none; color : #333333 }
a.postlink:visited { text-decoration: none; color : #559EE2; }
a.postlink:hover { text-decoration: underline; color : #DDE4EC}
.code {
font-family: Courier, 'Courier New', sans-serif; font-size: 12px; color: #006600;
background-color: #FFFFFF; border: #555555; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
.quote {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
background-color: #FFFFFF; border: #555555; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
.copyright { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright { color: #444444; text-decoration: none;}
a.copyright:hover { color: #333333; text-decoration: underline;}
input,textarea, select {
color : #333333;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
border-color : #333333;
}
input.post, textarea.post, select {
background-color : #FFFFFF;
}
input { text-indent : 2px; }
input.button {
background-color : #FFFFFF;
color : #333333;
font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;
}
input.mainoption {
background-color : #FFFFFF;
font-weight : bold;
}
input.liteoption {
background-color : #FFFFFF;
font-weight : normal;
}
.helpline { background-color: #FFFFFF; border-style: none; }
.aquawords { color: #63605E; font-size: 13px; font-weight : bold; }
@import url('http://img.xooimage.com/files4/f/o/formie-311c2.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: Ven 16 Nov 2007 - 19:22    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

ici


/* The original aqua Theme Created by Arthur Chen design. http://bbs.arthur.com.tw */
body {
background-color: #FFFFFF;


remplaces par


/* The original aqua Theme Created by Arthur Chen design. http://bbs.arthur.com.tw */
body {
background-image: url('lien de ton image');
_______________________


Forum
Auteur Message
altair


Hors ligne
Invité




MessagePosté le: Ven 16 Nov 2007 - 19:50    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Bonsoir
apparement l'image de fond est définie à partir de overall_header.tpl ici
Code: Sélectionner - Agrandir
<style type="text/css">
<!--
TH { background-image: url(http://img9.xooimage.com/files/c/e/cellpic3-311bf.gif) }
TD.rowpic { background-image: url(http://img5.xooimage.com/files/c/e/cellpic2-30da7.jpg); background-repeat: repeat-y }
TD.cat, TD.catHead,TD.catSides,TD.catLeft,TD.catRight,TD.catBottom { background-image: url(http://img1.xooimage.com/files/c/e/cellpic1-241bf.gif) }
body {
background-color: #FFFFFF;
background-image: url(http://img8.xooimage.com/files/b/a/background1-3122a.gif);
background-attachment : fixed;
}
-->
</style>


dans overall_header.tpl,
tu cherches et tu ajoutes ce qui est en rouge et tu remplaces par ton image ce qui est en orange
Citation:
body {
background-color: #FFFFFF;
background-image: url(http://img.xooimage.com/files8/b/a/background1-3122a.gif);
background-attachment : fixed;
background-repeat: repeat
background-position: center center;

}


Auteur Message
rooro


Hors ligne
Invité




MessagePosté le: Ven 16 Nov 2007 - 20:40    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

merci de ton aide sa marche Wink je croit que je vais avoir un autre problème mais je vais trouver la solution ^^

Auteur Message
Zel


Hors ligne
Invité




MessagePosté le: Dim 18 Nov 2007 - 12:23    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Bonjour à tous.

J'ai une petite question a propos du fond d'écran.
Je cherche à désolidariser l'image qui est en fond d'écran du reste de façon à ce que lorsque la barre défilente est utilisé elle fasse tout défiler sauf le fond d'écran.

Dans un premier temps j ai fixer l'image et empecher sa répétition mais sans résultat.

 
        background-image: url("http://img265.imageshack.us/img265/6729/design02am7.jpg");
        background-attachment: fixed;
        background-position: center center;

J ai pourtant mis ces lignes de codes au bon endroit. Il y a une erreur?


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: Dim 18 Nov 2007 - 12:27    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

bonjour

essayes avec ça


 
Code: Sélectionner - Agrandir

background-image: url("http://img265.imageshack.us/img265/6729/design02am7.jpg");
 background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;  

_______________________


Forum
Auteur Message
Zel


Hors ligne
Invité




MessagePosté le: Dim 18 Nov 2007 - 12:39    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Sa ne fonctionne pas.

Mon image de fond apparait en plein centre de la page et laisse apparaitre la couleur de fond au dessus et en dessous


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: Dim 18 Nov 2007 - 12:41    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

sur quel forum??? car sur celui de ton profil il n'y a pas d'image

sinon enlève le center pour que ça prenne plus de place ou mets une image plus large pour couvrir les bandes de coté
_______________________


Forum
Auteur Message
Zel


Hors ligne
Invité




MessagePosté le: Dim 18 Nov 2007 - 12:43    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Non le problème est sur le forum de test. Smile
Et si je met scroll a la place de fixed pour mon fond d'écran?


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: Dim 18 Nov 2007 - 12:49    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

sur ton thème de test je vois bien l'image mais elle prend bien toute la largeur
sinon essayes avec not-fixed
_______________________


Forum
Auteur Message
Zel


Hors ligne
Invité




MessagePosté le: Dim 18 Nov 2007 - 12:54    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Non toujours pas malheureusement.

Oui mon fond prend toute la largeur de la page mais pas toute la hauteur bien sur.


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: Dim 18 Nov 2007 - 13:03    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

il faut mettre une image plus grande
_______________________


Forum
Auteur Message
Contenu Sponsorisé





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

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