Modelo prueba

**Kaos** · por **Kaos** Dom Ene 22, 2017 3:17 am

Alias cool

Pequeña reseña de tu personaje como una introduccion a el, o una cita que lo defina. Algo que sirva para darle un vistazo. Tambien puedes anexar algun dato importante que pida el foro

Relaciones & esas cosas

Loki LaufeysonBueno con loki nos llevamos bien por que el es malvado, y yo tambien y como podria eso salir mal ? Amistad

Nombre sin imagenRelacion aqui, en caso de que no te gusten con fotografias puedes ponerlo asi tipo de relacion

Nombrela imagen se pondra automaticamente de este alto, pero tecnicamente puedes poner cualqueir imagen y esta se adaptara Amistad

Nombre sin imagenRelacion aqui, en caso de que no te gusten con fotografias puedes ponerlo asi tipo de relacion

Temas Activos

Contenido, puedes escribir todo lo que quieras tiene un limite antes de que aparezca el scroll

Temas Cerrados

Contenido, puedes escribir todo lo que quieras tiene un limite antes de que aparezca el scroll

Tramas

Contenido, puedes escribir todo lo que quieras tiene un limite antes de que aparezca el scroll

Mas categorias

Puedes copiar esto y crear todas las que quieras para mantenerte organizado. Quizas quieras listar cosas o crear un inventario incluso. En fin esto te da bastante versatilidad por que aparecera un scroll no solo en la cajita si no en esta seccion general

Ficha

MP

Busqueda

Aqui puedes resaltar algo, como que estas abierto a roles
By Nymphea

Código:: <div id="Doom0"><div id="Doom1" style="background: url(http://www.comicbookcritic.net/wp-content/uploads/2016/09/Infamous_Iron_Man_1_Ribic_Variant.jpg) center;"><li>Alias cool</li><div id="Doom2">Pequeña reseña de tu personaje como una introduccion a el, o una cita que lo defina. Algo que sirva para darle un vistazo. Tambien puedes anexar algun dato importante que pida el foro</div></div><div id="Doom3"><strong>Relaciones & esas cosas</strong><div id="Doom4"><li><img src="https://68.media.tumblr.com/avatar_53160c7774a7_128.png"/><u>Loki Laufeyson</u><i>Bueno con loki nos llevamos bien por que el es malvado, y yo tambien y como podria eso salir mal ? </i><strong>Amistad</strong></li><li><u>Nombre sin imagen</u><i>Relacion aqui, en caso de que no te gusten con fotografias puedes ponerlo asi </i><strong>tipo de relacion</strong></li><li><img src="https://68.media.tumblr.com/avatar_53160c7774a7_128.png"/><u>Nombre</u><i>la imagen se pondra automaticamente de este alto, pero tecnicamente puedes poner cualqueir imagen y esta se adaptara </i><strong>Amistad</strong></li><li><u>Nombre sin imagen</u><i>Relacion aqui, en caso de que no te gusten con fotografias puedes ponerlo asi </i><strong>tipo de relacion</strong></li></div></div><div id="Doom5"><u>Temas Activos</u><p>Contenido, puedes escribir todo lo que quieras tiene un limite antes de que aparezca el scroll</p> <u>Temas Cerrados</u><p>Contenido, puedes escribir todo lo que quieras tiene un limite antes de que aparezca el scroll</p> <u>Tramas</u><p>Contenido, puedes escribir todo lo que quieras tiene un limite antes de que aparezca el scroll</p> <u>Mas categorias</u><p>Puedes copiar esto y crear todas las que quieras para mantenerte organizado. Quizas quieras listar cosas o crear un inventario incluso. En fin esto te da bastante versatilidad por que aparecera un scroll no solo en la cajita si no en esta seccion general</p><li>Ficha</li><li>MP</li><li>Busqueda</li><strong>Aqui puedes resaltar algo, como que estas abierto a roles</strong> <a href="http://mikeiry.forochile.org/" class="Doomcredit">By Nymphea</a></div></div> <link href="https://fonts.googleapis.com/css?family=Cinzel" rel="stylesheet"> <style>#Doom0{height: 640px; width: 610px; overflow: hidden; background: url(http://wallpaperrs.com/uploads/vector-designs/wood-pattern-wide-wallpaper-31824.jpg)}#Doom1 {width:200px; height: 600px; padding:20px; display: inline-block; float: left;}#Doom1 li {display: block; text-align:center; background: #40433c; color: #fff; padding: 5px; font: 10px calibri; text-transform: uppercase; letter-spacing: 5px; margin-top: 450px;}#Doom2 {background: rgba(255,255,255,0.6); padding: 10px; margin-top: 10px; border-radius: 5px; font: 11px calibri; font-style: italic; text-align: justify; color: #40433c; max-height: 110px; overflow: auto;}#Doom3 {background: #735452; padding-left: 20px; display: inline-block; width: 20px; text-align: center; height: 640px; transition: .5s; overflow:hidden; position: relative;}#Doom3 strong{transform: rotate(-90deg); color: #fff; font: 10px calibri; text-transform: uppercase; letter-spacing: 5px; display: block; padding: 10px; width: 610px; position: relative; top:300px;left: -315px;}#Doom3:hover {width: 350px;}#Doom4{margin-left:20px; height:580px; overflow: auto;}#Doom4 li {background: #ebd8c6; width:100px; display: block; width: 310px;margin-top:5px;height: 130px; padding: 5px;}#Doom4 li img {height:100px; border: 5px solid #5c755d; float: right;}#Doom3 li u{display: block; text-align: center; font: 20px cinzel; color:#40433c;}#Doom4 li i{font: 10px calibri; font-style: italic; display: block; text-align: justify; padding: 2px; height: 83px; overflow: auto; color: #a88158;}#Doom4 li strong {width: 305px; padding: 2px; transform: none; position: static; margin-top: 5px; background: #40433c; }#Doom4 p{display: block; background: #222625; width: 310px;margin-top: 1px;padding: 5px; transition: .5s; height: 18px; overflow: auto; color: white; font: 12px calibri; text-align: justify;}#Doom4 p:hover{height: 200px;}.Doom4a {font: 15px cinzel; text-align: center; color: #fff; display: block}#Doom5 {width: 300px;margin-top: -630px; margin-left: 290px; height: 620px; overflow: auto;}#Doom5 p{background: rgba(255,255,255,0.5); padding: 20px; border-radius: 5px; font: 10px calibri; font-style: italic; text-align: justify; max-height: 120px; overflow: auto}#Doom5 u {text-align: right; font: 24px Cinzel; color: #d7b18d; display: block; margin-top: 5px; margin-bottom: -10px;}#Doom5 i{color: #d0d0d0; font: 11px calibri; text-align: right; display: block;}#Doom5 li{display: inline-block; background: #40433c;margin: 2px; padding: 2px; width: 90px; color: #fff; font: 11px calibri; text-align:center;}#Doom5 strong {display: block; text-align:center; background: #5c755d; color: #fff; padding: 5px; font: 10px calibri; text-transform: uppercase; letter-spacing: 5px;}#Doom5 li img {width: 90px;}.Doomcredit {display: block; text-align:center; font-variant: small-caps; letter-spacing: 20px; font: 8px calibri; padding: 4px; border-top: 4px double; border-bottom: 4px double; color: #d0d0d0; text-decoration:none;}</style>