Mettre les champs du profil sur un pattern

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

Résolu Mettre les champs du profil sur un pattern

Message par Kanzaki le Dim 14 Oct 2012 - 14:48

Bonjour,

J'aimerais savoir comment on peut insérer un pattern à l'arrière de l'avatar dans une forme arrondi, comme sur cette image

http://image.noelshack.com/fichiers/2012/41/1350212392-exemple.png

Merci d'avance Mr. Green


Dernière édition par Kanzaki le Sam 20 Oct 2012 - 20:38, édité 1 fois

Kanzaki
****

Féminin
Messages : 284
Inscrit(e) le : 19/06/2006

http://mademoiselle-x3.forumactif.org/forum.htm
Kanzaki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les champs du profil sur un pattern

Message par Kanzaki le Dim 14 Oct 2012 - 16:44

J'ai réussi à mettre le pattern derrière l'avatar donc j'ai changé le titre de mon topic, mon problème actuel est que je n'arrive pas à allonger le pattern afin que les champs se mettent par dessus ( comme sur l'image du premier post ).

Si vous ne comprenez pas où je veux en venir je le montre en image :

http://image.noelshack.com/fichiers/2012/41/1350226297-caopt.png

Je précise que je veux également le pseudo sur mon pattern x)

voici mon css :

Code:
tr.post span.gensmall {display:none}
.postdetails span{font-weight:bolder;}

body {
background-repeat: no-repeat;
background-position: top center;
}
 .post .name
        {
          font-family:'Cookie', cursive;
        }
        .ombre
        {text-shadow: #90674D 1px 1px 1px;}
        .profil_avatar
 {
    background-image: url("http://image.noelshack.com/fichiers/2012/41/1349947235-fd.png");
    border-radius: 10px 10px 10px 10px;
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 2px;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
  padding-bottom: 10px;
    text-align: justify;
  height: 400px;
}
        .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 */
     border-radius: 5px 5px 5px 5px;
            text-align: center; /* centrage du texte dans le bloc */
          /* -- mise en forme -- */
          background: #EBE1C3; /* couleur de fond */
            border: 1px solid #B78664; /* bordure */
            color: #B78664; /* couleur texte */
            font-size: 11px; /* taille du texte */
            font-variant: small-caps; /* effet petites majuscules */
            font-weight: bold; /* effet gras */
            letter-spacing: 2px; /* espace entre les lettres */
        }

        .profil-cache {
          border: 1px solid #B78664;
          background : #EBE1C3;
            margin: 2px 0;
            padding: 2px;
     border-radius: 5px 5px 5px 5px;
        }

.champsprofil {
            border: 1px solid #B78664;
          background : #EBE1C3;
       border-radius: 5px 5px 5px 5px;
}

/* SUJETS ADMINISTRATIFS */

.sujetadmincadre {
 
  background-image: url(http://image.noelshack.com/fichiers/2012/41/1349947235-fd.png);
  box-shadow: 0px 0px 2px;
  width: 500px;
  border-left: solid 5px #BBAD7E;
  border-right: solid 5px #BBAD7E;
  font-family: Georgia;
 
}

.sujetadmincadreligne {
 
  border-bottom: 6px double #BBAD7E;
  color: black;
  letter-spacing: -1pt;
 
}
.entete {
 
  letter-spacing: -4px;
  font-family:Georgia Black;
  text-shadow: 0px 0px 1px grey;
  font-size: 40px;
  text-align:center;
  color: #B78664;

}

.souscadre {
 
  background-color: #EBDDBB;
  width: 470px;
  -moz-box-shadow: 0px 0px 1px;
  font-family: calibri;
  text-align: justify;
  margin: 5px;
  font-size: 12px;
  color: #B78664;
 
}

.preambule {
 
  font-family:verdana;
  font-size:10px;
  font-variant:small-caps;
 margin-right:20px;
 margin-left:20px;
  text-align: justify;
  line-height: 10px;
}

Et mon template viewtopic_body

Code:
<div class="profil">
  <span class="name">
      <a name="{postrow.displayed.U_POST_ID}">
      </a>
      {postrow.displayed.POSTER_RANK}
      <br />
          {postrow.displayed.RANK_IMAGE}
      <div class="profil_avatar">
        {postrow.displayed.POSTER_AVATAR}
      </div>
      <br />
      <strong>
        <div align="center">
            <font size="5,5">
              <span class="ombre">
                  {postrow.displayed.POSTER_NAME}
              </span>
            </font>
        </div>
      </strong>
  </span><br />
  <div class="postdetails poster-profile">                   
            <div class="champsprofil"><!-- BEGIN profile_field -->
              {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}
              {postrow.displayed.profile_field.SEPARATOR}
                                    <!-- END profile_field -->
            </div>
            <div onClick="a=this.nextSibling.style;a.display=(a.display==''?'none':'')" class="bouton-profil">
        En savoir plus
      </div>
            <div class="profil-cache" style="display: none">
            {postrow.displayed.POSTER_RPG}
            </div>

Kanzaki
****

Féminin
Messages : 284
Inscrit(e) le : 19/06/2006

http://mademoiselle-x3.forumactif.org/forum.htm
Kanzaki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les champs du profil sur un pattern

Message par Kanzaki le Mer 17 Oct 2012 - 14:23

J'ai trouvé on peut archiver.

Kanzaki
****

Féminin
Messages : 284
Inscrit(e) le : 19/06/2006

http://mademoiselle-x3.forumactif.org/forum.htm
Kanzaki 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