Componentes administrativos I

/************ Componente staff negro, azul y dorado ************/
<div style="width: 120px; height: 120px; border-radius: 250px 250px 250px 250px / 190px 190px 190px 190px; background:url(http://i.imgur.com/W6WE7Nr.jpg); border-top: 8px solid #0A0410; border-bottom: 8px solid #0A0410; border-right: 3px solid #0A0410; border-left: 3px solid #0A0410;"><div style="border-left: 10px solid #ADA237; width: 90px; background: #0A0410; color: #ADA237; font-size: 8px; font-family: Tahoma; line-height: 100%; padding-bottom: 3px; padding-top: 2px; position: relative; top: 81px; right: -10px; text-transform: uppercase;">Nombre Apellido</div><div style="border-radius: 0px 0px 0px 11px; border-right: 3px solid #537da3; width: 90px; background: #0A0410; font-size: 8px; font-family: Tahoma; line-height: 100%; padding-bottom: 3px; padding-top: 2px; position: relative; top: 82px; left: -11px; text-transform: uppercase;"><a href="" style="color: #537da3;">Mensaje Privado</a></div></div>

/************ Componente staff verde **************/
<table cellspacing="2"><td><div style="width: 50px; height: 50px; border: 15px solid #086143; background:url(http://i.imgur.com/vMWXnqM.jpg);"></div></td><td><div style="text-align: center; width: 80px; background: #579C25; color: #000000; font-size: 8px; font-family: Tahoma; line-height: 100%; padding-bottom: 4px; padding-top: 4px; font-weight: 700; margin-left: -31px; margin-bottom: -1px; text-transform: uppercase; transform: rotate(-90deg);">Nombre Apellido</div></td><td><div style="text-align: center; width: 80px; background: #C4D687; font-size: 8px; font-family: Tahoma; line-height: 100%; padding-bottom: 4px; padding-top: 4px; font-weight: 700; margin-left: -63px; margin-bottom: -1px; text-transform: uppercase; transform: rotate(-90deg);"><a href="" style="color: #000000">Mensaje Privado</a></div></td></table>