probleme graphisme
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
probleme graphisme
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
Merci bien
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
Dernière édition par carousse le Jeu 20 Sep 2012 - 20:31, édité 1 fois
Re: probleme graphisme
double up
Re: probleme graphisme
carousse a écrit: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 ...
Re: probleme graphisme
a ben je voyais ca quand je l'enregistrait je vais essayer merci ^^
Re: probleme graphisme
j'ai trouver c'est l'hebergeur qui me réduisait la taille.
Merci bien
Merci bien
Sujets similaires
» Probléme de graphisme
» Problème de présentation et de mise en page pour " Dragon Graphisme 59 "
» Ma page d'accueil perd son graphisme
» Simple question graphisme
» Nouvelle categorie graphisme sans fond
» Problème de présentation et de mise en page pour " Dragon Graphisme 59 "
» Ma page d'accueil perd son graphisme
» Simple question graphisme
» Nouvelle categorie graphisme sans fond
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum