Module partager cette page

[bihabib]

Salut
voila j'ai installer le module partager cette page suivant ce tuto https://forum.forumactif.com/t290177-installer-un-module-partager
mais le résultat ce que j'arrive pas a avoir une ligne droite comme ceci

au contraire j'ai ceci:



bien à vous tous

[Scipion]

Bonjour !

Pour me permettre d'effectuer un test, veuillez me donner svp le contenu CSS et le script que vous avez installés.

Cordialement

[bihabib]

Merci our ta collaboration
le contenu CSS

Code:

.sharing-cl{
overflow:hidden;
margin:-20px 0 0 0;
padding:0;
list-style:none;
width:530px;
}
.sharing-cl a{
overflow:hidden;
width:75px;
height:20px;
float:left;
margin-right:5px;
text-indent:-200px;
background:url(http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.png) no-repeat;
}
a.sh-su{background-position:-210px -40px;}
a.sh-feed{background-position:-70px -40px;}
a.sh-tweet{background-position:-140px -40px;}
a.sh-mail{background-position:0 -40px;}
a.sh-digg{background-position:-280px -40px;}
a.sh-face{
margin-right:0;
background-position:-350px -40px;
}
a.sh-mail:hover{background-position:0 1px;}
a.sh-feed:hover{background-position:-70px 1px;}
a.sh-tweet:hover{background-position:-140px 1px;}
a.sh-su:hover{background-position:-210px 1px;}
.sh-digg:hover{background-position:-280px 1px;}
a.sh-face:hover{
background-position:-350px 1px;
}
#text{
margin-top:5px;
font-weight:bold;
font-family:helvetica,arial,sans-serif;
}
#text a{
text-indent:0;
height:auto;
text-align:center;
font-size:11px;
padding-top:35px;
color:#999;
text-decoration:none;
}

Avec PhpBB2 :
* j'ai Collé ce code :

Code:

Code:

<script type=text/javascript src=http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partagerphpbb2.js></script>

Merci d'avance

[Scipion]

Bonjour !

La partie CSS et le script du module Partager que vous utilisez sont conformes, j'obtiens un affichage correct sur mon forum, exactement identique à votre première capture et au tutoriel.

Essayez svp de supprimer les cookies du forum et de vider le cache de votre navigateur Firefox, par appui simultané sur CTRL+F5.

Cordialement

[bihabib]

Bonjour !

La partie CSS et le script du module Partager que vous utilisez sont conformes, j'obtiens un affichage correct sur mon forum, exactement identique à votre première capture et au tutoriel.

Essayez svp de supprimer les cookies du forum et de vider le cache de votre navigateur Firefox, par appui simultané sur CTRL+F5.

Cordialement

MERCI j'ai vider les caches et j'ai mm changer de PC et toujours la mm chose, lignes des icônes non droite
bien à vous

[Scipion]

Bonsoir !

En visitant votre forum j'ai remarqué un bouton Facebook (j'aime) à peu près au même endroit, essayez de l'enlever temporairement juste pour voir s'il ne s'agit pas d'un conflit.

Cordialement

[bihabib]

OK mais je suis pas fort pour les codes, j'arrive pas à le faire peux tu STP faire ce petite rectification pour voir

Code:



sharing-cl{
overflow:hidden;
margin:-20px 0 0 0;
padding:0;
list-style:none;
width:530px;
}
.sharing-cl a{
overflow:hidden;
width:75px;
height:20px;
float:left;
margin-right:5px;
text-indent:-200px;
background:url(http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.png) no-repeat;
}
a.sh-su{background-position:-210px -40px;}
a.sh-feed{background-position:-70px -40px;}
a.sh-tweet{background-position:-140px -40px;}
a.sh-mail{background-position:0 -40px;}
a.sh-digg{background-position:-280px -40px;}
a.sh-face{
margin-right:0;
background-position:-350px -40px;
}
a.sh-mail:hover{background-position:0 1px;}
a.sh-feed:hover{background-position:-70px 1px;}
a.sh-tweet:hover{background-position:-140px 1px;}
a.sh-su:hover{background-position:-210px 1px;}
.sh-digg:hover{background-position:-280px 1px;}
a.sh-face:hover{
background-position:-350px 1px;
}
#text{
margin-top:5px;
font-weight:bold;
font-family:helvetica,arial,sans-serif;
}
#text a{
text-indent:0;
height:auto;
text-align:center;
font-size:11px;
padding-top:35px;
color:#999;
text-decoration:none;
}



[Scipion]

Il ne s'agit pas de ce code css, mais plutôt le code ou le script du bouton "J'aime" de Facebook que vous avez sur le forum en bas à droite. Vous devez l'enlever temporairement pour voir.

Sinon, vous me donnez tout le contenu de votre feuille css pour effectuer un test sur mon forum.

Cordialement

[bihabib]

Ok à toi et merci d'avance

Code:

body{
background-position: center;
}
#i_logo{
margin-top: -18px;
/margin-top: -26px;
margin-bottom: -162px;
/margin-bottom: -164px;
position:enherid;
/position:relative;
}
.mainmenu ul li a {
padding: 0px;
margin: 0px;
text-decoration: none;
position:relative;
}
.mainmenu{
background-color: transparent;
position:relative;
margin: 0px;
padding: 0px;
}
#page-body{
margin-top: 84px;
margin-left: 20px;
margin-right: 20px;
}
th{
border: 1px solid #7ccafc;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}
.forumline,
.row1, .row2, .row3, td.row3Right {
-moz-border-radius:7px;
-webkit-border-radius:7px;
}
td.catBottom, td.catHead, th.thHead, td.thHead, td.thLeft, td.catLeft, td.thRight, td.catRight{
border: 1px solid #83c0ff;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}
#fa_ticker_block{
background-color: transparent !important;
border: none;
padding: 5px 40px 5px 40px;
margin-top : 80px !important;
margin-bottom : -50px !important;
}
#fa_ticker_container{
padding: 2px;
}
#fa_ticker{
background-image: none !important;
}
.row1, .row2{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f210.jpg');
border: 1px solid #00336E;
}
.row1:hover, .row2:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f410.jpg');
border: 1px solid #00336E;
}
.row1:hover, .row2:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f410.jpg');
border: 1px solid #00336E;
}
.row3, .row3Right{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f410.jpg');
border: 1px solid #00336E;
}
.row3:hover, .row3Right:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f210.jpg');
border: 1px solid #00336E;
}
#i_icon_mini_index{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_010.png');
width: 49px;
height: 55px;
}
#i_icon_mini_calendar{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_017.png');
width: 44px;
height: 55px;
}
#i_icon_mini_gallery{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_013.png');
width: 44px;
height: 55px;
}
#i_icon_mini_portal{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_011.png');
width: 41px;
height: 55px;
}
#i_icon_mini_faq{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_014.png');
width: 41px;
height: 55px;
}
#i_icon_mini_search{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_015.png');
width: 48px;
height: 55px;
}
#i_icon_mini_groups{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_018.png');
width: 40px;
height: 55px;
}
#i_icon_mini_members{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_019.png');
width: 37px;
height: 55px;
}
#i_icon_mini_profile{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_020.png');
width: 46px;
height: 55px;
}
#i_icon_mini_logout{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/off_1110.png');
width: 48px;
height: 55px;
}
#i_icon_mini_login{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_111.png');
width: 48px;
height: 55px;
}
#i_icon_mini_message{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_110.png');
width: 52px;
height: 55px;
}
#i_icon_mini_new_message{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/mp_new11.png');
width: 52px;
height: 55px;
}
#i_icon_mini_register{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/nous_r10.png');
width: 48px;
height: 55px;
}
#i_icon_mini_index:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_10.png');
width: 49px;
height: 55px;
}
#i_icon_mini_calendar:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_15.png');
width: 44px;
height: 55px;
}
#i_icon_mini_gallery:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_12.png');
width: 44px;
height: 55px;
}
#i_icon_mini_portal:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/portai10.png');
width: 41px;
height: 55px;
}
#i_icon_mini_faq:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_13.png');
width: 41px;
height: 55px;
}
#i_icon_mini_search:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_14.png');
width: 48px;
height: 55px;
}
#i_icon_mini_groups:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_16.png');
width: 40px;
height: 55px;
}
#i_icon_mini_members:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_17.png');
width: 37px;
height: 55px;
}
#i_icon_mini_profile:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_18.png');
width: 46px;
height: 55px;
}
#i_icon_mini_logout:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_20.png');
width: 48px;
height: 55px;
}
#i_icon_mini_login:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/on_1110.png');
width: 48px;
height: 55px;
}
#i_icon_mini_message:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/mp_1010.png');
width: 52px;
height: 55px;
}
#i_icon_mini_new_message:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_19.png');
width: 52px;
height: 55px;
}
#i_icon_mini_register:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/1_0510.png');
width: 48px;
height: 55px;
}
.post .row1{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f410.jpg');
border: 1px solid #00336E;
}
.post .row1:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f210.jpg');
border: 1px solid #00336E;
}
.post .row2{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f210.jpg');
border: 1px solid #00336E;
}
.post .row2:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f410.jpg');
border: 1px solid #00336E;
}
.module .maintitle{
background-image: url('http://i69.servimg.com/u/f69/13/59/02/79/f112.jpg');
}
.module .box-content{
border-width: 1px ;
border-style: solid;
border-color: #2c7ab7  #0073b3 #0073b3 #2c7ab7;
}
input.liteoption {
background-color : #d9e5f5;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/oo10.jpg');
background-position: top;
font-weight : bold;
color: #000;
}
input.liteoption:hover {
background-color : #d9e5f5;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/tex110.jpg');
background-position: top;
font-weight : bold;
color: #000;
}
input.mainoption {
background-color : #d9e5f5;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/oo10.jpg');
background-position: top;
font-weight : bold;
color: #000;
}
input.mainoption:hover {
background-color : #d9e5f5;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/tex110.jpg');
background-position: top;
font-weight : bold;
color : #000;
}
.button, .mainoption{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/oo10.jpg');
background-position:bottom;
}
.button:hover, .mainoption:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/tex110.jpg');
background-position: top;
}
button.button2, input.button2 {
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/oo10.jpg');
background-position: top;
}
button.button2:hover, input.button2:hover {
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/tex110.jpg');
background-position:bottom;
}

/* Début - style pour vérification pseudo à l'inscription */
#username_reg {
  color: #a90c0c;
}
#username_reg.okusername {
  color: #2f9122;
}
/* Fin - style pour vérification pseudo à l'inscription */

/* Début icone En ligne et Hors ligne */

#post_onlin{
background: url('http://i68.servimg.com/u/f68/13/98/08/34/e8fc2410.png') no-repeat;
width: 25px;
height: 27px;
padding:0;
border: 0;
}
/* Fin icone En lige et Hors ligne*/

/*Debut:Installer un module "facebooc, twitre rsss" ! */

sharing-cl{
overflow:hidden;
margin:-20px 0 0 0;
padding:0;
list-style:none;
width:530px;
}
.sharing-cl a{
overflow:hidden;
width:75px;
height:20px;
float:left;
margin-right:5px;
text-indent:-200px;
background:url(http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.png) no-repeat;
}
a.sh-su{background-position:-210px -40px;}
a.sh-feed{background-position:-70px -40px;}
a.sh-tweet{background-position:-140px -40px;}
a.sh-mail{background-position:0 -40px;}
a.sh-digg{background-position:-280px -40px;}
a.sh-face{
margin-right:0;
background-position:-350px -40px;
}
a.sh-mail:hover{background-position:0 1px;}
a.sh-feed:hover{background-position:-70px 1px;}
a.sh-tweet:hover{background-position:-140px 1px;}
a.sh-su:hover{background-position:-210px 1px;}
.sh-digg:hover{background-position:-280px 1px;}
a.sh-face:hover{
background-position:-350px 1px;
}
#text{
margin-top:5px;
font-weight:bold;
font-family:helvetica,arial,sans-serif;
}
#text a{
text-indent:0;
height:auto;
text-align:center;
font-size:11px;
padding-top:35px;
color:#999;
text-decoration:none;
}
/*Fin:Installer un module "facebooc, twitre rsss" ! */



