Welcome Here
¡Bienvenido Invitado!

Nuestro foro lleva un total de 901 días Online, nuestros usuarios han publicado un total de 133 mensajes con la ayuda de un total de 35 usuarios.

Queremos agradecer a las comunidades de Glinz, Serendipity y The Captain Knows Best por todo el apoyo que nos brindan a través de sus tutoriales, mucho del diseño de este foro fue tomado de ahí, de igual manera, nos reservamos el uso de las tablillas identificas como hechas por nosotros y, así mismo, el plagio del diseño de este foro.
Últimos temas
» Naruto Storm (Afilacion)
Miér Oct 12, 2016 3:52 pm por Invitado

» Afiliación Normal / Recién abierto
Vie Ene 08, 2016 3:39 am por Invitado

» Repello Muggletum - NORMAL
Lun Ene 04, 2016 7:33 pm por Invitado

» Zeldarol - (Standard)
Sáb Ene 02, 2016 9:00 pm por Fundador

» Reclamo de puntos
Sáb Ene 02, 2016 8:57 pm por Fundador

» Tokyo Ghoul | Confirmación Normal.
Jue Dic 24, 2015 1:15 pm por Invitado

» Registro de físicos
Mar Dic 22, 2015 6:36 pm por Irik

» Semi-ausencia
Mar Dic 22, 2015 6:12 am por Libertá

» Ausencia de libertá
Mar Dic 22, 2015 6:12 am por Libertá

Help zone
Invitado te ves un poco perdido, permitenemos ayudarte:

¿Sabías qué..?
Staff
Fundadores
MODERADORES
Censo
Restar 2 a cada uno de los resultados

Modelo de fichas

Ver el tema anterior Ver el tema siguiente Ir abajo

Modelo de fichas

Mensaje por Fundador el Sáb Oct 17, 2015 12:52 am

Nombre de personaje


Información Personal
Fecha de Nacimiento
Edad
Aldea de Nacimiento
Sexo
Uke/seme
Orientación sexual
Clan
Líder del clan

Personalidad

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mauris odio, ornare eu ante eget, fermentum tincidunt eros. Suspendisse at luctus mauris. Sed sem arcu, lobortis eget maximus finibus, placerat eget risus. Sed commodo gravida purus, id imperdiet magna vulputate nec. Maecenas ut turpis dolor. Praesent ut condimentum augue. Quisque eu elit est. Nullam at orci dignissim odio rhoncus vehicula. Sed sodales ut ipsum vel aliquam. Pellentesque at sodales nisi. Suspendisse eget velit nibh. Aliquam ex lectus, ullamcorper a dolor ac, maximus fermentum enim. Aliquam ac auctor dui. Phasellus est erat, blandit id lobortis et, auctor vel tortor. Quisque at massa in mi fermentum feugiat sit amet a massa. Fusce porta sem sed consectetur tempor. Donec mi orci, placerat eu mauris eget, rhoncus gravida dui. Praesent non turpis nibh. Pellentesque ligula enim, dapibus sed eleifend non, viverra vitae ex. Nulla tristique ultricies blandit. Sed quis ultricies nunc. Nunc dictum ex et nisl congue mattis.

Pellentesque at semper diam, eget viverra purus. Integer sit amet neque at ante feugiat congue vitae in augue. Fusce massa elit, consectetur quis diam vitae, tincidunt aliquam risus. Aliquam euismod magna ac nisl lacinia fermentum. Suspendisse id risus sed sem euismod suscipit. Integer ac lorem sem. Etiam magna urna, suscipit nec aliquet id, ullamcorper laoreet diam. Etiam a dui consectetur, blandit metus semper, lacinia arcu. Ut tincidunt, velit vitae bibendum fringilla, diam ligula ullamcorper erat, eu rutrum odio nunc ornare mauris. Pellentesque posuere nisl a congue bibendum. Donec quam orci, convallis gravida elementum sed, gravida sit amet lectus. Suspendisse interdum enim quis scelerisque placerat. Mauris posuere magna sed sem consectetur, at tincidunt felis dapibus. Nam quis cursus sem. Aliquam elementum laoreet augue, ut laoreet ex. Ut aliquet consectetur interdum. Vivamus egestas nulla erat, ac fringilla ex commodo vitae. Proin maximus feugiat ante, non luctus augue efficitur et.

Donec augue nisi, consequat non tristique quis, dapibus at nunc. Nullam libero ipsum, tempus eget enim ac, vestibulum pretium felis. Fusce at luctus ligula. Sed sit amet sem in leo ullamcorper auctor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur facilisis mauris sem, id pretium urna scelerisque quis. Aliquam nec sodales metus, vel sollicitudin enim. Integer luctus congue dolor sed posuere. Mauris laoreet lectus eget ante tincidunt, ut mollis lacus rhoncus. Donec eros turpis, egestas in arcu in, congue feugiat dolor. Aenean ipsum enim, sagittis at scelerisque vel, ultrices convallis diam. Vivamus luctus tellus sit amet metus finibus gravida.
Historia

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mauris odio, ornare eu ante eget, fermentum tincidunt eros. Suspendisse at luctus mauris. Sed sem arcu, lobortis eget maximus finibus, placerat eget risus. Sed commodo gravida purus, id imperdiet magna vulputate nec. Maecenas ut turpis dolor. Praesent ut condimentum augue. Quisque eu elit est. Nullam at orci dignissim odio rhoncus vehicula. Sed sodales ut ipsum vel aliquam. Pellentesque at sodales nisi. Suspendisse eget velit nibh. Aliquam ex lectus, ullamcorper a dolor ac, maximus fermentum enim. Aliquam ac auctor dui. Phasellus est erat, blandit id lobortis et, auctor vel tortor. Quisque at massa in mi fermentum feugiat sit amet a massa. Fusce porta sem sed consectetur tempor. Donec mi orci, placerat eu mauris eget, rhoncus gravida dui. Praesent non turpis nibh. Pellentesque ligula enim, dapibus sed eleifend non, viverra vitae ex. Nulla tristique ultricies blandit. Sed quis ultricies nunc. Nunc dictum ex et nisl congue mattis.
Pellentesque at semper diam, eget viverra purus. Integer sit amet neque at ante feugiat congue vitae in augue. Fusce massa elit, consectetur quis diam vitae, tincidunt aliquam risus. Aliquam euismod magna ac nisl lacinia fermentum. Suspendisse id risus sed sem euismod suscipit. Integer ac lorem sem. Etiam magna urna, suscipit nec aliquet id, ullamcorper laoreet diam. Etiam a dui consectetur, blandit metus semper, lacinia arcu. Ut tincidunt, velit vitae bibendum fringilla, diam ligula ullamcorper erat, eu rutrum odio nunc ornare mauris. Pellentesque posuere nisl a congue bibendum. Donec quam orci, convallis gravida elementum sed, gravida sit amet lectus. Suspendisse interdum enim quis scelerisque placerat. Mauris posuere magna sed sem consectetur, at tincidunt felis dapibus. Nam quis cursus sem. Aliquam elementum laoreet augue, ut laoreet ex. Ut aliquet consectetur interdum. Vivamus egestas nulla erat, ac fringilla ex commodo vitae. Proin maximus feugiat ante, non luctus augue efficitur et.
Donec augue nisi, consequat non tristique quis, dapibus at nunc. Nullam libero ipsum, tempus eget enim ac, vestibulum pretium felis. Fusce at luctus ligula. Sed sit amet sem in leo ullamcorper auctor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur facilisis mauris sem, id pretium urna scelerisque quis. Aliquam nec sodales metus, vel sollicitudin enim. Integer luctus congue dolor sed posuere. Mauris laoreet lectus eget ante tincidunt, ut mollis lacus rhoncus. Donec eros turpis, egestas in arcu in, congue feugiat dolor. Aenean ipsum enim, sagittis at scelerisque vel, ultrices convallis diam. Vivamus luctus tellus sit amet metus finibus gravida.
 

Extras

