Modelo de Relaciones

Tan solo copia el código al final y colócalo en un tema nuevo. La imagen debe ser de 568px por 200px (no es una medida amigable, lo sabemos, pero es lo que hay), de ser de otra medida será redimensionada automáticamente. Se pueden agregar todo tipo de categorías ya sea en las relaciones positivas o negativas, pero preferentemente realicen esos agregados en las extras, al final, donde hemos colocado a los VIPs.

Código:

<div id="nombref">Nombre & Apellido</div><div style="background: url('LINK DE LA IMAGEN');" id="imagenf"></div><div id="frasef">frase frase frase frase frase frase frase frase frase frase</div>
<div id="positivof">♥</div><div id="boxpositivo"><div id="catrelaciones">Familia</div>Familiar
Familiar

<div id="catrelaciones">Respeto</div>Respetado
Respetado

<div id="catrelaciones">Amigos</div>Amigo
Amigo

<div id="catrelaciones">Mejores Amigos</div>Mejor amigo
Mejor amigo

<div id="catrelaciones">Aliados</div>Aliado
Aliado

<div id="catrelaciones">Protegido</div>Protegido
Protegido

<div id="catrelaciones">Protector</div>Protector
Protector

<div id="catrelaciones">Atracción</div>Atracción
Atracción

<div id="catrelaciones">Pareja</div>Pareja</div><div id="negativof">✖</div><div id="boxnegativo"><div id="catrelaciones">Desagrado</div>Desagrado
Desagrado

<div id="catrelaciones">Rival</div>Rival
Rival

<div id="catrelaciones">Enemigo</div>Enemigo
Enemigo

<div id="catrelaciones">Odio</div>Odio
Odio

<div id="catrelaciones">Ignorados</div>Ignorado
Ignorado</div><div id="neutrof"><b>#</b></div><div id="neutrobox"><div id="catrelaciones">VIPs</div>VIP
VIP
VIP</div>