[Scipion]

Le code de votre feuille css comporte plusieurs erreurs, il ne veut pas s'afficher. Faites moi une autre copie svp.

Cordialement

[bihabib]

ok

Code:

body{
background-position: center;
}
#i_logo{
margin-top: -18px;
/margin-top: -26px;
margin-bottom: -162px;
/margin-bottom: -164px;
position:enherid;
/position:relative;
}
.mainmenu ul li a {
padding: 0px;
margin: 0px;
text-decoration: none;
position:relative;
}
.mainmenu{
background-color: transparent;
position:relative;
margin: 0px;
padding: 0px;
}
#page-body{
margin-top: 84px;
margin-left: 20px;
margin-right: 20px;
}
th{
border: 1px solid #7ccafc;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}
.forumline,
.row1, .row2, .row3, td.row3Right {
-moz-border-radius:7px;
-webkit-border-radius:7px;
}
td.catBottom, td.catHead, th.thHead, td.thHead, td.thLeft, td.catLeft, td.thRight, td.catRight{
border: 1px solid #83c0ff;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}
#fa_ticker_block{
background-color: transparent !important;
border: none;
padding: 5px 40px 5px 40px;
margin-top : 80px !important;
margin-bottom : -50px !important;
}
#fa_ticker_container{
padding: 2px;
}
#fa_ticker{
background-image: none !important;
}
.row1, .row2{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f210.jpg');
border: 1px solid #00336E;
}
.row1:hover, .row2:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f410.jpg');
border: 1px solid #00336E;
}
.row1:hover, .row2:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f410.jpg');
border: 1px solid #00336E;
}
.row3, .row3Right{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f410.jpg');
border: 1px solid #00336E;
}
.row3:hover, .row3Right:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f210.jpg');
border: 1px solid #00336E;
}
#i_icon_mini_index{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_010.png');
width: 49px;
height: 55px;
}
#i_icon_mini_calendar{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_017.png');
width: 44px;
height: 55px;
}
#i_icon_mini_gallery{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_013.png');
width: 44px;
height: 55px;
}
#i_icon_mini_portal{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_011.png');
width: 41px;
height: 55px;
}
#i_icon_mini_faq{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_014.png');
width: 41px;
height: 55px;
}
#i_icon_mini_search{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_015.png');
width: 48px;
height: 55px;
}
#i_icon_mini_groups{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_018.png');
width: 40px;
height: 55px;
}
#i_icon_mini_members{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_019.png');
width: 37px;
height: 55px;
}
#i_icon_mini_profile{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_020.png');
width: 46px;
height: 55px;
}
#i_icon_mini_logout{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/off_1110.png');
width: 48px;
height: 55px;
}
#i_icon_mini_login{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_111.png');
width: 48px;
height: 55px;
}
#i_icon_mini_message{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_110.png');
width: 52px;
height: 55px;
}
#i_icon_mini_new_message{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/mp_new11.png');
width: 52px;
height: 55px;
}
#i_icon_mini_register{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/nous_r10.png');
width: 48px;
height: 55px;
}
#i_icon_mini_index:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_10.png');
width: 49px;
height: 55px;
}
#i_icon_mini_calendar:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_15.png');
width: 44px;
height: 55px;
}
#i_icon_mini_gallery:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_12.png');
width: 44px;
height: 55px;
}
#i_icon_mini_portal:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/portai10.png');
width: 41px;
height: 55px;
}
#i_icon_mini_faq:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_13.png');
width: 41px;
height: 55px;
}
#i_icon_mini_search:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_14.png');
width: 48px;
height: 55px;
}
#i_icon_mini_groups:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_16.png');
width: 40px;
height: 55px;
}
#i_icon_mini_members:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_17.png');
width: 37px;
height: 55px;
}
#i_icon_mini_profile:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_18.png');
width: 46px;
height: 55px;
}
#i_icon_mini_logout:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_20.png');
width: 48px;
height: 55px;
}
#i_icon_mini_login:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/on_1110.png');
width: 48px;
height: 55px;
}
#i_icon_mini_message:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/mp_1010.png');
width: 52px;
height: 55px;
}
#i_icon_mini_new_message:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_19.png');
width: 52px;
height: 55px;
}
#i_icon_mini_register:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/1_0510.png');
width: 48px;
height: 55px;
}
.post .row1{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f410.jpg');
border: 1px solid #00336E;
}
.post .row1:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f210.jpg');
border: 1px solid #00336E;
}
.post .row2{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f210.jpg');
border: 1px solid #00336E;
}
.post .row2:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f410.jpg');
border: 1px solid #00336E;
}
.module .maintitle{
background-image: url('http://i69.servimg.com/u/f69/13/59/02/79/f112.jpg');
}
.module .box-content{
border-width: 1px ;
border-style: solid;
border-color: #2c7ab7  #0073b3 #0073b3 #2c7ab7;
}
input.liteoption {
background-color : #d9e5f5;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/oo10.jpg');
background-position: top;
font-weight : bold;
color: #000;
}
input.liteoption:hover {
background-color : #d9e5f5;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/tex110.jpg');
background-position: top;
font-weight : bold;
color: #000;
}
input.mainoption {
background-color : #d9e5f5;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/oo10.jpg');
background-position: top;
font-weight : bold;
color: #000;
}
input.mainoption:hover {
background-color : #d9e5f5;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/tex110.jpg');
background-position: top;
font-weight : bold;
color : #000;
}
.button, .mainoption{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/oo10.jpg');
background-position:bottom;
}
.button:hover, .mainoption:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/tex110.jpg');
background-position: top;
}
button.button2, input.button2 {
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/oo10.jpg');
background-position: top;
}
button.button2:hover, input.button2:hover {
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/tex110.jpg');
background-position:bottom;
}

