probleme graphisme

[carousse]

Bonjour à tous.

J'ai utiliser un thème histkin ou il y a cette image https://2img.net/r/hpimg15/pics/685965LONNNNG.png

J'ai utiliser la meme base le meme dimension https://2img.net/r/ihimg/a/img688/8015/fond1w.png

mais ceci ne prend pas tout le fond comme j'ai en ce moment ici http://rpg-harry-potter.lebonforum.com/

Dans le thème il n'utilise pas les images c'est que un code CSS le voici pourriez vous m'aider. J'ai essayer également d'augmenter les pixel de mon image, mais au contraire sur le forum c'était même plus petit.

Aidez moi s'il vous plait.

Voici le CSS

Code:

/* css de base NE PAS EFFACER */

body
{
background-image: url(http://img15.hostingpics.net/pics/685965LONNNNG.png);
background-position: top center;
background-repeat: no-repeat;
background-color: #365F7D;
background-attachment: scroll !important;
}

a:hover
{
text-decoration: none !important;
}

#i_logo
{
height: 950px;
}

#i_icon_mini_index
{
width: 100px;
height: 130px;
background: url(http://img15.hostingpics.net/pics/660385accueilnor.png);
}
#i_icon_mini_index:hover
{
background: url(http://img15.hostingpics.net/pics/506714accueiltouch.png);
}

#i_icon_mini_faq
{
width: 100px;
height: 130px;
background: url(http://img15.hostingpics.net/pics/129484FAQ.png);
}
#i_icon_mini_faq:hover
{
background: url(http://img15.hostingpics.net/pics/989888faqtouch.png);
}

#i_icon_mini_search
{
width: 100px;
height: 130px;
background: url(http://img15.hostingpics.net/pics/745319search.png);
}
#i_icon_mini_search:hover
{
background: url(http://img15.hostingpics.net/pics/202947searchtouch.png);
}

#i_icon_mini_members
{
width: 100px;
height: 130px;
background: url(http://img15.hostingpics.net/pics/567321membres.png);
}
#i_icon_mini_members:hover
{
background: url(http://img15.hostingpics.net/pics/541492membrestouch.png);
}

#i_icon_mini_groups
{
width: 100px;
height: 130px;
background: url(http://img15.hostingpics.net/pics/487748groupes.png);
}
#i_icon_mini_groups:hover
{
background: url(http://img15.hostingpics.net/pics/333654groupestouch.png);
}

#i_icon_mini_profile
{
width: 100px;
height: 130px;
background: url(http://img15.hostingpics.net/pics/417059profil.png);
}
#i_icon_mini_profile:hover
{
background: url(http://img15.hostingpics.net/pics/600409profiltouch.png);
}

#i_icon_mini_message
{
width: 100px;
height: 130px;
background: url(http://img15.hostingpics.net/pics/743496message.png);
}
#i_icon_mini_message:hover
{
background: url(http://img15.hostingpics.net/pics/585901messagetouch.png);
}

#i_icon_mini_new_message
{
width: 100px;
height: 130px;
background: url(http://img15.hostingpics.net/pics/846718neeeeewmessage.png);
}

#i_icon_mini_logout
{
width: 100px;
height: 130px;
background: url(http://img15.hostingpics.net/pics/464675Off.png);
}
#i_icon_mini_logout:hover
{
background: url(http://img15.hostingpics.net/pics/333122Offtouch.png);
}

#i_icon_mini_register
{
width: 100px;
height: 130px;
background: url(http://img15.hostingpics.net/pics/484698rejoindretouch.png);
}

#i_icon_mini_login
{
width: 100px;
height: 130px;
background: url(http://img15.hostingpics.net/pics/45890035On.png);
}
#i_icon_mini_login:hover
{
background: url(http://img15.hostingpics.net/pics/402099Ontouch.png);
}


#page-body
{
margin-top: 150px;
background-color: #d2edff;
border-top: 5px solid #081d18;
border-bottom: 5px solid #081d18;
border-left: 1px solid #081d18;
border-right: 1px solid #081d18;
box-shadow: 0px 0px 5px #081d18;
-moz-box-shadow: 0px 0px 5px #081d18;
-o-box-shadow: 0px 0px 5px #000000;
-htm-box-shadow: 0px 0px 5px #000000;
-webkit-box-shadow: 0px 0px 5px #000000;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 20px;
}

.bodylinewidth
{
width: 980px;
margin: auto;
}

.forumline
{
width: 95%;
margin-left: auto;
margin-right: auto;
background: url(http://i35.servimg.com/u/f35/12/75/86/48/fond10.png) top left no-repeat #6c7b84;
margin-top: 10px;
margin-bottom: 10px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 20px;
border: 1px solid #1d1f1d;
box-shadow: 0px 0px 4px #292222;
-moz-box-shadow: 0px 0px 4px #292222;
-o-box-shadow: 0px 0px 4px #000000;
-htm-box-shadow: 0px 0px 4px #000000;
-webkit-box-shadow: 0px 0px 4px #000000;
}

table
{
width: 95%;
margin: auto;
}


.secondarytitle
{
letter-spacing: 2px;
font-family: courier;
font-variant: small-caps;
text-shadow: 1px 1px 0px #000000;
}

a.forumlink
{
display: block;
border-left: 5px solid #84969b;
border-bottom: 1px solid #84969b;
padding-left: 10px;
margin-left: 10px;
font-size: 24px;
font-family: courier;
font-weight: bold;
text-shadow: 0px 0px 1px #000000;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

a.forumlink:hover
{
display: block;
border-left: 5px solid #c2e9f4;
border-bottom: 1px solid #c2e9f4;
font-style: italic;
padding-left: 100px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}



#page-footer
{
height: 180px;
background: url() bottom center no-repeat;
margin-bottom: -40px;
}

#page-footer a
{
font-size: 10px;
}





#qeel1
{
width: 850px;
margin-left: auto;
margin-right: auto;
height: 500px;
}
.onglet1, .onglet2, .onglet3
{
display: inline-block;
width: 120px;
height: 30px;
margin-left: 20px;
background: #161718;
border-top: 1px solid #1d1f1d;
border-left: 1px solid #1d1f1d;
border-right: 1px solid #1d1f1d;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
text-align: center;
}
.onglet1:hover, .onglet2:hover, .onglet3:hover
{
background: url(http://img4.hostingpics.net/pics/516061fondonglet.png) top repeat-x #161718;
}
.onglet1 a, .onglet2 a, .onglet3 a
{
display: block;
padding-top: 6px;
font-weight: bold;
text-decoration: none !important;
}
.onglet1 a:hover, .onglet2 a:hover, .onglet3 a:hover
{
color: #d7c99c !important;
text-shadow: 1px 1px 0px #282223;
}
.contenu
{
display: block;
height: 300px;
background: url(http://img4.hostingpics.net/pics/518598qeelfond4.jpg) center no-repeat #161718;
border: 1px solid #1d1f1d;
box-shadow: 0px 0px 4px #000000;
-moz-box-shadow: 0px 0px 4px #000000;
-o-box-shadow: 0px 0px 4px #000000;
-htm-box-shadow: 0px 0px 4px #000000;
-webkit-box-shadow: 0px 0px 4px #000000;
}
#contenu1, #contenu2, #contenu3
{
display: none;
}
#qeel1:target #contenu1
{
display: block;
height: 300px;
overflow: hidden;
background: url(http://img4.hostingpics.net/pics/176231qeelfond1.jpg) center no-repeat #161718;
border: 1px solid #1d1f1d;
box-shadow: 0px 0px 4px #000000;
-moz-box-shadow: 0px 0px 4px #000000;
-o-box-shadow: 0px 0px 4px #000000;
-htm-box-shadow: 0px 0px 4px #000000;
-webkit-box-shadow: 0px 0px 4px #000000;
font-size: 11px;
}
#qeel2:target #contenu2
{
display: block;
height: 300px;
overflow: hidden;
background: url(http://img11.hostingpics.net/pics/882912qeelfond5.jpg) center no-repeat #161718;
border: 1px solid #1d1f1d;
box-shadow: 0px 0px 4px #000000;
-moz-box-shadow: 0px 0px 4px #000000;
-o-box-shadow: 0px 0px 4px #000000;
-htm-box-shadow: 0px 0px 4px #000000;
-webkit-box-shadow: 0px 0px 4px #000000;
font-size: 11px;
}
#qeel3:target #contenu3
{
display: block;
height: 300px;
overflow: hidden;
background: url(http://img4.hostingpics.net/pics/337749qeelfond3.jpg) center no-repeat #161718;
border: 1px solid #1d1f1d;
box-shadow: 0px 0px 4px #000000;
-moz-box-shadow: 0px 0px 4px #000000;
-o-box-shadow: 0px 0px 4px #000000;
-htm-box-shadow: 0px 0px 4px #000000;
-webkit-box-shadow: 0px 0px 4px #000000;
font-size: 11px;
}
.qeel_content
{
width: 400px;
height: 260px;
overflow: auto;
margin: 10px;
padding: 6px;
font-size: 11px;
background: #89939a;
border-top: 5px solid #28282a;
border-bottom: 5px solid #28282a;
border-left: 1px solid #28282a;
border-right: 1px solid #28282a;
box-shadow: 0px 0px 5px #000000;
-moz-box-shadow: 0px 0px 5px #000000;
-o-box-shadow: 0px 0px 5px #000000;
-htm-box-shadow: 0px 0px 5px #000000;
-webkit-box-shadow: 0px 0px 5px #000000;
}
.qeel_content a
{
text-decoration: none !important;
}






.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}

Merci bien

[carousse]

up

[carousse]

double up

[Scoubifitz]

Bonjour à tous.

J'ai utiliser un thème histkin ou il y a cette image https://2img.net/r/hpimg15/pics/685965LONNNNG.png

J'ai utiliser la meme base le meme dimension https://2img.net/r/ihimg/a/img688/8015/fond1w.png

mais ceci ne prend pas tout le fond comme j'ai en ce moment ici http://rpg-harry-potter.lebonforum.com/

Dans le thème il n'utilise pas les images c'est que un code CSS le voici pourriez vous m'aider. J'ai essayer également d'augmenter les pixel de mon image, mais au contraire sur le forum c'était même plus petit.

Aidez moi s'il vous plait.

Voici le CSS

Code:

/* css de base NE PAS EFFACER */

body
{
background-image: url(http://img15.hostingpics.net/pics/685965LONNNNG.png);
background-position: top center;
background-repeat: no-repeat;
background-color: #365F7D;
background-attachment: scroll !important;
}

Merci bien

bonjour,

La première image fait 1600 x 2400 px , la deuxième image fait 533 x 800 px , soit trois fois moins ...

[carousse]

a ben je voyais ca quand je l'enregistrait je vais essayer merci ^^

[carousse]

j'ai trouver c'est l'hebergeur qui me réduisait la taille.

Merci bien