Bonsoir voilà j'ai un petit soucie, j'aimerais faire en sorte que mon images de fond de mon site Mon sitefasse toutes la pages, mais je n'y arrive pas si j'étire l'image sa crade, auriez vous une idées, j'ai bien essayez de faire les modif dans le fichier css, mais rien à faire, et je suis à cours d'idées.

table {
background-color: transparent;
width: 80%;
font-size: small
}
table td {
background-color: transparent;
padding: 0;
border-width: 0;
vertical-align: top;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#content {
background-color : #8dc0e3;
padding: 5px;
text-align: left;
}

div#content td {
background-color : #b2d4ec;
padding: 3px;

}

body {
background-image: url(images/fond.jpg);
font-family: Tahoma, taipei;
color;#333333;
font-size: 12px

}

a {
font-family: Tahoma, taipei;
font-size: 12px;
text-decoration: none;
color: #0c0f8a;
font-weight:bold;
}
a:hover {
text-decoration: underline overline;
font-family: Tahoma, taipei;
font-size: 12px;
color: #778899;
font-style: normal
}

td {
border-width:1px; font-family: Tahoma, taipei; color: #333333;
font-size: 12px;

}

input {
border-width:1px; background-color : #e7e3e3;
color : #666666;
font-family : Tahoma, taipei, Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : normal;
border-color : #666666;
text-indent : 2px
}

textarea {
border-width:1px; font-family: Tahoma, taipei, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background-color : #8ec0e3;
font-weight : bold;
border-color : #666666;
text-indent : 2px
}

select {
font-family: Tahoma, taipei, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight : bold;
background-color : #7ac8e8;
}

img { border: 0;}

ul {
margin: 2px;
padding: 2px;
list-style: decimal inside;
text-align: left;
}

li {
margin-left: 2px;
list-style: disc inside;
}

.odd {
background-color: #8ec0e3;
}

.outer {
border:solid 1px #c0c0c0;
background-color: #8ec0e3;
}

.even {
background-color: #efefef;
}

th {
background-color : #ffffff;
text-align: left;
padding: 3px;
color:#000000;
}

.head {
color:#000080;
background-color : #8ec0e3;
padding: 3px;
}

.foot {
color:#000080;
background-color : #ffffff;
padding: 3px;
}

.comTitle {
font-weight: bold;
margin-bottom: 2px;
}
.comText {
padding: 10px;
}

.comUserStat {
font-size: 10px;
color: #333333;
font-weight:bold;
border: 1px solid #cccccc;
background-color: #ffffff;
margin: 2px;
padding: 2px;
}

.comUserStatCaption {font-weight: normal;}

.comUserStatus {
margin-left: 2px;
margin-top: 10px;
color: #333333;
font-weight:bold;
font-size: 10px;
}
.comUserRank {margin: 2px;}

.comUserRankText {
font-size: 10px;
font-weight:bold;
}

.comUserRankImg {border: 0;}

.comUserName {}

.comUserImg {margin: 2px;}

.comDate {
font-weight: normal;
font-size: smaller
}

.comDateCaption {
font-weight: bold;
font-style: normal;
}

.item {border: 1px solid #cccccc;}

.itemHead {
background-color : #bad9ee;
background-repeat:repeat-y;
color: #333399;
padding: 4px;
font-weight: bold;
text-align: left;
}
.itemInfo {
text-align: right;
padding: 3px;
background-color: #bad9ee;
}
.itemTitle a {
font-weight: bold;
color: #0000ff;
background-color: #f5f5f5;
}
.itemPoster {font-size: 90%; }

.itemPostDate {font-size: 90%;}

.itemStats {font-size: 90%;}

.itemBody {
padding: 7px;
text-align: left;
background-color : #f5f5f5;
background-repeat:repeat-y;
background-position:right;
}
.itemText {
margin-top: 5px;
margin-bottom: 5px;
line-height: 1.5em;
}
.itemFoot {
text-align: right;
padding: 3px;
background-color: #f5f5f5;
}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}

.blockTitle {
background-color :#8dc0e3;
color: #000000;
padding: 3px;
font-size:14px;
font-weight: bold;
border-top:double 3px #6495ed;
border-bottom:double 3px #6495ed;
}