Gustos

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mauris odio, ornare eu ante eget, fermentum tincidunt eros. Suspendisse at luctus mauris. Sed sem arcu, lobortis eget maximus finibus, placerat eget risus. Sed commodo gravida purus, id imperdiet magna vulputate nec. Maecenas ut turpis dolor. Praesent ut condimentum augue. Quisque eu elit est. Nullam at orci dignissim odio rhoncus vehicula. Sed sodales ut ipsum vel aliquam. Pellentesque at sodales nisi. Suspendisse eget velit nibh. Aliquam ex lectus, ullamcorper a dolor ac, maximus fermentum enim. Aliquam ac auctor dui. Phasellus est erat, blandit id lobortis et, auctor vel tortor. Quisque at massa in mi fermentum feugiat sit amet a massa. Fusce porta sem sed consectetur tempor.
Donec mi orci, placerat eu mauris eget, rhoncus gravida dui. Praesent non turpis nibh. Pellentesque ligula enim, dapibus sed eleifend non, viverra vitae ex. Nulla tristique ultricies blandit. Sed quis ultricies nunc. Nunc dictum ex et nisl congue mattis. Pellentesque at semper diam, eget viverra purus. Integer sit amet neque at ante feugiat congue vitae in augue. Fusce massa elit, consectetur quis diam vitae, tincidunt aliquam risus.
Disgustos

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mauris odio, ornare eu ante eget, fermentum tincidunt eros. Suspendisse at luctus mauris. Sed sem arcu, lobortis eget maximus finibus, placerat eget risus. Sed commodo gravida purus, id imperdiet magna vulputate nec. Maecenas ut turpis dolor. Praesent ut condimentum augue. Quisque eu elit est. Nullam at orci dignissim odio rhoncus vehicula. Sed sodales ut ipsum vel aliquam. Pellentesque at sodales nisi. Suspendisse eget velit nibh. Aliquam ex lectus, ullamcorper a dolor ac, maximus fermentum enim. Aliquam ac auctor dui. Phasellus est erat, blandit id lobortis et, auctor vel tortor. Quisque at massa in mi fermentum feugiat sit amet a massa. Fusce porta sem sed consectetur tempor.

Donec mi orci, placerat eu mauris eget, rhoncus gravida dui. Praesent non turpis nibh. Pellentesque ligula enim, dapibus sed eleifend non, viverra vitae ex. Nulla tristique ultricies blandit. Sed quis ultricies nunc. Nunc dictum ex et nisl conguemattis. Pellentesque at semper diam, eget viverra purus. Integer sit amet neque at ante feugiat congue vitae in augue. Fusce massa elit, consectetur quis diam vitae, tincidunt aliquam risus


"Frase Oculta"


Copyright: NarutoROL Staff para uso del Foro



