|
|
|
|
Captain's life -Cronologia-
Captain's life -Cronologia-
con alguien en Lugar
con alguien en Lugar
con alguien en Lugar
Temas Cerrados
con alguien en Lugar
con alguien en Lugar
con alguien en Lugar
Temas Abandonados
con alguien en Lugar
con alguien en Lugar
con alguien en Lugar
con alguien en Lugar
con alguien en Lugar
con alguien en Lugar
Tramas Globales
con alguien en Lugar
con alguien en Lugar
con alguien en Lugar
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet sodales quam, et hendrerit est. Suspendisse ac enim ligula. Nulla egestas sem non imperdiet scelerisque. Morbi molestie nulla maximus hendrerit hendrerit. Phasellus lacinia nibh quis nisl ullamcorper, at auctor erat vestibulum. Mauris tempor vestibulum sollicitudin. Donec porta, quam eu laoreet aliquam, libero diam placerat diam, a vulputate nisi turpis eget neque. Maecenas non tellus tellus. Morbi eget fermentum lectus, quis aliquet felis. Vivamus tincidunt iaculis enim, eget viverra nulla pretium id. Proin gravida molestie pretium. Sed id sem ac turpis fermentum facilisis et non tellus.
Ut iaculis sed lectus in congue. Integer in blandit nibh, vel interdum diam. Sed a neque pretium, dictum justo non, imperdiet libero. Quisque vitae sapien commodo, suscipit leo a, sagittis orci. Ut volutpat ante eget orci aliquam eleifend. Suspendisse potenti. Etiam eget nulla nec nibh ultricies vehicula non sed mi. Praesent ut eros sodales, luctus tortor non, ultrices lectus. Curabitur sed mollis dolor. Vivamus ornare purus nec nisl dictum, ullamcorper convallis leo auctor.
Suspendisse potenti. Vestibulum suscipit ut dolor pulvinar imperdiet. Aenean diam felis, aliquam sed commodo non, commodo eu nulla. Nam sit amet nisl id elit aliquam maximus. Pellentesque at sapien nec est consequat fermentum. Integer vitae congue diam. Integer non vulputate risus. Duis aliquam augue vitae dui commodo, sit amet dignissim erat condimentum. Quisque rutrum nunc ac ultricies iaculis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque quis arcu in diam interdum pellentesque. Morbi commodo lorem et turpis eleifend tincidunt.
- Código:
<link href='http://fonts.googleapis.com/css?family=Droid+Serif|Rock+Salt' rel='stylesheet' type='text/css'>
<div style="background: url(http://i.imgur.com/Pqu25nj.png); padding: 25px; width: 500px; height:366px; line-height: 1.4em;"><font style="font: 16px Rock Salt;color: #731313;"> Nombre de la Vitacora</font><div id="CronoLast2"><font style="font: 12px Rock Salt; align:right; text-decoration: underline;">Temas Activos</font>
<li><b>Titulo del tema</b>
con <i>alguien</i> en <a href="link aqui">Lugar</a></li>
<li><b>Titulo del tema</b>
con <i>alguien</i> en <a href="link aqui">Lugar</a></li>
<li><b>Titulo del tema</b>
con <i>alguien</i> en <a href="link aqui">Lugar</a></li>
<font style="font: 12px Rock Salt; align:right; text-decoration: underline;">Temas Cerrados</font>
<li><b>Titulo del tema</b>
con <i>alguien</i> en <a href="link aqui">Lugar</a></li>
<li><b>Titulo del tema</b>
con <i>alguien</i> en <a href="link aqui">Lugar</a></li>
<li><b>Titulo del tema</b>
con <i>alguien</i> en <a href="link aqui">Lugar</a></li>
<font style="font: 12px Rock Salt; align:right; text-decoration: underline;">Temas Abandonados</font>
<li><b>Titulo del tema</b>
con <i>alguien</i> en <a href="link aqui">Lugar</a></li>
<li><b>Titulo del tema</b>
con <i>alguien</i> en <a href="link aqui">Lugar</a></li>
<li><b>Titulo del tema</b>
con <i>alguien</i> en <a href="link aqui">Lugar</a></li>
<li><b>Titulo del tema</b>
con <i>alguien</i> en <a href="link aqui">Lugar</a></li>
<li><b>Titulo del tema</b>
con <i>alguien</i> en <a href="link aqui">Lugar</a></li>
<li><b>Titulo del tema</b>
con <i>alguien</i> en <a href="link aqui">Lugar</a></li>
<font style="font: 12px Rock Salt; align:right; text-decoration: underline;">Tramas Globales</font>
<li><b>Titulo del tema</b>
con <i>alguien</i> en <a href="link aqui">Lugar</a></li>
<li><b>Titulo del tema</b>
con <i>alguien</i> en <a href="link aqui">Lugar</a></li>
<li><b>Titulo del tema</b>
con <i>alguien</i> en <a href="link aqui">Lugar</a></li></div>
<div id="CronoLast3"><font style="font: 12px Rock Salt;">Sobre mi....</font><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet sodales quam, et hendrerit est. Suspendisse ac enim ligula. Nulla egestas sem non imperdiet scelerisque. Morbi molestie nulla maximus hendrerit hendrerit. Phasellus lacinia nibh quis nisl ullamcorper, at auctor erat vestibulum. Mauris tempor vestibulum sollicitudin. Donec porta, quam eu laoreet aliquam, libero diam placerat diam, a vulputate nisi turpis eget neque. Maecenas non tellus tellus. Morbi eget fermentum lectus, quis aliquet felis. Vivamus tincidunt iaculis enim, eget viverra nulla pretium id. Proin gravida molestie pretium. Sed id sem ac turpis fermentum facilisis et non tellus.
Ut iaculis sed lectus in congue. Integer in blandit nibh, vel interdum diam. Sed a neque pretium, dictum justo non, imperdiet libero. Quisque vitae sapien commodo, suscipit leo a, sagittis orci. Ut volutpat ante eget orci aliquam eleifend. Suspendisse potenti. Etiam eget nulla nec nibh ultricies vehicula non sed mi. Praesent ut eros sodales, luctus tortor non, ultrices lectus. Curabitur sed mollis dolor. Vivamus ornare purus nec nisl dictum, ullamcorper convallis leo auctor.
Suspendisse potenti. Vestibulum suscipit ut dolor pulvinar imperdiet. Aenean diam felis, aliquam sed commodo non, commodo eu nulla. Nam sit amet nisl id elit aliquam maximus. Pellentesque at sapien nec est consequat fermentum. Integer vitae congue diam. Integer non vulputate risus. Duis aliquam augue vitae dui commodo, sit amet dignissim erat condimentum. Quisque rutrum nunc ac ultricies iaculis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque quis arcu in diam interdum pellentesque. Morbi commodo lorem et turpis eleifend tincidunt.</p><img src="http://www.pd4pic.com/images/tribal-pattern-lines-symmetrical-design-style.png" style="width:220px;"/>
</div>
</div>
<div style="background:url(http://i.imgur.com/ByecoN5.png); padding: 10px; width: 180px;height: 207px; position: relative; top: -150px; left: 400px; transform: rotate(10deg);"><img src="http://placehold.it/180x180" class="CronoLastimg"/ ><div id="CronoLast1"><li>Dato 1</li><li>Dato 2</li><li>Dato 4</li><li>Dato 4</li><li>Dato 5</li><li>Dato 6</li><li>Dato 7</li><li><a hrer="http://mikeiry.forochile.org/">❦</a></li></div>
</div>
<style>#CronoLast1 {padding: 5px; background: black; width: 170px; height: 170px; opacity: 0; margin-top: -185px; transition:0.5s; color: white;}#CronoLast1:hover {opacity: 0.5}#CronoLast1 li {display: inline-block; padding:5px; font: 13px calibri; background:#731313;margin:2px; width: 68px;text-align: center;height: 28px;}.CronoLastimg {width:180px; height: 180px;}#CronoLast2{width: 230px; padding: 5px; height: 320px; overflow: auto; font: 12px Droid Serif;}#CronoLast2 i{color: #731313;}#CronoLast2 a{text-transform:uppercase; text-decoration: none; font: 9px droid serif; color: #731313}#CronoLast3 {width: 230px; padding:5px; margin-left: 270px;margin-top: -390px; height: 230px; text-align: right;}#CronoLast3 p{ font: 11px droid serif; text-align: justify; height: 200px; display: block; overflow:auto; }</style>
» TRUTH IS THE REAL LIFE
» All in one -Relacion, cronologia y mas-
» Dreamland Cronologia
» Rouge -Cronologia-
Sáb Mar 28, 2020 11:17 pm por Kuroki
» Morderish - Widget-
Sáb Nov 09, 2019 2:42 pm por Kuroki
» Hey Mamma! -Widgets-
Sáb Nov 09, 2019 2:37 pm por Kuroki
» Deku -Expediente
Jue Ago 16, 2018 12:55 am por Kuroki
» Keep it simple -Expediente-
Jue Ago 16, 2018 12:54 am por Kuroki
» 09/08/18 SF
Jue Ago 09, 2018 3:58 pm por Kuroki
» Keep it simple -Widgets-
Jue Ago 09, 2018 3:50 pm por Kuroki
» Dream catcher -Usos multiples-
Jue Ago 09, 2018 3:39 pm por Kuroki
» Bite -Otros-
Jue Ago 09, 2018 3:38 pm por Kuroki