Tutorial 01 | Prueba + HTML

/*FONT*/

<link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">

/*PERFIL*/

				  <div id="cajitaavatar">
                           <div class="elavatar">
 	{postrow.displayed.POSTER_AVATAR}
                             <div class="hoveravatar">
                               <div class="hovie">
                                 <div class="imgava"><div class="mueve_field">NombreDelCampodeImagen</div></div>

                                 <div class="datoava"><n>Dato 1 →</n> <m><div class="mueve_field">NombreDelCampo</div></m></div>
   <div class="datoava"><n>Dato 2 →</n> <m><div class="mueve_field">NombreDelCampo</div></m></div>
   <div class="datoava"><n>Dato 3 →</n> <m><div class="mueve_field">NombreDelCampo</div></m></div>
  <div class="mensava"> <n><div class="mueve_field">Mensajes</div></n> <m>Mensajes</m> </div>
   <div class="mensava"> <n><div class="mueve_field">Puntos</div></n> <m>Puntos</m> </div>

  <div class="contacto">
                                     {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG}
                                 <!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
  </div>

                             </div></div></div>

                           <div class="noavatar">

                             <!-- BEGIN profile_field -->
                             <div class="postprofile-field"><div class="nomostrar">{postrow.displayed.profile_field.LABEL}</div> {postrow.displayed.profile_field.CONTENT}</div>
                             <!-- END profile_field -->

                           </div>
                           <div id="cajitanombre">
                             <n>{postrow.displayed.POSTER_NAME}</n>
                             <m>{postrow.displayed.POSTER_RANK_NEW}</m>
                           </div>
                         </div>