Image dans cadre forum ?

[Shon66]

Bonjour,

Est il possible de remplacer la couleur intérieure du cadre du forum (la ou il y a les topics qui est blanc pour moi) par une image de fond?
Merci

[Alyz]

Salut,

Il faut que tu remplisses et colles le code ci-dessous dans panneau d'admin -> affichage -> couleurs -> feuille de style CSS

Code:

.bodyline{
   background-image: url("http://adresse de ton image");
   }

Alyz.

[Shon66]

merci beaucoup je vais essayer de suite^^

[Shon66]

j'y arrive pas ça reste blanc :no :no

[Convivialite]

Bonjour

ça vient de ton image

l'url n'est pas bon

il faut une url qui se termine par JPG

Code:

http://www.servimg.com/image_preview.php?i=17&u=16380292

Amicalement

[Shon66]

Je vais réessayer

Merci beaucoup

[Shon66]

Je suis désolée mais j'y arrive toujours pas, toujours blanc :no :no

[Convivialite]

mets ta feuille de css ici que je regarde s'il n'y a pas quelque chose qui gène

[Shon66]

Code:

body{
background-position: top center;
background-repeat: repeat-x;
}

#submenu ul li a {
padding: 0px;
padding-top: 20px;
/padding-top: 0px;
margin: 0px;
border-bottom: none;
text-decoration: none;
background-color: transparent;
}

#submenu {
padding: 0px;
margin: 0px;
margin-left: 11px;
margin-top: 8px;
}

div#logostrip #main-title h1{
background-color: transparent;
padding: 0px;
margin: 0px;
}
#site-desc{
padding: 0px;
margin: 0px;
}
#userlinks{
background-color: transparent !important;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/cadre_16.png');
background-repeat: no-repeat;
width: 818px !important;
background-repeat: no-repeat;
padding: 0px 30px 0px 30px !important;
padding-top: 50px !important;
margin: 0px;
font-size : 0.8em;
color: #000;
border-bottom: none;
}

#userlinks.not-connected{
background-color: transparent !important;
border-bottom: 0px;
}
#userlinks ul{
margin-right: 50px;
}

#fa_ticker_block{
background-color: transparent !important;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/cadre_18.png');
min-height: 10px;
background-repeat: repeat-y;
border: none;
padding: 5px 30px 5px 30px;
margin-top : 0px !important;
margin-bottom : 0px !important;
}
#fa_ticker_container{
padding: 2px;
}

#fa_ticker{
background-image: none !important;
}

div.newslink{
background-color: transparent;
}
#outer-wrapper{
background-color: transparent !important;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/cadre_18.png');
width: 818px !important;
min-height: 10px;
padding:0px !important;
margin: 0px !important;
}
#wrapper{
background-color: transparent !important;
margin: 0px ;
padding-top: 25px;
margin: 0px 30px;
}

#gfooter{
background-color: transparent;
color: #000;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/cadre_20.png');
background-position: bottom ;
background-repeat: no-repeat;
height: 184px;
width: 818px;
margin:0px;
padding: 0px;
/margin-top: -16px;
}

#gfooter
.footer-links{
float: left;
padding-left: 0px;
margin-top: 25px !important;
font-size : 1.0em;
color: #000;
}

#gfooter a {
background-color: transparent;
color: #000 !important;
}


.current-time{
padding-right: 5px;
margin-right: 20px;
}

#qjump{
padding: 0px 0px 10px 30px;
}

table.ipbtable tfoot td{
background-color: transparent;
background-image: url('http://i10.servimg.com/u/f10/13/40/88/33/52der10.png');
background-repeat: no-repeat;
padding: 0px;
height: 20px;
border: none;
}

#navstrip li {
   float: left;
   margin: 0 5px;
   padding-left: 16px;
   background: url('http://i15.servimg.com/u/f15/11/95/30/70/1011.png') no-repeat left 50%;
   }
#navstrip li.begin {
   padding-left: 16px;
   background: url('http://i15.servimg.com/u/f15/11/95/30/70/1012.png') no-repeat left 50%;
   }
div.maintitle .expand,div.maintitle .contract {
   float: right;
   width: 30px;
   height: 20px;
   background: url('http://i15.servimg.com/u/f15/11/95/30/70/215.png') no-repeat 50% 50%;
   cursor: pointer;
   }
div.maintitle .expand {
   background: url('http://i15.servimg.com/u/f15/11/95/30/70/315.png') no-repeat 50% 50%;
   }

