Feuille de personnage : barre déformée

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

Résolu Feuille de personnage : barre déformée

Message par KIRI. le Lun 4 Juin 2012 - 3:49

Bonjour, bonsoir, bonne nuit,

J'ai voulu tester la feuille de personnage et notamment la barre. Le problème est que l'image de la barre s'affiche en élargit.
Regardez par vous même http://kiri-test.trodlabal.com/t2-woup-woup
Je comprend pas comment c'est possible ^^ J'ai réduit les points, je suis passée par 200, 100, 50, 20, 10 mais rien n'y fait. J'ai supprimé les autre champs, toujours rien.

Aidez moi s'il vous plait (a)


Dernière édition par KIRI. le Sam 9 Juin 2012 - 15:43, édité 1 fois

KIRI.
**

Féminin
Messages : 53
Inscrit(e) le : 21/10/2011

http://testkiri.forumactif.org/
KIRI. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage : barre déformée

Message par KIRI. le Mar 5 Juin 2012 - 17:43

Personne ne peut m'aider ? :/

KIRI.
**

Féminin
Messages : 53
Inscrit(e) le : 21/10/2011

http://testkiri.forumactif.org/
KIRI. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage : barre déformée

Message par KIRI. le Jeu 7 Juin 2012 - 4:23

Personne ? Sad

KIRI.
**

Féminin
Messages : 53
Inscrit(e) le : 21/10/2011

http://testkiri.forumactif.org/
KIRI. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage : barre déformée

Message par KIRI. le Ven 8 Juin 2012 - 2:06

up Smile

KIRI.
**

Féminin
Messages : 53
Inscrit(e) le : 21/10/2011

http://testkiri.forumactif.org/
KIRI. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage : barre déformée

Message par KIRI. le Sam 9 Juin 2012 - 1:56

up

KIRI.
**

Féminin
Messages : 53
Inscrit(e) le : 21/10/2011

http://testkiri.forumactif.org/
KIRI. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage : barre déformée

Message par Izumi375 le Sam 9 Juin 2012 - 5:55

Plop, Moi à la rescousse Mr. Green

Il me semble que ca vient de ton css. Tu peux le poster ici?

Izumi375
****

Féminin
Messages : 318
Inscrit(e) le : 31/08/2009

http://keikoku.forumpro.fr
Izumi375 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Feuille de personnage : barre déformée

Message par KIRI. le Sam 9 Juin 2012 - 14:28

Merci de m'aider (:

Voilà mon CSS :
Code:
body {
background-attachment: scroll;
background-repeat: no-repeat;
background-position: top center;
}

/*BORD FORUM*/

.forumline
{
margin-bottom: 15px;
border: 1px solid #C0DDE0;
padding: 3px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-ô-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
}


/*BARRE DE NAVIGATION*/
.navigtop {
       
        background-color: #0A0A0A;
 
     border-bottom: 2px solid #523C34;
        position: fixed;
     z-index: 999;
        width : 100%;
     margin-top : -7px;
     height: 25px;
         border-left: 15px #191919 solid;
     margin-left: -7px;
     top: 0px;
}


a.mainmenu {
        text-transform: uppercase;
        position: center;
        font-family: Arial;
        font-size: 11px;
        font-style: bold;
        color: #595757;
        font-weight: lighter;
        letter-spacing: -1px;
        margin-top: -6px;
}

a.mainmenu:hover {
   color: #523C34;
    font-style: bold;
}


/*GIFS REDIMENSIONNES DANS LE PROFIL*/

.postdetails.poster-profile img {
   width:200px;
        position : center;
        display:block;
}

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

a {
   text-decoration: none !important;
}



/*PLUS DE DERNIERE EDITION*/

tr.post span.gensmall {
   display: none;
}



/*PROFIL TEMPLATES*/

.cadreprof {
        background-color: #ABC1DB ;
        border: 1px solid #F5EEEC;
     color: #90AEB0;
  -moz-border-radius:2px;
-webkit-border-radius:2px;
-ô-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
        line-height: 1;
        font-size: 11px;
        padding-left: 10px;
        padding-right: 10px;
        padding: 5px;
        text-align: justify;
        width: 204px;
        -moz-border-radius: 1px;
}

.nameprof {
        FONT-SIZE: 20pt;
        FONT-FAMILY: Brush Script MT;     
        LETTER-SPACING: 1px;
        text-align: center;
     }

.rankprof {
        font-size: 11px;
        font-weight: bold;
        letter-spacing: -1px;
        text-align: center;
}



/*INFOBULLE PA*/

a.info {
position:relative;
color: #EBF4F5;
font: normal 10px calibri;
text-decoration: none!important;
text-align: justify;
z-index:40;
}

a.info:hover {
z-index:41;
background-color: none;
}
 
a.info span {
display: none;
}
 