Código:
<div style="width:600px; height:auto; border-top:5px solid #4ba5ad; border-bottom:5px solid #4ba5ad; background:#fcfcfc;"><div style="width:100%; border-bottom:3px solid #a97e74; padding-top:30px; padding-bottom:30px; background:#0f0f0f; text-align:center;"><span style="color:#fff; border:1px solid #fff; padding:10px; text-transform:uppercase; width:60%; margin:auto; display:block;">Nombre de personaje</span></div><div style=" width:85%; background:#fff; border-top:3px solid #cecece; border-bottom:3px solid #cecece; margin:10px auto; padding:10px; text-align:justfiy; overflow-y:auto;">
[center]<img src="http://placehold.it/470x240">[/center]
</div>
<div style="height:auto; width:85%; background:#fff; border-top:3px solid #cecece; border-bottom:3px solid #cecece; margin:10px auto; padding:10px; text-align:justfiy;overflow-y:auto;"><div style="width:80%; background:#a97e74; margin:10px auto; padding-top:5px; padding-bottom:5px; color:#fff!important; text-align:center;"><div style="border:1px solid #fff; width:50%; margin:auto;">Información Personal</div></div><div style="margin:auto; width:90%; display:inline-block; border-bottom:3px solid #cecece; border-top:3px solid #cecece; padding:10px;"><div style=" margin:auto; background:#efefef; float:left; width:45%; border:1px solid #ececec; height:auto; overflow-y:auto;"><div style="width:90%; background:#fff; margin:10px auto; padding-top:5px; padding-bottom:5px; color:#fff!important; text-align:center;"><div style="background:#0f0f0f; border:1px solid #fff; width:80%; margin:auto;">Fecha de Nacimiento</div><div style="background:#0f0f0f; border:1px solid #fff; width:80%; margin:auto;">Edad</div><div style="background:#0f0f0f; border:1px solid #fff; width:80%; margin:auto;">Aldea de Nacimiento</div><div style="background:#0f0f0f; border:1px solid #fff; width:80%; margin:auto;">Sexo</div></div></div><div style="background:#efefef; float:righ; width:45%; border:1px solid #ececec; height:auto; overflow-y:auto;"><div style="width:90%; background:#fff; margin:10px auto; padding-top:5px; padding-bottom:5px; color:#fff!important; text-align:center;"><div style="background:#0f0f0f; border:1px solid #fff; width:80%; margin:auto;">Uke/seme</div><div style="background:#0f0f0f; border:1px solid #fff; width:80%; margin:auto;">Orientación sexual</div><div style="background:#0f0f0f; border:1px solid #fff; width:80%; margin:auto;">Clan</div><div style="background:#0f0f0f; border:1px solid #fff; width:80%; margin:auto;">Líder del clan</div></div></div></div></div>
<div style=" width:85%; background:#fff; border-top:3px solid #cecece; border-bottom:3px solid #cecece; margin:10px auto; padding:10px; text-align:justfiy; height:150px; overflow-y:auto;"><div style="width:80%; background:#a97e74; margin:10px auto; padding-top:5px; padding-bottom:5px; color:#fff!important; text-align:center;"><div style="border:1px solid #fff; width:30%; margin:auto;">Personalidad</div></div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mauris odio, ornare eu ante eget, fermentum tincidunt eros. Suspendisse at luctus mauris. Sed sem arcu, lobortis eget maximus finibus, placerat eget risus. Sed commodo gravida purus, id imperdiet magna vulputate nec. Maecenas ut turpis dolor. Praesent ut condimentum augue. Quisque eu elit est. Nullam at orci dignissim odio rhoncus vehicula. Sed sodales ut ipsum vel aliquam. Pellentesque at sodales nisi. Suspendisse eget velit nibh. Aliquam ex lectus, ullamcorper a dolor ac, maximus fermentum enim. Aliquam ac auctor dui. Phasellus est erat, blandit id lobortis et, auctor vel tortor. Quisque at massa in mi fermentum feugiat sit amet a massa. Fusce porta sem sed consectetur tempor. Donec mi orci, placerat eu mauris eget, rhoncus gravida dui. Praesent non turpis nibh. Pellentesque ligula enim, dapibus sed eleifend non, viverra vitae ex. Nulla tristique ultricies blandit. Sed quis ultricies nunc. Nunc dictum ex et nisl congue mattis.

Pellentesque at semper diam, eget viverra purus. Integer sit amet neque at ante feugiat congue vitae in augue. Fusce massa elit, consectetur quis diam vitae, tincidunt aliquam risus. Aliquam euismod magna ac nisl lacinia fermentum. Suspendisse id risus sed sem euismod suscipit. Integer ac lorem sem. Etiam magna urna, suscipit nec aliquet id, ullamcorper laoreet diam. Etiam a dui consectetur, blandit metus semper, lacinia arcu. Ut tincidunt, velit vitae bibendum fringilla, diam ligula ullamcorper erat, eu rutrum odio nunc ornare mauris. Pellentesque posuere nisl a congue bibendum. Donec quam orci, convallis gravida elementum sed, gravida sit amet lectus. Suspendisse interdum enim quis scelerisque placerat. Mauris posuere magna sed sem consectetur, at tincidunt felis dapibus. Nam quis cursus sem. Aliquam elementum laoreet augue, ut laoreet ex. Ut aliquet consectetur interdum. Vivamus egestas nulla erat, ac fringilla ex commodo vitae. Proin maximus feugiat ante, non luctus augue efficitur et.

