Tablilla modelo de cronología [CSS/HTML]

por **Lan Ming** Jue 31 Ene - 0:09

Tablilla modelo de cronología [CSS/HTML] Cronologia1

Tablilla modelo de cronología [CSS/HTML] Activos

►

►

►

►

►

Tablilla modelo de cronología [CSS/HTML] Cerrados

╬

╬

╬

╬

╬

Tablilla modelo de cronología [CSS/HTML] Abandonados

§

§

§

§

§

Código:: [center] [IMG]http://i1094.photobucket.com/albums/i458/blackheaven2/madararui/cronologa.png[/IMG] [IMG]http://i1094.photobucket.com/albums/i458/blackheaven2/madararui/cronologia1.png[/IMG] [IMG]http://i1094.photobucket.com/albums/i458/blackheaven2/madararui/activos.png[/IMG] [color=#0d5ca1][size=24]►[/size][/color] [color=#0d5ca1][size=24]►[/size][/color] [color=#0d5ca1][size=24]►[/size][/color] [color=#0d5ca1][size=24]►[/size][/color] [color=#0d5ca1][size=24]►[/size][/color] [IMG]http://i1094.photobucket.com/albums/i458/blackheaven2/madararui/cerrados.png[/IMG] [color=#850303][size=24]╬[/size][/color] [color=#850303][size=24]╬[/size][/color] [color=#850303][size=24]╬[/size][/color] [color=#850303][size=24]╬[/size][/color] [color=#850303][size=24]╬[/size][/color] [IMG]http://i1094.photobucket.com/albums/i458/blackheaven2/madararui/abandonados.png[/IMG] [color=#027a7a][size=24]§[/size][/color] [color=#027a7a][size=24]§[/size][/color] [color=#027a7a][size=24]§[/size][/color] [color=#027a7a][size=24]§[/size][/color] [color=#027a7a][size=24]§[/size][/color] [/center]

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

Cronología

NOMBRE DEL PERSONAJE

Temas Abiertos

DÍA/MES AÑO	DONDE Y CON QUIEN TIENES EL TEMA.
	[Tienes que estar registrado y conectado para ver este vínculo]

??/?? ????	?????? \|\|??????
	[Tienes que estar registrado y conectado para ver este vínculo]

Temas Cerrados

Temas Abandonados

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

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> </table> </td> <td ALIGN="CENTER"><div style="background: url(http://i1094.photobucket.com/albums/i458/blackheaven2/madararui/cronologias.jpg) no-repeat center #99AFAB; width: 180px; 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' ; ">Temas 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">DÍA/MES <div id="frase">AÑO</div></div></TD><TD valign="bottom">DONDE Y CON QUIEN TIENES EL TEMA.</TD></TR><TR><TD valign="top"><a href='URL DE TU TEMA'> NOMBRE DEL TEMA</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' ; ">Temas 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' ; ">Temas 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>