/* Début - style pour vérification pseudo à l'inscription */
#username_reg {
  color: #a90c0c;
}
#username_reg.okusername {
  color: #2f9122;
}
/* Fin - style pour vérification pseudo à l'inscription */

/* Début icone En ligne et Hors ligne */

#post_onlin{
background: url('http://i68.servimg.com/u/f68/13/98/08/34/e8fc2410.png') no-repeat;
width: 25px;
height: 27px;
padding:0;
border: 0;
}
/* Fin icone En lige et Hors ligne*/

/*Debut:Installer un module "facebooc, twitre rsss" ! */

sharing-cl{
overflow:hidden;
margin:-20px 0 0 0;
padding:0;
list-style:none;
width:530px;
}
.sharing-cl a{
overflow:hidden;
width:75px;
height:20px;
float:left;
margin-right:5px;
text-indent:-200px;
background:url(http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.png) no-repeat;
}
a.sh-su{background-position:-210px -40px;}
a.sh-feed{background-position:-70px -40px;}
a.sh-tweet{background-position:-140px -40px;}
a.sh-mail{background-position:0 -40px;}
a.sh-digg{background-position:-280px -40px;}
a.sh-face{
margin-right:0;
background-position:-350px -40px;
}
a.sh-mail:hover{background-position:0 1px;}
a.sh-feed:hover{background-position:-70px 1px;}
a.sh-tweet:hover{background-position:-140px 1px;}
a.sh-su:hover{background-position:-210px 1px;}
.sh-digg:hover{background-position:-280px 1px;}
a.sh-face:hover{
background-position:-350px 1px;
}
#text{
margin-top:5px;
font-weight:bold;
font-family:helvetica,arial,sans-serif;
}
#text a{
text-indent:0;
height:auto;
text-align:center;
font-size:11px;
padding-top:35px;
color:#999;
text-decoration:none;
}
/*Fin:Installer un module "facebooc, twitre rsss" ! */



[Scipion]

Merci, j'obtiens exactement la même déformation que celle de votre deuxième capture, donc le problème est dans le contenu de votre feuille de style css.

Cordialement

[bihabib]

Est ce modifiable pour toi ou non
merci

[Scipion]

Essayez svp :

Code:

body{
background-position: center;
}
#i_logo{
margin-top: -18px;
/margin-top: -26px;
margin-bottom: -162px;
/margin-bottom: -164px;
position:enherid;
/position:relative;
}
.mainmenu ul li a {
padding: 0px;
margin: 0px;
text-decoration: none;
position:relative;
}
.mainmenu{
background-color: transparent;
position:relative;
margin: 0px;
padding: 0px;
}
#page-body{
margin-top: 84px;
margin-left: 20px;
margin-right: 20px;
}
th{
border: 1px solid #7ccafc;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}
.forumline,
.row1, .row2, .row3, td.row3Right {
-moz-border-radius:7px;
-webkit-border-radius:7px;
}
td.catBottom, td.catHead, th.thHead, td.thHead, td.thLeft, td.catLeft, td.thRight, td.catRight{
border: 1px solid #83c0ff;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}
#fa_ticker_block{
background-color: transparent !important;
border: none;
padding: 5px 40px 5px 40px;
margin-top : 80px !important;
margin-bottom : -50px !important;
}
#fa_ticker_container{
padding: 2px;
}
#fa_ticker{
background-image: none !important;
}
.row1, .row2{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f210.jpg');
border: 1px solid #00336E;
}
.row1:hover, .row2:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f410.jpg');
border: 1px solid #00336E;
}
.row1:hover, .row2:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f410.jpg');
border: 1px solid #00336E;
}
.row3, .row3Right{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f410.jpg');
border: 1px solid #00336E;
}
.row3:hover, .row3Right:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f210.jpg');
border: 1px solid #00336E;
}
#i_icon_mini_index{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_010.png');
width: 49px;
height: 55px;
}
#i_icon_mini_calendar{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_017.png');
width: 44px;
height: 55px;
}
#i_icon_mini_gallery{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_013.png');
width: 44px;
height: 55px;
}
#i_icon_mini_portal{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_011.png');
width: 41px;
height: 55px;
}
#i_icon_mini_faq{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_014.png');
width: 41px;
height: 55px;
}
#i_icon_mini_search{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_015.png');
width: 48px;
height: 55px;
}
#i_icon_mini_groups{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_018.png');
width: 40px;
height: 55px;
}
#i_icon_mini_members{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_019.png');
width: 37px;
height: 55px;
}
#i_icon_mini_profile{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_020.png');
width: 46px;
height: 55px;
}
#i_icon_mini_logout{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/off_1110.png');
width: 48px;
height: 55px;
}
#i_icon_mini_login{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_111.png');
width: 48px;
height: 55px;
}
#i_icon_mini_message{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_110.png');
width: 52px;
height: 55px;
}
#i_icon_mini_new_message{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/mp_new11.png');
width: 52px;
height: 55px;
}
#i_icon_mini_register{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/nous_r10.png');
width: 48px;
height: 55px;
}
#i_icon_mini_index:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_10.png');
width: 49px;
height: 55px;
}
#i_icon_mini_calendar:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_15.png');
width: 44px;
height: 55px;
}
#i_icon_mini_gallery:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_12.png');
width: 44px;
height: 55px;
}
#i_icon_mini_portal:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/portai10.png');
width: 41px;
height: 55px;
}
#i_icon_mini_faq:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_13.png');
width: 41px;
height: 55px;
}
#i_icon_mini_search:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_14.png');
width: 48px;
height: 55px;
}
#i_icon_mini_groups:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_16.png');
width: 40px;
height: 55px;
}
#i_icon_mini_members:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_17.png');
width: 37px;
height: 55px;
}
#i_icon_mini_profile:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_18.png');
width: 46px;
height: 55px;
}
#i_icon_mini_logout:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_20.png');
width: 48px;
height: 55px;
}
#i_icon_mini_login:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/on_1110.png');
width: 48px;
height: 55px;
}
#i_icon_mini_message:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/mp_1010.png');
width: 52px;
height: 55px;
}
#i_icon_mini_new_message:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_19.png');
width: 52px;
height: 55px;
}
#i_icon_mini_register:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/1_0510.png');
width: 48px;
height: 55px;
}
.post .row1{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f410.jpg');
border: 1px solid #00336E;
}
.post .row1:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f210.jpg');
border: 1px solid #00336E;
}
.post .row2{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f210.jpg');
border: 1px solid #00336E;
}
.post .row2:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f410.jpg');
border: 1px solid #00336E;
}
.module .maintitle{
background-image: url('http://i69.servimg.com/u/f69/13/59/02/79/f112.jpg');
}
.module .box-content{
border-width: 1px ;
border-style: solid;
border-color: #2c7ab7 #0073b3 #0073b3 #2c7ab7;
}
input.liteoption{
background-color : #d9e5f5;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/oo10.jpg');
background-position: top;
font-weight : bold;
color: #000;
}
input.liteoption:hover{
background-color : #d9e5f5;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/tex110.jpg');
background-position: top;
font-weight : bold;
color: #000;
}
input.mainoption{
background-color : #d9e5f5;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/oo10.jpg');
background-position: top;
font-weight : bold;
color: #000;
}
input.mainoption:hover{
background-color : #d9e5f5;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/tex110.jpg');
background-position: top;
font-weight : bold;
color : #000;
}
.button, .mainoption{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/oo10.jpg');
background-position:bottom;
}
.button:hover, .mainoption:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/tex110.jpg');
background-position: top;
}
button.button2, input.button2{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/oo10.jpg');
background-position: top;
}
button.button2:hover, input.button2:hover {
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/tex110.jpg');
background-position:bottom;
}

