It is currently Fri 30 Sep 2016 - 03:31 - créer un forum

[Tuto] Installer une image de fond

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 378, 79, 80266, 267, 268  >

[Tuto] Installer une image de fond
Author Message
rooro





PostPosted: Fri 16 Nov 2007 - 18:17    Post subject: [Tuto] Installer une image de fond Reply with quote

PublicitéSupprimer les publicités ?
Previous post review:

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 ^^
Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Fri 16 Nov 2007 - 19:45    Post subject: [Tuto] Installer une image de fond Reply with quote

bonjour

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


 
Code: Sélectionner - Agrandir
ton template 

_______________________


Forum
Author Message
ramanaru


Offline
Guest




PostPosted: Fri 16 Nov 2007 - 20:09    Post subject: [Tuto] Installer une image de fond Reply with quote

a ok je vais te la passer

Last edited by ramanaru on Fri 16 Nov 2007 - 20:20; edited 2 times in total
Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Fri 16 Nov 2007 - 20:14    Post subject: [Tuto] Installer une image de fond Reply with quote

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

nomdethème.css le premier
_______________________


Forum
Author Message
ramanaru


Offline
Guest




PostPosted: Fri 16 Nov 2007 - 20:20    Post subject: [Tuto] Installer une image de fond Reply with quote

ah pardon c'est celui çi?
Quote:
/* 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');
 


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Fri 16 Nov 2007 - 20:22    Post subject: [Tuto] Installer une image de fond Reply with quote

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
Author Message
altair


Offline
Guest




PostPosted: Fri 16 Nov 2007 - 20:50    Post subject: [Tuto] Installer une image de fond Reply with quote

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
Quote:
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;

}


Author Message
rooro


Offline
Guest




PostPosted: Fri 16 Nov 2007 - 21:40    Post subject: [Tuto] Installer une image de fond Reply with quote

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

Author Message
Zel


Offline
Guest




PostPosted: Sun 18 Nov 2007 - 13:23    Post subject: [Tuto] Installer une image de fond Reply with quote

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?


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sun 18 Nov 2007 - 13:27    Post subject: [Tuto] Installer une image de fond Reply with quote

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
Author Message
Zel


Offline
Guest




PostPosted: Sun 18 Nov 2007 - 13:39    Post subject: [Tuto] Installer une image de fond Reply with quote

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


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sun 18 Nov 2007 - 13:41    Post subject: [Tuto] Installer une image de fond Reply with quote

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
Author Message
Zel


Offline
Guest




PostPosted: Sun 18 Nov 2007 - 13:43    Post subject: [Tuto] Installer une image de fond Reply with quote

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?


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sun 18 Nov 2007 - 13:49    Post subject: [Tuto] Installer une image de fond Reply with quote

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


Forum
Author Message
Zel


Offline
Guest




PostPosted: Sun 18 Nov 2007 - 13:54    Post subject: [Tuto] Installer une image de fond Reply with quote

Non toujours pas malheureusement.

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


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sun 18 Nov 2007 - 14:03    Post subject: [Tuto] Installer une image de fond Reply with quote

il faut mettre une image plus grande
_______________________


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 03:31    Post subject: [Tuto] Installer une image de fond

Display posts from previous:   
Reply to topic Page 79 of 268 Goto page: <  1, 2, 378, 79, 80266, 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