Profil d'utilisateur déformé

2 participants

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

Résolu Profil d'utilisateur déformé

Message par lisylou Lun 30 Juin 2014 - 17:21

Bonjour, merci beaucoup de vous intéresser à mon problème. ^^
J'ai changé les templates sur mon forum et j'ai aujourd'hui le profil quand on clique sur le nom d'utilisateur complètement déformé.
Vous pouvez le voir dans ce lien : http://heilisah.forumgratuit.org/u1
Voici mon index_box :

Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><center><div style="width: 800px; height: 180px; background-image: url('http://nsa33.casimages.com/img/2014/06/10//140610110037130103.png');" class="secondarytitle"><div style="padding-top: 2px; text-align: center;">{catrow.tablehead.L_FORUM}</div></div>
   <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width=""><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="row1 over" align="center" valign="middle" height="46"><div class="fondcatégorie"><div class="fondtopic">
                  <div class="topic">{catrow.forumrow.POSTS} messages</div>
                    <div class="gensmall derniers_sujets"> {catrow.forumrow.LAST_POST}</div>
                  <div class="topic">{catrow.forumrow.TOPICS} sujets</div></div>
      </td><td>
                    <div><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="imagenouveau"/></div></td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <div class="descriptionfond"><div class="profil2_mess">
                    <div class="profil2_content">
                      <div style="height: 40px; overflow: auto;">{catrow.forumrow.LINKS}</div>
                      <div class="topic1">LIENS ⇓</div>
        <br />
                    </div>
                          </div></div>
         <div class="description"><h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}><span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
                       
                           
                  </div>
      </div>   
          </td>
   </tr>
          <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="http://nsa33.casimages.com/img/2014/06/10//140610110233878950.png" alt="hebergeur d'image" border="0"/><br /><br /><br />
<img src="{SPACER}" alt="" height="5" width="1" /></center><!-- END tablefoot --><!-- END catrow -->

Je ne sais pas si ça provient de ce code. Mais voici mon CSS -

Code:
/*sujet du forum*/

.titreidentite1{
  text-shadow:#000000 1px 1px 1px;
  font-size:30px;
  letter-spacing:+2px;
  font-family:Oswald;
        }

.titreidentite2{
  text-shadow:#000000 1px 1px 1px;
  font-size:30px;
  letter-spacing:+2px;
  font-family:Playfair Display SC;
        }


.fondidentite1{
background: #161616;
  width:500px;
  height:auto;
  margin-bottom:10px;
  border-radius: 10px;
  box-shadow:1px 1px 1px 1px black;
  padding:10px;
   

  text-align:justify;

        }

.fondcontexte{
box-shadow: 0px 0px 10px black;
  width:550px;
 font-size:11px;
  background:#252525;
  padding:5px;

  border-radius:10px;
        }

.fondavatar{
border-radius: 5px;
  background:#161616;
  width:500px;
  height:auto;
  box-shadow:1px 1px 1px 1px black;
  padding:10px;
        }

/*PA*/
.fondspagedaccueil {
  background: url('http://nsa33.casimages.com/img/2014/06/12//140612023544891572.png');
  width: 800px;
  border-radius:50px;
  color: #;
  height:500px;
}

.fondcontextepa2{

  padding: 10px;

width:280px;
  height:125px;
  margin-right:150px;

  text-transform: lowercase;
    margin-bottom:5px;
background-color: #;
  border-radius:10px;



  LETTER-SPACING:+0px;

}

.fondcontextepa1{

  padding: 10px;

width:280px;
  height:125px;
  margin-right:100px;

  text-transform: lowercase;
    margin-bottom:5px;
background-color: ;
  border-radius:10px;


}

.titrestaff {
  width:px;
 
    color: #f4f4f4;
      font-size:12px;
 font-family: 'Oswald', sans-serif;
}

.titrestaff1 {
  width:px;
 
    color: #f4f4f4;
      font-size:18px;
 font-family: 'Oswald', sans-serif;
}

.staff {
 width: 58px;
  height: 130px;
  overflow: hidden;
  border-radius:10px;
 
}

.staff_img {
  position: relative;
  z-index: 2;
  border-radius:10px;
  width: 58px;
  height: 120px;
  margin-left: 0px;
  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;
}
 
.staff:hover .staff_img {
  margin-left: 58px;
  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;
}
 
.staff_description {   
  position: relative;
  z-index: 1;
  border-radius:10px;
  width: 58px;
  height: 110px;
  margin-left:-15px;
  margin-top: -100px;
  text-align: center;
  font-size: 11px;
  color: #8c8c8c;
  padding: 15px;
 
  overflow: auto;
}


.navigation {

height: ;
  width:700px;
padding: 5px;
margin-top: 0px;
background: #161616;
border-radius:5px;
box-shadow: px px px #000;
color: #c2bfbd;
  text-align:center;
  font-family:courrier new;
  text-transform: uppercase;
}

.fondstaffpa{

  padding: 10px;
margin-right:20px;
width:120px;
  height:280px;
  font-family:arial;
  text-transform: lowercase; 
background-color: #;
  border-radius:10px;
  font-size:10px; 
  LETTER-SPACING:+0px;

}



.fondcontextepa{

  padding: 10px;
margin-left:30px;
width:370px;
  height:120px;
  font-family:arial;
  text-transform: lowercase;
  border-radius:10px;
  font-size:10px;
  margin:3px;
  LETTER-SPACING:+0px;
  box-shadow: 1px 1px 5px #0d0d0d;
}
.titrepagedaccueil{
  width:100px;
  height: 35px;
        font-size:12px;
 font-family: 'Playfair Display SC', sans-serif;
color: #252525;
}

/* Profil */

div.enligne {
height: 300px;
  width:50px;
padding: 5px;
margin-left: -62px;
  margin-top: -5px;
background: url('');
border-radius:15px;

color: # ;
}

div.hautprofil {
height: 90px;
  width:220px;
padding: 5px;
margin-left: -5px;
  margin-top: -5px;
background: url('http://nsa33.casimages.com/img/2014/06/11//140611064330284341.png');
border-radius:15px;
box-shadow: px px px #000;
color: # ;
}

div.basprofil {

height: ;
  width:200px;
padding: 5px;
margin-top: 10px;
background: #161616;
border-radius:5px;
box-shadow: px px px #000;
color: # ;
}

div.fondavatarprofil {

width: 220px;
padding: 5px;
margin-left: -65px;
background: #252525;
border-radius:15px;
box-shadow: 1px 2px 2px #000;
color: #162e47;
}

.name
{
  position: relative;
  z-index: 2;
  display: block;
font-size: 15px;
  margin-top:-10px;
letter-spacing: 0px;
text-transform: lowercase;
letter-spacing: +2px;
font-weight: bolder;
font-family:Oswald;
text-shadow: 0px 0px 1px #0D296B;
color: #fa6758;
  text-align:center;
margin-bottom:px;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #000000;
    -moz-transform: all;
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;
}
.name:hover
{
  letter-spacing: 4px;
    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;
 
}

.rang{
border-bottom: 3px dotted #404040;
    font-size:10px;
 width:190px;
        }
.postdetails.poster-profile a img {
  display: block;
  width: 200px;
  height: 320px;
  margin-left:px;
  overflow: ;
  border-radius:30px;
  background: url('');
  border: 5px solid #2d2d2d;



}

div.bidule {

height: ;
  width:200px;
padding: 5px;
margin-top: -80px;
background: #161616;
border-radius:5px;
box-shadow: px px px #000;
color: #c2bfbd;
  text-align:center;
  font-family:courrier new;
  text-transform: uppercase;
}

.postdetails.poster-profile a img:hover {
  border: 5px solid #161616;
}





/* QEEL */
.fondsgénéraux {
  background: url('http://nsa34.casimages.com/img/2014/06/10//140610074808967471.png');
  width: 800px;
  border-radius:50px;
  color: #;
  height:600px;
}

.blocpa {
  width: 210px;
  Height:90px;
  padding: 10px;
  background-color: #;
  border-radius:10px;
  box-shadow: 1px 1px 5px #;
}

.blocpa1 {
  width: 210px;
  Height:110px;
  padding: 10px;
  background-color: #;
  border-radius:10px;
  box-shadow: 1px 1px 5px #;
}