Donec augue nisi, consequat non tristique quis, dapibus at nunc. Nullam libero ipsum, tempus eget enim ac, vestibulum pretium felis. Fusce at luctus ligula. Sed sit amet sem in leo ullamcorper auctor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur facilisis mauris sem, id pretium urna scelerisque quis. Aliquam nec sodales metus, vel sollicitudin enim. Integer luctus congue dolor sed posuere. Mauris laoreet lectus eget ante tincidunt, ut mollis lacus rhoncus. Donec eros turpis, egestas in arcu in, congue feugiat dolor. Aenean ipsum enim, sagittis at scelerisque vel, ultrices convallis diam. Vivamus luctus tellus sit amet metus finibus gravida.</div><div style=" width:85%; background:#fff; border-top:3px solid #cecece; border-bottom:3px solid #cecece; margin:10px auto; padding:10px; text-align:justfiy; height:150px; overflow-y:auto;"><div style="width:80%; background:#4ba5ad; margin:10px auto; padding-top:5px; padding-bottom:5px; color:#fff!important; text-align:center;"><div style="border:1px solid #fff; width:30%; margin:auto;">Historia</div></div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mauris odio, ornare eu ante eget, fermentum tincidunt eros. Suspendisse at luctus mauris. Sed sem arcu, lobortis eget maximus finibus, placerat eget risus. Sed commodo gravida purus, id imperdiet magna vulputate nec. Maecenas ut turpis dolor. Praesent ut condimentum augue. Quisque eu elit est. Nullam at orci dignissim odio rhoncus vehicula. Sed sodales ut ipsum vel aliquam. Pellentesque at sodales nisi. Suspendisse eget velit nibh. Aliquam ex lectus, ullamcorper a dolor ac, maximus fermentum enim. Aliquam ac auctor dui. Phasellus est erat, blandit id lobortis et, auctor vel tortor. Quisque at massa in mi fermentum feugiat sit amet a massa. Fusce porta sem sed consectetur tempor. Donec mi orci, placerat eu mauris eget, rhoncus gravida dui. Praesent non turpis nibh. Pellentesque ligula enim, dapibus sed eleifend non, viverra vitae ex. Nulla tristique ultricies blandit. Sed quis ultricies nunc. Nunc dictum ex et nisl congue mattis.
Pellentesque at semper diam, eget viverra purus. Integer sit amet neque at ante feugiat congue vitae in augue. Fusce massa elit, consectetur quis diam vitae, tincidunt aliquam risus. Aliquam euismod magna ac nisl lacinia fermentum. Suspendisse id risus sed sem euismod suscipit. Integer ac lorem sem. Etiam magna urna, suscipit nec aliquet id, ullamcorper laoreet diam. Etiam a dui consectetur, blandit metus semper, lacinia arcu. Ut tincidunt, velit vitae bibendum fringilla, diam ligula ullamcorper erat, eu rutrum odio nunc ornare mauris. Pellentesque posuere nisl a congue bibendum. Donec quam orci, convallis gravida elementum sed, gravida sit amet lectus. Suspendisse interdum enim quis scelerisque placerat. Mauris posuere magna sed sem consectetur, at tincidunt felis dapibus. Nam quis cursus sem. Aliquam elementum laoreet augue, ut laoreet ex. Ut aliquet consectetur interdum. Vivamus egestas nulla erat, ac fringilla ex commodo vitae. Proin maximus feugiat ante, non luctus augue efficitur et.
Donec augue nisi, consequat non tristique quis, dapibus at nunc. Nullam libero ipsum, tempus eget enim ac, vestibulum pretium felis. Fusce at luctus ligula. Sed sit amet sem in leo ullamcorper auctor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur facilisis mauris sem, id pretium urna scelerisque quis. Aliquam nec sodales metus, vel sollicitudin enim. Integer luctus congue dolor sed posuere. Mauris laoreet lectus eget ante tincidunt, ut mollis lacus rhoncus. Donec eros turpis, egestas in arcu in, congue feugiat dolor. Aenean ipsum enim, sagittis at scelerisque vel, ultrices convallis diam. Vivamus luctus tellus sit amet metus finibus gravida.
 </div>