a.info:hover span {
top: 10px; /* on positionne notre infobulle */
left: 60px;
display:block;
position:absolute;
border:2px solid #ABC1DB;
width: 170px;
font-size: 8px;
-webkit-border-radius: 6px;
background-color: #EBF4F5;
color: #3D3530;
text-decoration: none;
padding: 5px;
}



/*JUSTIFICATION AUTO*/
.postbody {
        texte-align: justify;
        padding: 2px;
}

.postbody {
        display: block;
        text-align:justify;
}

/*SIGNATURE MIMI*/
.texte {
  font-family: courrier new;
font-size: 23px;
 color: #D2B98C;
text-align: center;
letter-spacing: -2px;
}

/*TEXTE GROUPE QEEL*/
.groupes{
border: 1px color #0D0D0D  ;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size: 12px;
font-family:  Arial;
font-weight: normal !important;
text-align:center;
text-transform : uppercase;
text-decoration: none !important;
}

/*SCROLLBAR QEEL*/
#scrollqeel {
padding: 3px;
margin: 0;
overflow-x:hidden !important;
overflow-y:auto;
}

/*IMAGE FOND QEEL*/
.imgqeel { 
border:0px;
background-repeat: no-repeat;
background-position: center;
height: 359px;
width: 755px;
}

/*SUPPR FOND MEMBRES CO*/
.connected .row1 {background: none !important;}

/*INFOSBULLES QEEL*/
a.bulleqeel {
position:relative;
color: #EBF4F5;
font: normal 11px calibri;
text-decoration: none!important;
text-align: justify;
z-index:40;
}

a.bulleqeel:hover {
z-index:41;
background-color: none;
}
 
a.bulleqeel span {
display: none;
}
 
a.bulleqeel:hover span {
top: 10px; /* on positionne notre infobulle */
left: 60px;
display:block;
position:absolute;
border:2px solid #ABC1DB;
width: 180px;
font-size: 8px;
-webkit-border-radius: 6px;
background-color: #EBF4F5;
color: #3D3530;
text-decoration: none;
padding: 5px;
}

.titregroupe {
font-size: 11px;
font-weigth: bold;
text-align: center;
font-family: calibri;
color: #8498B5;
}

/*CADRE QEEL*/
.cadreqeel {
border: 2px solid #AECCCF;
margin-left: 30px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-ô-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
}

/*TITRE QEEL ET AUTRES*/
.titre {
     color: #8498B5;
        FONT-SIZE: 21pt;
        FONT-FAMILY: Brush Script MT;     
        LETTER-SPACING: 1px;
        text-align: center;
     }

/*CATEGO; FORUM*/
.contenu {
        font-family: Trebuchet MS;
        font-size: 10px;
        text-align: justify;
       background-color : #E4F1F2;
        margin-left: 30px;
        margin-right: 25px;
        padding: 5px;
     border: 1px solid #BCD8DB;
   -moz-border-radius-bottomleft:0px;
   -moz-border-radius-bottomright:0px;
   -moz-border-radius-topleft:30px;
   -moz-border-radius-topright:0px;
   -webkit-border-radius: 30px 0px 0px 0px;
}

.def {
        font-family: Trebuchet MS;
        font-size: 9px;
        text-align: center;
     background-color : #D6E6E8;
        margin-left: 30px;
        margin-right: 25px;
        padding: 5px;
     border: 1px solid #BCD8DB;
   -moz-border-radius-bottomleft:0px;
   -moz-border-radius-bottomright:15px;
   -moz-border-radius-topleft:0px;
   -moz-border-radius-topright:0px;
   -webkit-border-radius: 0px 0px 15px 0px;
}

/*SELECTIONNER CONTENU*/
.selectCode { float:right; text-transform: uppercase; cursor:pointer; font-family: arial; font-size:11px; }

KIRI.
**

Féminin
Messages : 53
Inscrit(e) le : 21/10/2011

http://testkiri.forumactif.org/
KIRI. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage : barre déformée

Message par Izumi375 le Sam 9 Juin 2012 - 15:36

Ahaha! Voilà notre coupable!



Code:
.postdetails.poster-profile img {
  width:200px;
        position : center;
        display:block;
}


En voulant redimensionner vos gifs dans les profils vous redimensionnez toutes les images du profil y compris celle de la barre de vie.
Du coup au lieu d'avoir le début de la barre qui fait quelques pixels elle en fait 200px!

Malheureusement il va falloir faire un choix étant donné qu'on ne peut pas toucher au php de Forumactif. Sad

Cordialement, Mr. Green

Izumi375
****

Féminin
Messages : 318
Inscrit(e) le : 31/08/2009

http://keikoku.forumpro.fr
Izumi375 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Feuille de personnage : barre déformée

Message par KIRI. le Sam 9 Juin 2012 - 15:43

Tu m'a bien fait rire xD

Merci de ton aide en tout cas ♥ Tant pis et dommage pour la barre alors.

Je met en résolu Wink

KIRI.
**

Féminin
Messages : 53
Inscrit(e) le : 21/10/2011

http://testkiri.forumactif.org/
KIRI. 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