Modelo de relaciones

por **Serena Tsukino** Miér Mar 20, 2013 5:19 pm

Nombre & Apellido

Dato | Dato | Dato

My Loved Ones

Categoría
Nombre
Nombre

Categoría
Nombre
Nombre

Categoría
Nombre
Nombre

Categoría
Nombre
Nombre

Enemies

Categoría
Nombre
Nombre

Categoría
Nombre
Nombre

Categoría
Nombre
Nombre

Categoría
Nombre
Nombre

VIPs & Stuff

Categoría
Nombre
Nombre

Categoría
Nombre
Nombre

Categoría
Nombre
Nombre

Categoría
Nombre
Nombre

Thanks [Tienes que estar registrado y conectado para ver este vínculo]

Spoiler:

Código:: <div id="death" ><div id="deacont"><div id="deanombre">Nombre & Apellido</div><div id="deadatos">Dato | Dato | Dato</div><table><tr><td><div id="deast">My Loved Ones<div id="deast2"><b>Categoría</b> Nombre Nombre <b>Categoría</b> Nombre Nombre <b>Categoría</b> Nombre Nombre <b>Categoría</b> Nombre Nombre</div></div></td><td><div id="deast">Enemies<div id="deast2"><b>Categoría</b> Nombre Nombre <b>Categoría</b> Nombre Nombre <b>Categoría</b> Nombre Nombre <b>Categoría</b> Nombre Nombre</div></div></td></tr></table><div id="deast">VIPs & Stuff<div id="deast2"><b>Categoría</b> Nombre Nombre <b>Categoría</b> Nombre Nombre <b>Categoría</b> Nombre Nombre <b>Categoría</b> Nombre Nombre</div></div></div><div id="deacred">Thanks <a href="http://www.oursourcecode.net/u106">Pyrite Wolf</a></div></div> <style>#death{box-shadow: 0px 0px 20px #000;position: relative;font: 10px kreon;border-radius: 10px;width: 490px; height: 640px; padding: 5px;background: url('IMAGEN AQUÍ');background-size: 100%; background-position: 50%;margin: auto;} #deacont {margin-left: auto;border-radius: 10px;background: rgba(0,0,0,0.8); padding: 5px; width: 320px;} #deanombre {background: rgba(107,61,42, 0.8); border-radius: 5px;font: 30px metal mania;text-align: center; color: #C2B0A9;} #deast {background: rgba(156, 128, 117, 0.8); border-radius: 5px; margin-top: 5px;font: 20px metal mania; text-align: center; color: #633F30; height: 25px;} #deast2{margin-top: 5px;overflow: hidden; height: 0px; padding: 0px 10px;border-radius: 5px; background: rgba(37,40,41, 0.8); font: 11px kreon; color: #C2B0A9;} #deast:hover #deast2 {height: 475px;overflow: auto;} #deast:hover {margin-bottom:485px;} #death * {transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;} #deadatos {background: rgba(138, 107, 94, 0.8); border-radius: 5px; padding: 3px 5px; text-align: center; text-transform: uppercase; margin-top: 5px; color: #C2B0A9;} #deacred {text-transform: uppercase; text-align: center;background: rgba(37,40,41, 0.8); border-radius: 5px;position: absolute; bottom: 5px; left: 5px; right: 5px;color: #aaa;} #death a {color: #C2B0A9;} #death ::-webkit-scrollbar { width: 5px; height: 5px; } #death ::-webkit-scrollbar-button:start:decrement, #death ::-webkit-scrollbar-button:end:increment {display:none; } #death ::-webkit-scrollbar-track-piece { background: transparent;} #death ::-webkit-scrollbar-thumb:vertical,#death ::-webkit-scrollbar-thumb:horizontal {border-radius: 3px; background: #633F30;} #deast2 b {color: #633F30; font: 15px metal mania;} #death tr, #death tbody, #death table {display: block;} #death td {display: inline-block; width: 49%;margin: 1.5px;vertical-align: top;} #death td #deast2{width: 189%;} #death td+td #deast2 {margin-left: -160px;}</style><link href='http://fonts.googleapis.com/css?family=Kreon:300,400,700' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Metal+Mania' rel='stylesheet' type='text/css'>