Modelo de Cronologias{Opcional}

por **Shufflin Robot 2.0** Dom Dic 02, 2012 10:54 pm

Cronología

NOMBRE DEL PERSONAJE

Threads Abiertos

13/12 2012	Central Park \|\| Alexis Cooper
	Dreaming in Sheep

??/?? ????	?????? \|\|??????
	?????????

Threads Cerrados

Threads Abandonados

Creado por Faeledhelpara
SourceCode

Código:: <center><table aling="center" ><tr ALIGN="CENTER"><td><table style="margin-right:-190px; position: relative;><tr><td> <div id="cuadrado"><div style=" width: 100px; height: 40px; border-radius: 10px 0px 0px 0;"> <tr><td><div id="cuadrado"><div id="cuadrado"><div style=" width: 100px; height: 40px; border-radius: 10px 0px 0px 0;"> <div id="frase1"><a href='http://'style='text-decoration:none;color:#D6DBCC;(otros)'>Ficha</a></div></div></div></td></tr> <tr><td><div id="cuadrado"><div id="cuadrado"><div style=" width: 100px; height: 40px; border-radius: 10px 0px 0px 0;"> <div id="frase1"><a href='http://'style='text-decoration:none;color:#D6DBCC;(otros)'>Relaciones</a></div></div></div></td></tr> <tr><td><div id="cuadrado"><div style=" width: 100px; height: 40px; border-radius: 10px 0px 0px 0;"> <div id="frase1"><a href='http://'style='text-decoration:none;color:#D6DBCC;(otros)'>Celular</a></div></div></div></td></tr> <tr><td><div id="cuadrado"><div style=" width: 100px; height: 40px; border-radius: 10px 0px 0px 0;box-"> <div id="frase1"><a href='http://'style='text-decoration:none;color:#D6DBCC;(otros)'>Página personal</a></div></div></div></td></tr></table> </td> <td ALIGN="CENTER"><div style="background: url(IMAGEN DE 180 X 400PX) no-repeat center #99AFAB; width: 150px; height: 400px; border: 10px solid #99AFAB; border-radius: 0 10px 10px 0;box-shadow:3px 2px 5px #1B676B;"></div></td><td> <div style="text-shadow:3px 2px 5px #1B676B; font-family: 'Alex Brush'; text-transform:none; letter-spacing:5px; font-size:50px;color:#1B676B; text-align:right;">Cronología</div> <div style="color:#1B676B; font-family: 'Stint Ultra Condensed'; text-transform:none; letter-spacing:5px; font-size:15px; letter-height=1%;text-align:center;"> NOMBRE DEL PERSONAJE</div><div style=" margin-left: -12px; background: #99AFAB; padding: 10px 15px 35px 10px; border-radius: 0 10px 10px 0; opacity: 1;box-shadow:3px 2px 5px #1B676B;"><div style="margin-left: -8px; margin-top: -30px;"> <div id="contentc"><div style="margin-left: -20px; width: 230px; height: 40px; background-color: #D6DBCC; font-size: 20px; border-radius: 0 10px 0px 0; font-family:'Stint Ultra Condensed' ; ">Threads Abiertos</div><div style='height: 150px; padding: 20px 20px 20px 20px; background-color: #D6DBCC; text-align: justify; overflow: auto; text-transform: none; line-height: 16px'> <TABLE > <TR><TD ROWSPAN=2 BGCOLOR="#85A09B" ><div id="fecha">13/12 <div id="frase">2012</div></div></TD><TD valign="bottom">Central Park || Alexis Cooper</TD></TR><TR><TD valign="top"><a href='http://'> Dreaming in Sheep</a></TD></TR></TABLE> <TABLE > <TR><TD ROWSPAN=2 BGCOLOR="#85A09B" ><div id="fecha">??/?? <div id="frase">????</div></div></TD><TD valign="bottom"> ?????? ||??????</TD></TR><TR><TD valign="top"><a href='http://'> ?????????</a></TD></TR></TABLE> </div></div> <div id="contentc"><div style="margin-left: -20px; width:230px; height: 40px; background-color: #D6DBCC; font-size: 20px; border-radius: 0 10px 0px 0;font-family:'Stint Ultra Condensed' ; ">Threads Cerrados</div><div style='height: 150px; padding: 20px 20px 20px 20px; background-color: #D6DBCC; text-align: justify; overflow: auto; text-transform: lowercase; line-height: 16px'> </div></div> <div id="contentc"><div style="margin-left: -20px; width: 230px; height: 40px; background-color: #D6DBCC; font-size: 20px; border-radius: 0 10px 0px 0;font-family:'Stint Ultra Condensed' ; ">Threads Abandonados</div><div style='height: 150px; padding: 20px 20px 20px 20px; background-color: #D6DBCC; text-align: justify; overflow: auto; text-transform: lowercase; line-height: 16px'> </div></div></div></div><div style=" font-family: 'Stint Ultra Condensed'; text-transform:none; letter-spacing:5px; font-size:10px; letter-height=1%;text-align:center;color:#1B676B;">Creado por <a href='http://www.oursourcecode.net/u1580'style='text-decoration:none;color:#1B676B;(otros)'>Faeledhel</a>para <a href='http://www.oursourcecode.net/'style='text-decoration:none;color:#1B676B;(otros)'>SourceCode</a></div></td></tr></table> <style type="text/css">#contentc { width: 230px; height:40px; font-family; arial; font-size:10px; color: #1B676B; text-align: center; line-height: 40px; overflow: hidden; -moz-transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out }#contentc:hover{ width: 230px; height:200px; font-family: ;font-size: 12px; color: #85A09B; text-align: center; line-height: 40px; overflow: hidden; -moz-transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out }#contentc a:link, .tabc a:visited, .tabc a:active { font-family:Times new roman; font-family: 20px; color: #1B676B;}#contentc a:hover { color: #1B676B}#fecha{font-size: 40px; font-family:'Stint Ultra Condensed' ; color:#D6DBCC; padding:5px; line-height: 100%;}#frase { font-family: arial; font-size: 9px; color: #D6DBCC; text-align: center; letter-spacing: 5px; text-transform: uppercase; line-height: 90%;}#cuadrado{ background: #99AFAB; -moz-transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out;opacity: 0.5; border-radius: 0 10px 0px 0}#cuadrado:hover{ -moz-transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; color: #EFF2E9; background: #1B676B;opacity: 1;border-radius: 0 10px 0px 0}#frase1{font-family: arial; font-size: 9px; color: #D6DBCC; text-align: center; letter-spacing: -1px; text-transform: uppercase; line-height: 90%;}</style><link href='http://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Stint+Ultra+Condensed' rel='stylesheet' type='text/css'> <center>