tabla relaciones

**Faith Everett** Mar Nov 20, 2012 5:19 pm

Nombre y apellido

	Edad EDAD AQUÍ
	Dirección DIRECCIÓN AQUÍ
	O. Sexual ORIENTACIÓN SEXUAL AQUÍ

Personalidad

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu diam purus. Sed sed malesuada est. Morbi lacinia leo eget orci sollicitudin sit amet mollis nulla molestie. Pellentesque fringilla nunc et massa sagittis consectetur id at arcu. Pellentesque sem est, dignissim non scelerisque vitae, scelerisque eu nisi. Mauris bibendum sapien sed metus elementum mattis. Duis a arcu at tellus sollicitudin aliquam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse nec est nec purus bibendum gravida. Sed massa libero, aliquam a feugiat viverra, eleifend eu urna. Vestibulum luctus neque vel neque consectetur vestibulum. Sed mattis arcu in libero varius non bibendum lacus faucibus. Nam eu nisl rutrum velit tempus dictum non eu odio.

Código:: <link href='http://fonts.googleapis.com/css?family=Megrim' rel='stylesheet' type='text/css'> <style type="text/css">.color {background: #B8696A; height: 50px; width: 320px;font-size: 32px; font-family: megrim; color: #ECE7E7; padding: 10px; letter-spacing: -2px; text-align: right; -moz-transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; border-bottom: 5px solid #a45d5e} .color:hover {background: #B8B669; height: 60px; width: 320px; font-size: 32px; font-family: megrim; color: #ECE7E7; padding: 10px; letter-spacing: -2px; text-align: right; -moz-transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; border-bottom: 5px solid #9f9d59;}</style> <center><div style="position: absolute; margin-left: 220px; "><div class="color"><br>Nombre y apellido</div></div><br><div style="width: 420px; background: #ECE7E7 ; padding: 6px; margin-top: 26px; color: #ECE7E7; font-family: georgia; font-size: 12px; "><div style="width: 348px; background: #4a3e3f ; padding: 6px; border-right: 23px solid #423738 ; border-left: 23px solid #423738 ;"><table cellspacing="2"> <tr><td><div style="background-image: url(http://i1106.photobucket.com/albums/h368/obstacle134/par1.png); width: 175px; height: 115px;"></div></td><td><div style="background: #B8696A; width: 175px; height: 115px; color: #ECE7E7; font-family: Megrim; font-size:21px; text-align: center"><br>Edad<br><br><font style="font-family: georgia; font-size: 10px; text-align: center; text-transform: uppercase">EDAD AQUÍ</font></div></td> </tr> <tr><td><div style="background-image: url(http://i1106.photobucket.com/albums/h368/obstacle134/parte2.png); width: 175px; height: 115px;"></div></td><td><div style="background: #B8696A; width: 175px; height: 115px; color: #ECE7E7; font-family: Megrim; font-size:21px; text-align: center"><br>Dirección<br><br><font style="font-family: georgia; font-size: 10px; text-align: center; text-transform: uppercase">DIRECCIÓN AQUÍ</font></div></td> </tr> <tr><td><div style="background-image: url(http://i1106.photobucket.com/albums/h368/obstacle134/parte3.png); width: 175px; height: 115px;"></div></td><td><div style="background: #B8696A; width: 175px; height: 115px; color: #ECE7E7; font-family: Megrim; font-size:21px; text-align: center"><br>O. Sexual<br><br><font style="font-family: georgia; font-size: 10px; text-align: center; text-transform: uppercase">ORIENTACIÓN SEXUAL AQUÍ</font></div></td> </tr></table><br><div style="position: absolute; margin-left: 90px; "><div class="color"><br>Personalidad</div></div><br><br><br> [justify]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu diam purus. Sed sed malesuada est. Morbi lacinia leo eget orci sollicitudin sit amet mollis nulla molestie. Pellentesque fringilla nunc et massa sagittis consectetur id at arcu. Pellentesque sem est, dignissim non scelerisque vitae, scelerisque eu nisi. Mauris bibendum sapien sed metus elementum mattis. Duis a arcu at tellus sollicitudin aliquam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse nec est nec purus bibendum gravida. Sed massa libero, aliquam a feugiat viverra, eleifend eu urna. Vestibulum luctus neque vel neque consectetur vestibulum. Sed mattis arcu in libero varius non bibendum lacus faucibus. Nam eu nisl rutrum velit tempus dictum non eu odio.[/justify]</div></div> </center>