.blocpa2 {
  width: 220px;
  Height:190px;
  padding: 10px;
 
  background-color: #;
  border-radius:10px;
  text-align:justify;
  box-shadow: 1px 1px 5px #;
}

.blocpa3 {
  width: 210px;
  Height:100px;
  padding: 10px;
 font-size:9px;
  background-color: #;
  border-radius:10px;
  text-align:justify;
  box-shadow: 1px 1px 5px #;
}

/* Titres */

.titreliensnouveaux {
 
    color: ;
      font-size:12px;
 font-family: 'Playfair Display SC', sans-serif;
}

.titrePA1 {
  width:100px;
  height: 35px;
color: #252525;
}

.titrePA2 {
  width:100px;
  height: 20px;
    color: white;
      font-size:12px;
 font-family: 'Oswald', sans-serif;
}

.titrePA {

  margin-top:0px;
 width:100px;
  height: 15px;
 color: #252525;
}

.titrePA3 {

 width:100px;
  height: 25px;
 color: #252525;
}



/* Groupes */
.qeelonglet {
  display: inline-block;
  padding: 10px;
  cursor: pointer;
  font-family: Oswald;
  font-size: 15px;
  color: #F0F0F0;
  top: -3em;
  position: relative;
}

.qeelonglet_1 {
  color: #913dde;
  text-transform: uppercase;
}
         
.contenu_qeelonglet {
  padding: 2px;
  display: none;
  height: 90px;
  width: 200px;
  overflow: auto;
  background-color: #;
  text-align: justify;
  font-family: arial;
  font-size: 11px;
  position: relative;
  top: -4em;
}


/* Description des stats */
.qeel {
 width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius:10px;
 
}

.qeel_img {
  position: relative;
  z-index: 2;
  border-radius:10px;
  width: 100px;
  height: 100px;
  margin-left: 0px;
  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;
}
 
.qeel:hover .qeel_img {
  margin-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;
}
 
.qeel_description {   
  position: relative;
  z-index: 1;
  border-radius:10px;
  width: 90px;
  height: 90px;
  margin-left:-10px;
  margin-top: -100px;
  text-align: center;
  font-size: 11px;
  color: #8c8c8c;
  padding: 15px;
 
  overflow: auto;
}
/* FIN QEEL */

/* Header */

body {

    background-attachment: scroll, fixed;
    background-position: top center, center center;
    background-repeat: no-repeat, repeat;
    background-size: auto, cover;
 
}

        .ban1 { background-image: url('http://nsa34.casimages.com/img/2014/06/10//140610112247494273.png'); }
        .ban2 { background-image: url('http://nsa34.casimages.com/img/2014/06/10//140610112316140036.png'); }
.ban3 { background-image: url('http://nsa34.casimages.com/img/2014/06/10//140610112247494273.png'); }
        .ban4 { background-image: url('http://nsa34.casimages.com/img/2014/06/10//140610112316140036.png'); }
 .bodyline {
  padding:10px;
  border-radius:15px;
box-shadow: 1px 2px 2px #000;
}

.forumline{
padding:0px;
  margin:0px;
  width:800px;
background-image: url('http://nsa34.casimages.com/img/2014/06/06//140606093921750456.png');
}

a.mainmenu{
color: #;
font-size:10px;
  text-transform: uppercase;
font-family: Playfair Display SC;
text-decoration:none;
background-color: #252525;
border-radius: 10px 10px 10px 10px;
}

/* fin header*/

/* description des catégories */


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

padding: 10px; }

.titredescriptionforum{

    font-size:12px;
 font-family: 'Oswald', sans-serif;
background:#;
  color:#6c6070;
  width:145px;
  height:px;
  text-align:center;

}

.descriptionfond {
 position: relative;
  padding: 10px;
 margin-top:80px;
width:490px;
  height:50px;




}

.profil2_mess
{
  position: relative;
  z-index: 1;
  font-family: 'Playfair Display SC', serif;
  width: 480px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  background-color: #161616;
  padding-left: 4px;
  padding-right: 4px;
  text-align: center;
  border-radius: 0px 0px 10px 10px;

  border: px solid #434343;
 
 
  transform: rotate(-0deg);
  -moz-transform: rotate(-0deg);
  -o-transform: rotate(-0deg);
  -htm-transform: rotate(-0deg);
  -webkit-transform: rotate(-0deg);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.profil2_mess:hover
{
  margin-top: 60px;
  transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -htm-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.profil2_content
{
  display: block;
  width: 470px;
  height: 60px;
  padding:5px;
  max-height: 200px;
 
}



.topic1{
text-transform: uppercase;
    font-size:12px;
  font-family: 'Playfair Display SC', serif;
background:#;
  color:dimgrey;
  width:145px;
  height:px;
  text-align:center;

}


a.forumlink
{
  position: relative;
  z-index: 2;
  display: block;
font-size: 15px;
letter-spacing: 0px;
text-transform: lowercase;
letter-spacing: +2px;
font-weight: bolder;
font-family:Playfair Display SC;
text-shadow: 0px 0px 1px black;
margin-top:-10px;
letter-spacing: 1px;
text-align:center;
    -moz-transform: all;
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
{
  letter-spacing: 4px;
    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;
}

.derniers_sujets {

  padding: 10px;
margin-left:30px;
width:125px;
  height:50px;
  font-family:arial;
  text-transform: lowercase;
   
background-color: #252525;
  border-radius:10px;
  font-size:10px;
  border-radius:10px;
  margin:3px;
  LETTER-SPACING:+0px;
  box-shadow: 1px 1px 5px #0d0d0d;
}

.topic{
text-transform: uppercase;
    font-size:12px;
  font-family: 'Playfair Display SC', serif;
background:#;
  color:dimgrey;
  width:145px;
  height:px;
  text-align:center;
margin:auto;
}

.fondtopic{

background-image: url('http://nsa33.casimages.com/img/2014/06/06//140606114708425481.png');
background:#;
  width:165px;
  height:110px;
margin-left:10px;
  margin-top:50px;
}



.description {
 position: relative;
  padding: 10px;
 margin-top:-100px;
width:490px;
  height:80px;
  font-family:arial;
  text-transform: lowercase;
    z-index: 9;
background-color: #252525;
  border-radius:10px;
  font-size:10px;
  border-radius:10px;
 
  LETTER-SPACING:+0px;
  box-shadow: 1px 1px 5px #0d0d0d;
}

.imagenouveau { margin:10px;
  margin-top:50px;
    -webkit-transition: all 0.9s linear;
      -moz-transition: all 0.9s linear;
        -o-transition: all 0.9s linear;
            transition: all 0.9s linear;
}

.imagenouveau:hover {
    -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
            transform: rotate(360deg);
}



a:link {text-decoration: none;
font-weight:bold;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none !important;}

/* fin description */

/* SUPPRIMER LA DERNIERE EDITION */
-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }



/*Blanc en bas des forums*/

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

/*Editeur */

        /*---  Smileys ---*/
       
        .editor_color_panel{
        background-color:#252525;
        width:189px;height:135px;
        }
        .editor_color_panel .color_general{
        height:16px;
        margin:11px 7px 9px 11px;
        }
        .editor_color_panel .color_list{
        height:70px;
        margin:0 7px 0 11px;
        }
        .editor_color_panel .color_standard{
        height:16px;
        margin:13px 7px 8px 11px;
        }
        .editor_color_panel strong{
        font-size:0;
        display:block;
        width:14px;
        height:14px;
        margin-right:3px;
        float:left;
        cursor:pointer;
        }

        .sceditor-emoticons {
        width: 350px !important;
        height: 250px !important;
        overflow: auto !important;
        }
        img.smiley {
        width: auto !important;
        height : auto !important;
        }

        /* bordure de l'éditeur */
        div.sceditor-container {
        border: none;
        }
       
        /* bordure entre la barre d'outils et la zone de saisie de texte */
        body div.sceditor-toolbar {
        border-bottom: none;
        }
       
        /* bordure sous les groupes de bouton */
        body div.sceditor-group {
        border-bottom: none;
        }
       
        /* ombre d'un bouton survolé ou activé */
        a.sceditor-button:hover, a.sceditor-button.hover {
        box-shadow: none;
        }

/* fond de la barre d'outil */
        .sceditor-toolbar {
        background: blue !important;
        }
       
        /* fond de la zone de saisie de texte */
        .sceditor-container{
        background-color:#252525 !important;
           
        }
        .sceditor-container iframe, .sceditor-container textarea{
          background-color:#252525 !important;
        }
       
        /* fond de groupe de bouton */
        body div.sceditor-group {
        background: orange;
        }
        /* fond d'un bouton survolé ou activé */
       
        .sceditor-button.hover, a.sceditor-button:hover {
        background: #252525;
        }
       
        .sceditor-container.ltr.sourceMode {
        width:100% !important;
        background-color: #252525 !important;
        }
        .sceditor-container.ltr.wysiwygMode {
        width:100% !important;
        background-color: #252525 !important;
        }

div.sceditor-toolbar {
background-color: #252525  !important;

  border-radius:7px;
}

a.sceditor-button.hover {
background-color: #252525 !important;
}

.sceditor-container iframe, .sceditor-container textarea {
background-color: #252525 !important;
text-align:justify;
margin:0 !important;
line-height: 16px;

color: #f4f4f4 !important;
font-size:11px !important;
  border-radius:7px;
}

div.sceditor-group {
background-color: #252525!important;
}

/* PRESENTATION */


.Blancpresentation{
text-decoration: none;
  text-transform: lowercase;
  letter-spacing: +2px;
  font-family: Rockwell,times new roman;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  color:white;
  line-height: px;
  text-align:;
  text-shadow:0 0 1px;
  margin-top:0px;
        }

span.presentation {
  position: relative;
  color: #;
  width:200px;
  background: #2c2c2c;
  height:320;
  text-decoration: none;
   
}

span.presentation span {
  display: none; /* on masque l'infobulle */
font-size: 12px;

}
span.presentation:hover {
  background: none; /* correction d'un bug IE */
  z-index: 100; /* on définit une valeur pour l'ordre d'affichage */


}
span.presentation:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: -320px; /* on positionne notre infobulle */
  left: 0px;
width:200px;
  height:320px;
font-size:11px;
  background: #2c2c2c;
  color: #;
  text-align:justify;
  padding: 5px;
border-radius:0px;
  border: px solid #404040;
}

/* DESCRIPTION DU FORUM */

-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }


.fondvalidation2{
background: #2c2c2c;
  width:400px;
  height:auto;
  margin-bottom:10px;
  border-radius: 5px;
  box-shadow:1px 1px 1px 1px black;
  padding:10px;
    font-size:10px;
  font-family: verdana;
  text-align:justify;
  color:#adadad;
        }
/* RELATIONS */

.titrerelation{
text-align: center;
  font-family: Parisienne;
  letter-spacing:-2px;
  text-shadow: #282828 1px 1px 2px;
  font-size: 38px;
  margin-top:-30px;
}

.titreblanc{
  text-decoration: none;
  text-transform: lowercase;
  letter-spacing: +4px;
  font-family: Rockwell,times new roman;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  color:white;
  text-shadow:0 0 1px;
  margin-top:10px;
}

.featavatarrelation{
color:#;
  text-shadow:#000000 1px 1px 1px;
  font-size:18px;
  letter-spacing:-2px;
  font-family:courrier new;
}
 

.fondrelations{
box-shadow: 0px 0px 5px black;
  width:250px;
  background:#2c2c2c;
  padding:5px;
  color:#92908c;
        }

span.liensfiche {
  position: relative;
  color: #;
  width:100px;
  background: #2c2c2c;
  height:100px;
  margin-right:+20px;
  text-decoration: none;
   
}

span.liensfiche span {
  display: none; /* on masque l'infobulle */
font-size: 12px;

}
span.liensfiche:hover {
  background: none; /* correction d'un bug IE */
  z-index: 100; /* on définit une valeur pour l'ordre d'affichage */


}
span.liensfiche:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
word-wrap: break-word;
  top: -90px; /* on positionne notre infobulle */
  left: 95px;
width:350px;
  height:90px;
font-size:10px;
  background: #2c2c2c;
  color: #;
  padding: 5px;
border-radius:0px;
  border: px solid #404040;
}
/* PV */

span.liens {
  position: relative;
  color: #;
  width:100px;
  background: #404040;
  height:100px;
  margin-right:+20px;
  text-decoration: none;
   
}

span.liens span {
  display: none; /* on masque l'infobulle */
font-size: 12px;

}
span.liens:hover {
  background: none; /* correction d'un bug IE */
  z-index: 100; /* on définit une valeur pour l'ordre d'affichage */


}
span.liens:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
word-wrap: break-word;
  top: -90px; /* on positionne notre infobulle */
  left: 95px;
width:410px;
  height:90px;
font-size:10px;
  background: #404040;
  color: #;
  padding: 5px;
border-radius:0px;
  border: px solid #2c2c2c;
}

.fondpv2{
background: #2c2c2c;
margin:2px;
  padding:5px;
  text-align:justify;
        }
.fondpv3{
background: #404040;
  width:auto;
 
  margin-left:15px;
  margin-right:10px;
  height:auto;
  padding:5px;
  border-radius: px;
  box-shadow:1px 1px 1px 1px black;
  padding-top:20px;
    font-size:10px;
        }
.fondpv1{
background: #404040;
  width:340px;
  margin-left:5px;
  margin-right:5px;
  height:220px;
  padding:5px;
  border-radius: px;
  box-shadow:1px 1px 1px 1px black;
  padding-top:20px;
    font-size:10px;
        }

.fondpv{
background: #404040;
  width:150px;
  margin-left:10px;
  margin-right:5px;
  height:220px;
  padding:5px;
  border-radius: px;
  box-shadow:1px 1px 1px 1px black;
  padding-top:20px;
    font-size:10px;
        }

span.avatar {
  position: relative;
  color: #;
  width:100px;
  background: #404040;
  height:100px;
  text-decoration: none;
   
}

span.avatar span {
  display: none; /* on masque l'infobulle */
font-size: 12px;

}
span.avatar:hover {
  background: none; /* correction d'un bug IE */
  z-index: 100; /* on définit une valeur pour l'ordre d'affichage */


}
span.avatar:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: -100px; /* on positionne notre infobulle */
  left: 0px;
width:100px;
  height:100px;
font-size:10px;
  background: #404040;
  color: #;
  padding: 0px;
border-radius:0px;
  border: 5px solid #2c2c2c;
}

/* PAGE D'ACCUEIL */
span.info {
  position: relative;
  color: #576186;

  text-decoration: none;
}

span.info span {
  display: none; /* on masque l'infobulle */
font-size: 12px;

}
span.info:hover {
  background: none; /* correction d'un bug IE */
  z-index: 100; /* on définit une valeur pour l'ordre d'affichage */


}
span.info:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: -75px; /* on positionne notre infobulle */
  left: 0px;
width:60px;
  height:60px;


  color: #576186;
  padding: px;
border-radius: 100px;
  border: 3px solid #404040;
}

span.info1 {
  position: relative;
  color: #576186;

  text-decoration: none;
}

span.info1 span {
  display: none; /* on masque l'infobulle */
font-size: 12px;

}
span.info1:hover {
  background: none; /* correction d'un bug IE */
  z-index: 100; /* on définit une valeur pour l'ordre d'affichage */


}
span.info1:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: -35px; /* on positionne notre infobulle */
  left: 0px;
width:40px;
  height:40px;


  color: #576186;
  padding: px;
border-radius: 100px;
  border: 3px solid #404040;
}

.titreaccueil{
color:#d3c2b9;
  text-shadow:#000000 1px 1px 1px;
  font-size:30px;
  letter-spacing:-2px
    ;font-family:courrier new;
        }

.fondaccueil{
box-shadow: 0px 0px 5px black;
  width:auto;
  background:#2c2c2c;
  padding:5px;
  color:#92908c;
        }
.fondaccueil2{
box-shadow: 0px 0px 5px black;
  width:350px;
  height:147px;
  background:#2c2c2c;
  padding:5px;
  padding-left:10px;
  color:#92908c;
        }
.fondaccueil1{
box-shadow: 0px 0px 5px black;
  width:auto;
  height:147px;
  background:#2c2c2c;
  padding:5px;
  color:#92908c;
        }
.nameaccueil
{
  position: relative;
  z-index: 2;
  display: block;
font-size: 10px;
letter-spacing: 0px;
text-transform: lowercase;
letter-spacing: -2px;
font-weight:bolder;
font-family:calibri;
text-shadow: 0px 0px 1px #0D296B;
color: #c8a5a5;
  text-align:center;
margin-bottom:px;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #000000;

}
.fondimageaccueil{
border-radius: px;
  background:#2c2c2c;
  width:350px;
  height:auto;
  box-shadow:1px 1px 1px 1px black;
  padding:0px;
  margin-bottom:-10px;
        }
.onglet{
  float: left;
  padding: 2px;
  margin-right: 4px;
  margin-bottom: -10px;
  color: ;
 
  background: ;
  margin-top:-15px;
  cursor: pointer;
  width: auto;
 font-size:20px;
  list-style: none;}
 
.onglet_selectionner{
  float: left;
  padding: 2px;
  margin-right: 4px;
  margin-bottom: -10px;
  color:#ce3d3d ;
  background: ;
  margin-top:-10px;
 font-size:20px;
  border-bottom: none !important;
  cursor: pointer;
  width: auto;
  text-shadow:#000000 1px 1px 1px;
  list-style: none;}

.onglet:hover{
  color: ;
  }
     
.clear{
  clear: both;}

.contenu{
background:;
  padding: 10px;
  list-style: none;}

#les_contenus, #les_onglets{
  width: 345px;
height:120px}
/* TRUC BIDULE POUR LE FORUM */




div.bidule {
width: auto;
height: 50;
  width:200px;
padding: 5px;
margin: px;
  margin-bottom:-10px;
background: #2c2c2c;
border-radius:5px;
box-shadow: px px px #000;
color: #c2bfbd;
  text-align:center;
  font-family:courrier new;
  text-transform: uppercase;
}

+