.popmenubutton a { 
padding: 1px 21px 2px 7px;
border-top: 1px dotted #00485E;
    background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/115.png');
    }

 
.box-content{
border-bottom: 0px;
}
div.maintitle{
padding-bottom: 4px;
padding-top: -4px;
margin: 0px;
}

.post-footer ul.posting-icons li{
padding-left: 3px;
}
td.row1, td.row2{
border: 1px dotted #00485E;
}

div.borderwrap{
padding: 0px;
margin: 0px;
}

#i_icon_mini_calendar:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/214.png');
}



#i_icon_mini_portal:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/711.png');
}
#i_icon_mini_groups:hover{
background-image: url('http://i10.servimg.com/u/f10/13/40/88/33/gro10.png');
}

#i_icon_mini_profile:hover{
background-image: url('http://i10.servimg.com/u/f10/13/40/88/33/416.png');
}

#i_icon_mini_members:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/314.png');
}

#i_icon_mini_gallery:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/514.png');
}

#i_icon_mini_faq:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/613.png');
}
#i_icon_mini_search:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/812.png');
}
#i_icon_mini_logout:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/910.png');
}

#i_icon_mini_login:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/114.png');
}

#i_icon_mini_index:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/acc10.png');
}

#i_icon_mini_message:hover{
background-image: url('http://i10.servimg.com/u/f10/13/40/88/33/messag10.png');
}

#i_icon_mini_register{
  background-image:url('http://i15.servimg.com/u/f15/11/95/30/70/s_enre10.png');
  width: 95px;
  height: 35px;
}
#i_icon_mini_register:hover{
  background-image:url('http://i15.servimg.com/u/f15/11/95/30/70/1013.png');
  width: 95px;
  height: 35px;
}

#i_icon_mini_new_message{
  background-image:url('http://i15.servimg.com/u/f15/11/95/30/70/mp_new10.png');
  width: 80px;
  height: 35px;
}
#i_icon_mini_new_message:hover{
  background-image:url('http://i15.servimg.com/u/f15/11/95/30/70/1112.png');
  width: 80px;
  height: 35px;
}

.tfooter{
margin: 0px;
padding: 0px;
}
.post{
background-image: url('http://i17.servimg.com/u/f17/13/37/59/52/b310.jpg');
background-repeat: repeat-x;
background-position: bottom;
padding: 0px;
padding-bottom: 25px;
border-bottom: none !important;
border-left: 1px dotted #00485E;
border-right: 1px dotted #00485E;
}

.search-footer-box { display: none; }
#search-box { display: none; }

.darkrow{
background-color: transparent;
background-image: url('http://i10.servimg.com/u/f10/13/40/88/33/52der10.png');
background-repeat: no-repeat;
padding: 0px;
height: 20px;
border: none;
}
.topic-footer{
background-color: transparent;
background-image: url('http://i10.servimg.com/u/f10/13/40/88/33/52der10.png');
background-repeat: no-repeat;
padding: 0px;
height: 20px;
border: none;
margin-top: 0px;
}
div.newslink{
background-color: transparent;
}
.box-content{
border-bottom: 0px;
}

div.borderwrap{
border: none;
-moz-box-shadow:  2px 2px 3px#888888;
-webkit-box-shadow:  2px 2px 3px #888888;
box-shadow: 2px 2px 3px #004707;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#848282', Direction=140, Strength=3);
zoom: 1;
}
.bar{
background-color: #FFF;
border: 1px dotted #00485E;
text-decoration: none;
}

.formsubtitle{
background-image: url('http://i17.servimg.com/u/f17/13/37/59/52/b310.jpg');
background-repeat: repeat-x;
background-position: bottom;
}

.posting-options .posting-buttons li{
margin-left : 4px;
margin-bottom: 0px;
padding-bottom: 0px;
}
.posting-options .posting-buttons{
margin-bottom: -7px;
padding-bottom: 0px;
}
.next-prev{
margin-right: 25px;
}
ul.privmsg li {
color: #000;
background-repeat: repeat;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: bottom;
overflow: visible;
vertical-align:middle;
border: 2px inset #fff;
}

ul.privmsg li a {
color: #000;
background-repeat: repeat;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: top;
overflow: visible;
vertical-align:middle;
border: 2px ridge #fff;
}

ul.privmsg li a:hover{
color: #35000c;
background-repeat: repeat;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: top;
border: 2px outset #fff;
}

