probleme graphisme

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu probleme graphisme

Message par carousse le Dim 16 Sep 2012 - 14:44

Bonjour à tous.

J'ai utiliser un thème histkin ou il y a cette image http://img15.hostingpics.net/pics/685965LONNNNG.png

J'ai utiliser la meme base le meme dimension http://imageshack.us/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


Dernière édition par carousse le Jeu 20 Sep 2012 - 20:31, édité 1 fois

carousse
*****

Messages : 809
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme graphisme

Message par carousse le Mar 18 Sep 2012 - 22:45

up

carousse
*****

Messages : 809
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme graphisme

Message par carousse le Jeu 20 Sep 2012 - 16:47

double up

carousse
*****

Messages : 809
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme graphisme

Message par Scoubifitz le Jeu 20 Sep 2012 - 19:50

@carousse a écrit:Bonjour à tous.

J'ai utiliser un thème histkin ou il y a cette image http://img15.hostingpics.net/pics/685965LONNNNG.png

J'ai utiliser la meme base le meme dimension http://imageshack.us/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 ...

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme graphisme

Message par carousse le Jeu 20 Sep 2012 - 19:56

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

carousse
*****

Messages : 809
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: probleme graphisme

Message par carousse le Jeu 20 Sep 2012 - 20:08

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

Merci bien

carousse
*****

Messages : 809
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum