Modelo de cronología

por Invitado Miér Ago 29, 2012 6:08 pm

Cronología:

Nombre del personaje

ficha

Un poco sobre mí:

kkdkkdkdkdkdkdkdkdkd

Threads Abiertos

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

Threads Cerrados

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

Threads Abandonados

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

Creado por Faeledhel para SourceCode

Código:: <center><div style="background-image:url(http://i573.photobucket.com/albums/ss171/Faeledhel/Butterflybook.png);height:413px;width:525px; padding: 40px; overflow:hidden;"> <table width="525" height="369" style="overflow:hidden;"align="center"> <td width="254" valign="top"><center> <div style= "width:250px;"> <div style="font-size: 50px; font-family:'Lovers Quarrel' ; color:#7b3c1b;line-height: 1%;position:relative; left:-60px; top:20px;">Cronología: </div> <div style="padding-left:45px; height:290px; "></div> <div id="nombrepj">Nombre del personaje </div><br /><table><td><div id="link"> <a href='http://'style='text-decoration:none;color:#7b3c1b;(otros)'>ficha</a></div></td><td> <div id="link"> <a href='http://'style='text-decoration:none;color:#7b3c1b;(otros)'>ficha</a> </div></td><td><div id="link"> <a href='http://'style='text-decoration:none;color:#7b3c1b;(otros)'>ficha</a> </div></td><td><div id="link"> <a href='http://'style='text-decoration:none;color:#7b3c1b;(otros)'>ficha</a> </div></td></table></center></div></td><td width="259" valign="top"> <div style="padding-left:20px; padding-right:50px;"><div id="primercua">Un poco sobre mí: </div><div style="width: 270px; height: 130px; background-image: url(IMAGEN DE 270px * 130px); "><div id="shipper"> kkdkkdkdkdkdkdkdkdkd </div></div><center><div id="contentc"><div style="margin-left: -20px; width: 270px; height: 40px;font-size: 30px; border-radius: 0 10px 0px 0;font-family:'Lovers Quarrel';;background-image:url(http://i573.photobucket.com/albums/ss171/Faeledhel/barra-1.png)">Threads Abiertos</div><div id='contenidoth'> <TABLE > <TR><TD ROWSPAN=2 BGCOLOR="#f8af33" ><div id="fecha">??/?? <div id="año">????</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: 270px; height: 40px;font-size: 30px; border-radius: 0 10px 0px 0;font-family:'Lovers Quarrel';background-image:url(http://i573.photobucket.com/albums/ss171/Faeledhel/barra-1.png)">Threads Cerrados</div><div id='contenidoth'> <TABLE > <TR><TD ROWSPAN=2 BGCOLOR="#f8af33" ><div id="fecha">??/?? <div id="año">????</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: 270px; height: 40px;font-size: 30px; border-radius: 0 10px 0px 0;font-family:'Lovers Quarrel';background-image:url(http://i573.photobucket.com/albums/ss171/Faeledhel/barra-1.png)">Threads Abandonados</div><div id='contenidoth'> <TABLE > <TR><TD ROWSPAN=2 BGCOLOR="#f8af33" ><div id="fecha">??/?? <div id="año">????</div></div></TD><TD valign="bottom"> ?????? ||??????</TD></TR><TR><TD valign="top"><a href='http://'> ?????????</a></TD></TR></TABLE> </div></div></center></div> </td> </table></div> <div id="creditos">Creado por <a href='http://www.oursourcecode.net/u1580'style='text-decoration:none;color:#e00000;(otros)'>Faeledhel</a> para <a href='http://www.oursourcecode.net/'style='text-decoration:none;color:#e00000;(otros)'>SourceCode</a></div> <link href='http://fonts.googleapis.com/css?family=Flamenco' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Lovers+Quarrel' rel='stylesheet' type='text/css'> <style type="text/css">#contenidoth{height: 100px; padding: 0px 20px 20px 20px; text-align: justify; overflow: auto; text-transform: lowercase; line-height: 16px;border-bottom:dotted 2px #e00000}#contentc { width: 270px; height:40px; font-family; times new roman; font-size:9px; color: #7b3c1b; 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: 270px; height:160px; font-family: ;font-size: 11px; color: #7b3c1b; 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: #7b3c1b;}#contentc a:hover { color: #e00000}#fecha{font-size: 20px; font-family:'Flamenco' ; color:#fefefe; padding:5px; line-height: 100%;}#nombrepj{ font-size: 45px; font-family:'Lovers Quarrel' ; color:#7b3c1b;line-height: 1%;}#link{font-size: 15px; font-family:'Flamenco'; color:#7b3c1b;line-height: 1%;-moz-transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out}#link:hover{font-size: 20px; font-family:'Flamenco' ; color:#e00000;line-height: 1%;-moz-transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out;letter spacing:2px }#año { font-family: arial; font-size: 9px; color: #fefefe; text-align: center; letter-spacing: 5px; text-transform: uppercase; line-height: 90%;}#creditos{font-size: 10px; font-family:'Flamenco'; color:#7b3c1b;line-height: 1%;}#shipper { width: 260px; height: 120px; padding: 10px; color: transparent; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; font-family: times new roman; font-size: 9px; letter-spacing: 1px; text-transform: lowercase; line-height: 100%; text-align: justify; overflow: hidden; }#shipper:hover { width: 260px; height: 120px; padding: 5px; background-color: #fefefe; text-align: justify; overflow: auto; text-transform: lowercase; line-height: 110%;font-family:Times New Roman; font-size:10px; color:#7b3c1b } #primercua{font-size:20px; font-family:'Flamenco';line-height: 50%; text-align:right;padding-right:-20px; color:#7b3c1b;border-bottom:dotted 2px #e00000} </style>