Mettre les champs du profil sur un pattern

[Kanzaki]

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

https://2img.net/image.noelshack.com/fichiers/2012/41/1350212392-exemple.png

Merci d'avance

[Kanzaki]

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 :

https://2img.net/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]

J'ai trouvé on peut archiver.