/* Début - style pour vérification pseudo à l'inscription */
#username_reg {
  color: #a90c0c;
}
#username_reg.okusername {
  color: #2f9122;
}
/* Fin - style pour vérification pseudo à l'inscription */

/* Début icone En ligne et Hors ligne */

#post_onlin{
background: url('http://i68.servimg.com/u/f68/13/98/08/34/e8fc2410.png') no-repeat;
width: 25px;
height: 27px;
padding:0;
border: 0;
}
/* Fin icone En lige et Hors ligne*/

/*Debut:Installer un module "facebooc, twitre rsss" ! */

.sharing-cl{
overflow:hidden;
margin:-20px 0 0 0;
padding:0;
list-style:none;
width:530px;
}
.sharing-cl a{
overflow:hidden;
width:75px;
height:20px;
float:left;
margin-right:5px;
text-indent:-200px;
background:url(http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.png) no-repeat;
}
a.sh-su{background-position:-210px -40px;}
a.sh-feed{background-position:-70px -40px;}
a.sh-tweet{background-position:-140px -40px;}
a.sh-mail{background-position:0 -40px;}
a.sh-digg{background-position:-280px -40px;}
a.sh-face{
margin-right:0;
background-position:-350px -40px;
}
a.sh-mail:hover{background-position:0 1px;}
a.sh-feed:hover{background-position:-70px 1px;}
a.sh-tweet:hover{background-position:-140px 1px;}
a.sh-su:hover{background-position:-210px 1px;}
.sh-digg:hover{background-position:-280px 1px;}
a.sh-face:hover{
background-position:-350px 1px;
}
#text{
margin-top:5px;
font-weight:bold;
font-family:helvetica,arial,sans-serif;
}
#text a{
text-indent:0;
height:auto;
text-align:center;
font-size:11px;
padding-top:35px;
color:#999;
text-decoration:none;
}

Cordialemment

[bihabib]

WAWE vous êtes génial grand merci de ma part, je suis reconnaissant
Bien à vous

[Scipion]

Je vous en prie, bonne fin de soirée et à bientôt.

Cordialement

[bihabib]

Bonne fin de soirée à vous mm et à bientôt.

Cordialement