ul.privmsg li a a:hover{
color: #35000c;
background-repeat: repeat;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: bottom;
border: 2px inset #fff;
}

button.button2, input.button2 {
color: #000000;
background-repeat: repeat-x;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: top;
overflow: visible;
vertical-align:middle;
border: 2px outset #fff;
}


button.button2:hover, input.button2:hover {
color: #000 ;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
color: #000000;
background-position: bottom;
border: 2px inset #fff;
}

.button, .mainoption{
color: #000 ;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: top;
border: 2px outset #fff;
}

.button:hover, .mainoption:hover{
color: #000 ;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: bottom;
border: 2px inset #fff;
}

.module .maintitle{
background-color: transparent !important;
color: #002832;
background-image: url('http://i10.servimg.com/u/f10/13/40/88/33/b410.jpg');
background-repeat: repeat-x;
height: 27px;
padding-top: 4px;
margin-bottom: -9px;
}

.module .box-content{
border-style: dotted;
border-width: 1px;
border-color:  #535353 #6b6b6b #433f3f #212326;
}
#profile-advanced-layout{
float:none;
margin: 0px;
padding: 0px;
width: 818px;
}

#profile-advanced-left{
float : none;
margin: 5px;
padding: 3px;
width: 750px;
}

#profile-advanced-right{
float: none;
margin: 5px;
padding: 3px;
margin-bottom: 0px;
width: 750px;
}


.bodyline{
  background-image: url("http://i28.servimg.com/u/f28/16/38/02/92/lez3_b10.jpg");
  }

Voilà ! encore merci

[Convivialite]

cherche ces 3 codes et supprime l'url de l'image qu'ils contiennent

Code:

#userlinks{
background-color: transparent !important;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/cadre_16.png');
background-repeat: no-repeat;
width: 818px !important;
background-repeat: no-repeat;
padding: 0px 30px 0px 30px !important;
padding-top: 50px !important;
margin: 0px;
font-size : 0.8em;
color: #000;
border-bottom: none;
}


#fa_ticker_block{
background-color: transparent !important;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/cadre_18.png');
min-height: 10px;
background-repeat: repeat-y;
border: none;
padding: 5px 30px 5px 30px;
margin-top : 0px !important;
margin-bottom : 0px !important;
}


#outer-wrapper{
background-color: transparent !important;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/cadre_18.png');
width: 818px !important;
min-height: 10px;
padding:0px !important;
margin: 0px !important;
}

par contre , ton image n'ira pas

elle fait 82X124

elle est beaucoup trop petite

ou alors il faut qu'elle se répète

voici le nouveau code

Code:

.bodyline{
  background-image: url("http://i28.servimg.com/u/f28/16/38/02/92/lez3_b10.jpg");
background-repeat: repeat;
background-position: top center;
}

[Shon66]

quelle dimension elle devrait faire pour qu'elle n'ait pas besoin de se répéter ?

[Convivialite]

c'est qu'elle version ton forum ??

le code risque de ne pas marcher

rempli ton profil si tu veux que l'on puisse t'aider correctement

[Shon66]

un invision

Ok je vais remplir mon profil

[Convivialite]

donc le code ne marchera pas

il te faut une image de 818px de large
c'est la taille de ton forum

[Shon66]

du fait que c'est un invision je ne peux pas y mettre d'image ?

[Convivialite]

si bien sur mais pas avec le code que je t'ai donné

je te conseille de mettre plutôt une texture , car une image sera cachée par ton forum

c'est là qu'il faut la mettre

tu n'as que l'url a changer

Code:

#userlinks{
background-color: transparent !important;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/cadre_16.png');
background-repeat: repeat;
width: 818px !important;
padding: 0px 30px 0px 30px !important;
padding-top: 50px !important;
margin: 0px;
font-size : 0.8em;
color: #000;
border-bottom: none;
}


#fa_ticker_block{
background-color: transparent !important;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/cadre_18.png');
background-repeat: repeat;
border: none;
padding: 5px 30px 5px 30px;
margin-top : 0px !important;
margin-bottom : 0px !important;
}


#outer-wrapper{
background-color: transparent !important;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/cadre_18.png');
background-repeat: repeat;
width: 818px !important;
padding:0px !important;
margin: 0px !important;
}

voici un lien

http://www.grsites.com/archive/textures/

et un autre

http://www.backgroundlabs.com/

[Shon66]

je te remercie beaucoup

[Convivialite]

Contente d'avoir pu t'aider