.derniers_sujets {
  margin-top: 20px;
  padding: 5px;
  margin-right:0px;
width:150px;
  height:117px;
  font-family:courrier new;
  text-transform: uppercase;
  border: 0px dashed #000000;
  background: url(http://nsa34.casimages.com/img/2013/04/22//130422095733111528.png);
  border-radius:10px;
  font-size:9px;
  border-radius:10px;
  margin-bottom:-15px;
  LETTER-SPACING:+2px;
box-shadow: 1px 2px 2px #000;
}






.fondbidule{
background: #2c2c2c;
    width:450px;
  height:100px;
  margin-left:5px;
  border-radius: 5px;
  box-shadow:1px 1px 1px 1px black;
  padding:10px;
  font-size:10px;
        }

.fondvalidation{
box-shadow: 0px 0px 10px black;
  width:450px;
  font-family:arial;
  font-size:11px;
  background:url(http://nsa34.casimages.com/img/2013/04/22//130422095733111528.png);
  padding:5px;
  color:white;
        }

.fondvalidation1{
border-radius: 5px;
  background:#2c2c2c;
  width:400px;
  height:auto;
  box-shadow:1px 1px 1px 1px black;
  padding:10px;
        }

.fondlogement{
border-radius: 5px;
  background:#2c2c2c;
  width:450px;
  height:auto;
  box-shadow:1px 1px 1px 1px black;
  padding:10px;
        }

/* BLOC CONTENANT L'INFOBULLE - L’ICÔNE */
.transition-NU{
position: relative;
width: 50px;
float: left;
margin: 5px;
padding: 0;
}
/* INFOBULLE */
.NU_transition{
background: url('http://nsa30.casimages.com/img/2012/08/24//120824115310947964.png');

width: 0;
height: 0;
overflow: hidden;
position: absolute;
left:40px;
top: 0;
z-index: 999;
padding: 0;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-transition: width 0.8s ease-in 0.2s, height 0.8s ease-in 0.2s, padding 0.8s ease-in 0.2s; /* pour navigateur webkit */
-moz-transition: width 0.8s ease-in 0.2s, height 0.8s ease-in 0.2s, padding 0.8s ease-in 0.2s; /* pour navigateur mozilla */
-o-transition: width 0.8s ease-in 0.2s, height 0.8s ease-in 0.2s, padding 0.8s ease-in 0.2s; /* pour navigateur opera */
transition: width 0.8s ease-in 0.2s, height 0.8s ease-in 0.2s, padding 0.8s ease-in 0.2s; /* pour les navigateurs récents */
}
/* INFOBULLE AU SURVOL */
.transition-NU:hover .NU_transition{
height: 50px;
width: 200px;
padding: 5px;
border-width: 1px;
}







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

padding: 10px; }

 


/*Liens*/

a:link {text-decoration: none;
font-weight:bold;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none !important;}









.banane{
height:19px;
width:500px;
background:grey;
  color: #834c45;
  border-radius: 14px 14px 14px 14px;
background: linear-gradient( top, #433d31, #232015);
    background: -webkit-gradient(linear, left top, left bottom, from(#433d31), to(#232015));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff433d31, endColorstr=#ff232015); /* IE 7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff433d31, endColorstr=#ff232015)";  /* IE 8 */
}

/*Avatar*/

.soleil{
height:auto;
width:200px;
padding-bottom:10px;
padding-top:10px;
  padding-left:5px;
  padding-right:5px;
  margin-left:-10px;
  color: #abe0ff;
  box-shadow: 2px 2px 2px black;
  border-radius: 14px 14px 14px 14px;
background-image: url('http://nsa30.casimages.com/img/2012/08/24//120824115310947964.png');
}

span.images{
    position: relative;
  filter:alpha(opacity=60);
-moz-opacity:0.6;opacity: 0.6;
  opacity: 0.5;
/* formule firefox */
    filter: alpha(opacity=50);
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -htm-transition: opacity 1s;
}
span.images span {
    display: none;
    font-size: 12px;
  padding: 10px;
 
 
}
span.images:hover {
    background: none;
    z-index: 999;
  width: 200px;
    cursor: help;
  filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
  filter: alpha(opacity=100);
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -htm-transition: opacity 1s; 
}
span.prenoms {
font-style: italic;
font-size: 20px;
width: 200px;
  display: block;
letter-spacing: 0px;
text-transform: lowercase;
letter-spacing: -2px;
font-weight: bolder;
font-family: times new roman;
text-shadow: 0px 0px 1px #0D296B;
  }

.bouton-profil {
    cursor: pointer; /* curseur au survol */
    margin: 2px 0; /* petite marge en haut et en bas */
    padding: 2px; /* espacement entre le texte et la bordure */
    text-align: center; /* centrage du texte dans le bloc */
  /* -- mise en forme -- */

}

.profil-cache {

    margin: 2px 0;
    padding: 2px;
}
/*AvatarLock*/


J'ai essayé de trouver déjà une réponse sur le forum, mais comme je ne sais pas vraiment comme s'appelle ce lieu sur le forum, je tombe seulement sur des sujets parlant des profils dans les messages. S'il y a déjà un sujet avec le même problème que le mien, je m'en excuse. =)
Merci beaucoup !


Dernière édition par lisylou le Lun 30 Juin 2014 - 18:23, édité 1 fois
avatar

lisylou
Nouveau membre

Messages : 4
Inscrit(e) le : 30/06/2014

http://heilisah.forumgratuit.org/
lisylou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil d'utilisateur déformé

Message par Dr. Sam Lun 30 Juin 2014 - 18:17

Bonjour,

Cela est dû à ce code CSS:
Code:
.forumline{
padding:0px;
  margin:0px;
  width:800px;
background-image: url('http://nsa34.casimages.com/img/2014/06/06//140606093921750456.png');
}

La class forumline s'occupe de beaucoup d'élément sur un forum donc il n'est pas conseillé de le modifier. Si vous voulez changer la grandeur d'un élément, il serait mieux de le modifier directement dans le code de l'élément dans les template en rajouter un style="CSS ICI" Wink

Cordialement,
Smile
Dr. Sam

Dr. Sam
*****

Masculin
Messages : 894
Inscrit(e) le : 28/06/2012

http://www.fa-aide.com/
Dr. Sam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil d'utilisateur déformé

Message par lisylou Lun 30 Juin 2014 - 18:23

Merci beaucoup, c'était bien ça ! =D
Maintenant, j'ai un jolie profil des utilisateurs. o/
Je vais mettre résolu. ^^
Merci encore pour la rapidité et l'efficacité !! ♥
avatar

lisylou
Nouveau membre

Messages : 4
Inscrit(e) le : 30/06/2014

http://heilisah.forumgratuit.org/
lisylou a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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