<div style=" height:auto; width:85%; background:#fff; border-top:3px solid #cecece; border-bottom:3px solid #cecece; margin:10px auto; padding:10px; text-align:justfiy;overflow-y:auto;"><div style="width:80%; background:#a97e74; margin:10px auto; padding-top:5px; padding-bottom:5px; color:#fff!important; text-align:center;"><div style="border:1px solid #fff; width:30%; margin:auto;">Extras</div></div>
<div style="width:90%; display:inline-block; border-bottom:3px solid #cecece; border-top:3px solid #cecece; padding:10px;"><div style="background:#efefef; float:left; width:45%; border:1px solid #ececec; height:150px; overflow-y:auto;"><div style="width:90%; background:#4ba5ad; margin:10px auto; padding-top:5px; padding-bottom:5px; color:#fff!important; text-align:center;"><div style="border:1px solid #fff; width:30%; margin:auto;">Gustos</div></div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mauris odio, ornare eu ante eget, fermentum tincidunt eros. Suspendisse at luctus mauris. Sed sem arcu, lobortis eget maximus finibus, placerat eget risus. Sed commodo gravida purus, id imperdiet magna vulputate nec. Maecenas ut turpis dolor. Praesent ut condimentum augue. Quisque eu elit est. Nullam at orci dignissim odio rhoncus vehicula. Sed sodales ut ipsum vel aliquam. Pellentesque at sodales nisi. Suspendisse eget velit nibh. Aliquam ex lectus, ullamcorper a dolor ac, maximus fermentum enim. Aliquam ac auctor dui. Phasellus est erat, blandit id lobortis et, auctor vel tortor. Quisque at massa in mi fermentum feugiat sit amet a massa. Fusce porta sem sed consectetur tempor.
Donec mi orci, placerat eu mauris eget, rhoncus gravida dui. Praesent non turpis nibh. Pellentesque ligula enim, dapibus sed eleifend non, viverra vitae ex. Nulla tristique ultricies blandit. Sed quis ultricies nunc. Nunc dictum ex et nisl congue mattis. Pellentesque at semper diam, eget viverra purus. Integer sit amet neque at ante feugiat congue vitae in augue. Fusce massa elit, consectetur quis diam vitae, tincidunt aliquam risus.</div><div style="background:#efefef; float:right; width:45%; border:1px solid #ececec; height:150px; overflow-y:auto;"><div style="width:90%; background:#a97e74; margin:10px auto; padding-top:5px; padding-bottom:5px; color:#fff!important; text-align:center;"><div style="border:1px solid #fff; width:40%; margin:auto;">Disgustos</div></div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mauris odio, ornare eu ante eget, fermentum tincidunt eros. Suspendisse at luctus mauris. Sed sem arcu, lobortis eget maximus finibus, placerat eget risus. Sed commodo gravida purus, id imperdiet magna vulputate nec. Maecenas ut turpis dolor. Praesent ut condimentum augue. Quisque eu elit est. Nullam at orci dignissim odio rhoncus vehicula. Sed sodales ut ipsum vel aliquam. Pellentesque at sodales nisi. Suspendisse eget velit nibh. Aliquam ex lectus, ullamcorper a dolor ac, maximus fermentum enim. Aliquam ac auctor dui. Phasellus est erat, blandit id lobortis et, auctor vel tortor. Quisque at massa in mi fermentum feugiat sit amet a massa. Fusce porta sem sed consectetur tempor.

Donec mi orci, placerat eu mauris eget, rhoncus gravida dui. Praesent non turpis nibh. Pellentesque ligula enim, dapibus sed eleifend non, viverra vitae ex. Nulla tristique ultricies blandit. Sed quis ultricies nunc. Nunc dictum ex et nisl conguemattis. Pellentesque at semper diam, eget viverra purus. Integer sit amet neque at ante feugiat congue vitae in augue. Fusce massa elit, consectetur quis diam vitae, tincidunt aliquam risus
</div></div>

[center][b][i]"Frase Oculta"[/i][/b][/center]
</div>

<div style="font-size:8px; font-weight:bold; text-align:center; width:100%; text-transform:uppercase; color:#000">Copyright: NarutoROL Staff para uso del Foro</div>
</div>



MODELO DE FICHAl

Frase secreta
Nacimiento

Edad

Aldea

Género

Orientación Sexual

Clan (en caso de tener)

PB (Personaje que utilizas)


Personalidad:  Descripción de mínimo 10 líneas incluyendo cosas como: Gustos, disgustos, color favorito, cosas que le gusta hacer y demás cosas que quieras agregar



Historia: Descripción de mínimo 10 líneas incluyendo cosas como: Si tu familia conoce las artes ninja, tu llegada a la aldea, tu nacimiento, etc.



Extra: Gustos y disgustos del personaje y cualquier extra.



♦ s-cnsy