.blockTitle2 {
background-color : #8dc0e3;
color: #000000;
padding: 2px;
font-weight: bold;
text-align:center;
border: double 3px #c0c0c0;
}

.blockContent {
background-color: transparent;
padding: 2px;
text-align:left;
}

.blockContent2 {
background-color: transparent;
background-repeat:no-repeat;
background-position:right bottom;
padding: 7px;
color:#666666;
text-align:left;
border-left:double 3px #c0c0c0;
border-right:double 3px #c0c0c0;
border-bottom:double 3px #c0c0c0;
}

.l{
background-color : transparent;
background-repeat:repeat-y;
border-right:solid 1px #efefef;
}
.r{
background-color : transparent;
background-repeat:repeat-y;
background-position:right;
border-left:solid 1px #efefef;
}

table.outline{
border: double 4px #c0c0c0;
}

hr{
border:solid 1px #6495ed;
}

.bar{
background-color : transparent;
height:22px;
}

td#mainmenu a {border:solid 1px #ffffff;text-decoration:none}
td#mainmenu a:hover {border:solid 1px #ffffff;text-decoration:none}
td#mainmenu a.menuTop {border:solid 1px #ffffff;text-decoration:none}
td#mainmenu a.menuMain {border:solid 1px #ffffff;text-decoration:none}
td#mainmenu a.menuSub {border:solid 1px #ffffff;text-decoration:none}

td#usermenu a {border:solid 1px #ffffff;text-decoration:none}
td#usermenu a:hover {border:solid 1px #ffffff;text-decoration:none}
td#usermenu a.menuTop {border:solid 1px #ffffff;text-decoration:none}
td#usermenu a.highlight {border:solid 1px #ffffff;text-decoration:none}

div.xoopsCode {
background-color : #f5f5f5;
border-left:solid 5px #c0c0c0;
}
div.xoopsQuote {
background-color : #f5f5f5;
border-left:solid 5px #c0c0c0;
}

bonsoir,

as-tu essayé de mettre l'image en background au niveau de la balise body du theme?

tu peut faire un petit tour içi

Elargir l'image et mettre dans la balise html de la feuille de slye

-- >>>
background-image:url(/themes/lethemeselectionner/images/imagesselectionner.jpg);
background-position:center;
background-repeat:no-repeat;
background-attachment:fixed;

on peut aussi ajouter pour une mosaique vertical ou horizontal ==

background-repeat:repeat-x;

ou background-repeat:repeat-y;

Citation :

Génial, une petite question toutefois, si je change l'image de fond et que je tape le code plus haut ... est ce que je risque de " planter " le forum ?

par exemple, si les images de fond ne sont pas de dimensions identiques ni de meme poids ect ?

Merci d'avance :)

Edité pour précisions

Exemple j'ai une image de fond je la change par une autre qui portera le même nom forcément et je modifie la feuille.css en tapant ceci :

body {
background-image : url('images/fond.jpg');
background-attachment:fixed;
font-family: Tahoma, taipei;
color; #333333

est ce que je risque de faire une erreur ? Un plantage ?
Si l'image actuelle fond.jpg n'a pas les mêmes propriétés que celle que je souhaite placer dans le ftp à la place ?

Mon image je veux juste qu'elle soit fixe et je ne veux surtout pas l'étirer ...

Salut ,
tant que vous respectez le mode d'encodage de la feuilles css,
rien ne peut planter par contre il suffit d'une simple erreur toute bête ( ce que je fais souvent car trop fatigué donc manque d'attention ) du style oublier un " ; " ou " : " ou autre et berdaffe là on change de midi a quatorze heure alors que c'est bête comme chou

Vous pouvez mettre n'importe quel image mais tâche de faire en sorte qu'elle ne soit pas trop lourd tout de même ben vi sinon le temps de chargement de la page ben ça va pas le faire ( la première fois tout au moins car après il utiles l'image mis en cache )

Donc concrétement tout et bon pour autant que vous respecter le code CSS .... bonne amusement!

bas je vous remercie de tout c'est détail je vais essayez avec tout ce que vous m'avez dis de m'en sortir.

merci encore