Modelo de Relaciones

Con vips

Código:

<div id="jas_cont1"><div class="dp_cont1"><img src="http://placehold.it/350x200" alt="img01" /><div class="bus1_text"> Descripción psicológica aquí. ¡Caja con scroll!</div></div>
<div class="jas_us_h1">Nombre del personaje</div>
<div class="jas_us_h2">Edad | Raza | Bando</div>
<div id="bvips"><img src="http://placehold.it/160x80" class="bus_img"/><div class="bus_vip"><div class="jas_us_h2">Nombre pj</div><div class="rel_des">text texto</div></div></div>
<div id="bvips"><img src="http://placehold.it/160x80" class="bus_img2"/><div class="bus_vip2"><div class="jas_us_h2">Nombre pj</div><div class="rel_des">text texto</div></div></div>
<div class="us_cont"><li><strong>nombre pj</strong><div class="rel_des"> descripción</div></li>
<li><strong>nombre pj</strong><div class="rel_des"> text texto </div></li>
<li><strong>nombre pj</strong><div class="rel_des"> text texto </div></li>
<li><strong>nombre pj</strong><div class="rel_des"> descripción</div></li></div>
<div id="adm_borderbottom"><a href="http://justaftersunset.foroactivo.mx">Just After Sunset</a></div></div>


Sin vips

Código:

<div id="jas_cont1"><div class="dp_cont1"><img src="http://placehold.it/350x200" alt="img01" /><div class="bus1_text"> Descripción psicológica aquí. ¡Caja con scroll!</div></div>
<div class="jas_us_h1">Nombre del personaje</div>
<div class="jas_us_h2">Edad | Raza | Bando</div><div class="us_cont">
<li><strong>nombre pj</strong><div class="rel_des"> text texto </div></li>
<li><strong>nombre pj</strong><div class="rel_des"> text texto </div></li>
<li><strong>nombre pj</strong><div class="rel_des"> text texto </div></li></div>
<div id="adm_borderbottom"><a href="http://justaftersunset.foroactivo.mx">Just After Sunset</a></div></div>

Vip imagen izquierda

Código:

<div id="bvips"><img src="http://placehold.it/160x80" class="bus_img"/><div class="bus_vip"><div class="jas_us_h2">Nombre pj</div><div class="rel_des">text texto</div></div></div>

Vip imagen derecha

Código:

<div id="bvips"><img src="http://placehold.it/160x80" class="bus_img2"/><div class="bus_vip2"><div class="jas_us_h2">Nombre pj</div><div class="rel_des">text texto</div></div></div>

Caja relaciones normal

Código:

<li><strong>nombre pj</strong><div class="rel_des"> text texto </div></li>