Código:
<style type="text/css">#king {width: 420px; background: url(http://i.imgur.com/O5n3pO8.png); height: 550px; margin: auto; border: 5px solid #000;} #king .of{width: 380px; padding: 20px; background: #fff; font: italic 12px courier new; color: #000; text-transform: uppercase; text-align: center; opacity: 0.9} #king .the{width: 180px; height: 200px; background: #fff; transition: 0.8s; margin: auto; border: 5px solid #fff; position: relative; left: 10px;} #king .thet{width: 180px; padding: 10px; height: 190px; background: #fff; position: relative; left: 10px; overflow-y:auto; overflow-x:hidden;} #king .thet .brain{width: 160px; padding: 10px; background: #69D2E7; font: italic 10px courier new; color: #fff; text-align: center; opacity: 0; transition: 0.8s; transform: rotate(360deg); letter-spacing: 1px; position: relative; left: 90px; text-transform: uppercase; top: -20px;} #king:hover .thet .brain{opacity: 1; transition: 0.8s; left: 0; transform: rotate(0deg);} #king .thet .brainy{width: 160px; padding: 10px; background: #69D2E7; font: italic 10px courier new; color: #fff; text-align: center; opacity: 0; transition: ease-in-out 1.2s; letter-spacing: 1px; position: relative; top: -110px; text-transform: uppercase;} #king:hover .thet .brainy{opacity: 1; transition: ease-in-out 1.2s; transition-delay: 0.5s; top: -20px;} .fall {width: 394px; left: -1px; position: relative; height: 250px; background: #fff; margin: auto;} .falls {width: 50px; background: #f38630; height: 220px; position: relative; top: 15px; left: 10px;} .fallys{float: initial} .fallys label{display: block; position:relative; background: #69D2E7; color: #ffffff; font: italic 10px courier new; text-align: center; padding: 5px; width: 40px; cursor: pointer;cursor: hand; text-transform: uppercase;} .fallys [type=radio]{display: none;} .offall{background:#f1f1f1; width: 280px; height:200px; padding:10px; color: #000; text-align:justify; letter-spacing: 1px; left: 70px; font-size: 11px;position: absolute; overflow: auto; top: 0; transition: 0.8s; transform: scaleY(0); transition-delay: 0.3s;} [type=radio]:checked ~ label{background: #0f0f0f; z-index: 2; transition: 0.8s; box-shadow: 1px 0px 1px #fff;} [type=radio]:checked ~ label ~ .offall{z-index: 2; transition: 0.8s; transform: scaleY(1); transition-delay: 0.3s;} #king .thet .quotess{font: italic 10px courier new; color: #000; transition: 0.3s; top: 80px; position: relative; text-align: center; width: 150px; margin: auto;} #king:hover .thet .quotess{opacity: 0; transition: 0.3s;} .credits{font: 10px courier new; position: relative; text-align: center; margin: auto; left: 80px;} </style>

<div id="king"><div class="of">MODELO DE FICHAl</div><table><td><div class="the" style="background: url(http://placehold.it/180x200);"></div><td><td><div class="thet"><div class="quotess">Frase secreta</div><div class="brain">Nacimiento</div>
<div class="brainy">Edad</div>
<div class="brainy">Aldea</div>
<div class="brainy">Género</div>
<div class="brainy">Orientación Sexual</div>
<div class="brainy">Clan (en caso de tener)</div>
<div class="brainy">PB (Personaje que utilizas)</div>
</div></td>
</table>
<div class="fall"><div class="falls">
<div class="fallys"><input type="radio" id="fallys-1" name="fallys-group-1" checked><label for="fallys-1" style="top: 10px;" title="Personalidad">I</label><div class="offall">Personalidad:  Descripción de mínimo 10 líneas incluyendo cosas como: Gustos, disgustos, color favorito, cosas que le gusta hacer y demás cosas que quieras agregar</div></div>

<div class="fallys"><input type="radio" id="fallys-2" name="fallys-group-1"><label for="fallys-2" title="Historia">II</label>
<div class="offall">Historia: Descripción de mínimo 10 líneas incluyendo cosas como: Si tu familia conoce las artes ninja, tu llegada a la aldea, tu nacimiento, etc.</div></div>

<div class="fallys"><input type="radio" id="fallys-3" name="fallys-group-1"><label for="fallys-3" style="top: -20px;" title="Otros datos">III</label>
<div class="offall">Extra: Gustos y disgustos del personaje y cualquier extra.</div></div>

</div></div>
</div><a href="http://serendipity.foroactivo.com/u91"><div class="credits">♦ s-cnsy</div></a>
avatar

Admin
Mensajes : 152
Fecha de inscripción : 03/05/2015
Edad : 21
Ver perfil de usuario http://narutorol.sitio-web.org

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.