Module partager cette page

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

Résolu Module partager cette page

Message par bihabib le Mar 5 Avr 2011 - 1:31

Salut
voila j'ai installer le module partager cette page suivant ce tuto http://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


Dernière édition par bihabib le Jeu 7 Avr 2011 - 1:41, édité 1 fois
avatar

bihabib
****

Masculin
Messages : 422
Inscrit(e) le : 04/04/2008

http://WWW.leformateur.net
bihabib a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Module partager cette page

Message par Scipion le Mar 5 Avr 2011 - 9:44

Bonjour !

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

Cordialement
avatar

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Module partager cette page

Message par bihabib le Mar 5 Avr 2011 - 14:32

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
avatar

bihabib
****

Masculin
Messages : 422
Inscrit(e) le : 04/04/2008

http://WWW.leformateur.net
bihabib a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Module partager cette page

Message par Scipion le Mar 5 Avr 2011 - 14:56

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
avatar

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Module partager cette page

Message par bihabib le Jeu 7 Avr 2011 - 0:18

@Scipion a écrit: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
avatar

bihabib
****

Masculin
Messages : 422
Inscrit(e) le : 04/04/2008

http://WWW.leformateur.net
bihabib a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Module partager cette page

Message par Scipion le Jeu 7 Avr 2011 - 0:25

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
avatar

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Module partager cette page

Message par bihabib le Jeu 7 Avr 2011 - 0:38

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;
}

avatar

bihabib
****

Masculin
Messages : 422
Inscrit(e) le : 04/04/2008

http://WWW.leformateur.net
bihabib a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Module partager cette page

Message par Scipion le Jeu 7 Avr 2011 - 0:47

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
avatar

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Module partager cette page

Message par bihabib le Jeu 7 Avr 2011 - 1:01

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" ! */

avatar

bihabib
****

Masculin
Messages : 422
Inscrit(e) le : 04/04/2008

http://WWW.leformateur.net
bihabib a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Module partager cette page

Message par Scipion le Jeu 7 Avr 2011 - 1:07

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

Cordialement
avatar

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Module partager cette page

Message par bihabib le Jeu 7 Avr 2011 - 1:09

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" ! */

avatar

bihabib
****

Masculin
Messages : 422
Inscrit(e) le : 04/04/2008

http://WWW.leformateur.net
bihabib a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Module partager cette page

Message par Scipion le Jeu 7 Avr 2011 - 1:19

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
avatar

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Module partager cette page

Message par bihabib le Jeu 7 Avr 2011 - 1:21

Est ce modifiable pour toi ou non
merci
avatar

bihabib
****

Masculin
Messages : 422
Inscrit(e) le : 04/04/2008

http://WWW.leformateur.net
bihabib a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Module partager cette page

Message par Scipion le Jeu 7 Avr 2011 - 1:36

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
avatar

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Module partager cette page

Message par bihabib le Jeu 7 Avr 2011 - 1:40

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

bihabib
****

Masculin
Messages : 422
Inscrit(e) le : 04/04/2008

http://WWW.leformateur.net
bihabib a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Module partager cette page

Message par Scipion le Jeu 7 Avr 2011 - 1:42

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

Cordialement
avatar

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Module partager cette page

Message par bihabib le Jeu 7 Avr 2011 - 1:44

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

Cordialement
avatar

bihabib
****

Masculin
Messages : 422
Inscrit(e) le : 04/04/2008

http://WWW.leformateur.net
bihabib 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