Modelo de ficha con códigos

por **zero kiryuu** Mar Mayo 07, 2013 2:58 pm

Nombre del personaje

Sobrenombre: sobrenombre aquí

Edad: edad aquí

Raza:Raza aquí

Orientación sexual: orientación sexual aquí

Ocupación: ocupación aquí

Avatar: nombre avatar aquí

Historia:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a laoreet libero. Ut nunc urna, scelerisque in feugiat vitae, posuere ac nunc. Maecenas gravida porttitor leo, eu scelerisque nisi adipiscing a. Suspendisse laoreet metus ut metus malesuada tincidunt. Vestibulum id eros nec orci porttitor aliquam nec ut sapien. Nunc non justo at metus placerat ultrices. Pellentesque nulla eros, volutpat quis viverra vel, tincidunt eget libero. In vestibulum pharetra quam, vel pretium ligula ultrices eget. In id felis ac risus sagittis hendrerit. In at elit ut ligula venenatis lacinia. Integer aliquet leo aliquet elit convallis ullamcorper. Suspendisse non dictum est. Nam sed enim eget enim consectetur venenatis ac ut dolor.

Maecenas eros mauris, vestibulum et hendrerit vel, lacinia non erat. Etiam facilisis, nulla vel pulvinar accumsan, augue libero lacinia neque, non sodales quam massa eget eros. In risus nibh, consectetur sed lacinia eget, elementum in augue. Cras ut nibh vel mi porta placerat. Quisque hendrerit turpis ac nisi bibendum convallis vel sit amet est. Nam auctor facilisis mollis. Nullam et quam vitae felis interdum vulputate.

Nullam dignissim arcu vel ipsum tincidunt ultrices. Donec at eros vel est volutpat posuere. Quisque euismod eros a sapien ornare ac scelerisque nibh fringilla. Suspendisse semper interdum ligula, nec elementum dolor eleifend ut. Duis vehicula egestas metus eu porta. Phasellus egestas lacinia pretium. Aliquam fermentum diam in massa aliquet convallis. Suspendisse tellus eros, porttitor vitae ullamcorper eu, semper non leo. Proin consectetur condimentum est eu sollicitudin.

Descripción física:

Descripción psicológica:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a laoreet libero. Ut nunc urna, scelerisque in feugiat vitae, posuere ac nunc. Maecenas gravida porttitor leo, eu scelerisque nisi adipiscing a. Suspendisse laoreet metus ut metus malesuada tincidunt. Vestibulum id eros nec orci porttitor aliquam nec ut sapien. Nunc non justo at metus placerat ultrices. Pellentesque nulla eros, volutpat quis viverra vel, tincidunt eget libero. In vestibulum pharetra quam, vel pretium ligula ultrices eget. In id felis ac risus sagittis hendrerit. In at elit ut ligula venenatis lacinia. Integer aliquet leo aliquet elit convallis ullamcorper. Suspendisse non dictum est. Nam sed enim eget enim consectetur venenatis ac ut dolor.

By: James Wolf

Código:: <div style="border-radius: 10px 0px 10px 0px; background: #A43538;width: 550px;padding: 10px;margin: auto;border-right: 10px solid #2E2737;border-left: 10px solid #2E2737;line-height: 16px; font-family: calibri; font-size: 11px;"><div style="width: 550px; height: 200px; border-radius: 10px 0px 10px 0px; background: url(URL DE LA IMAGEN DEL PERSONAJE DE 550PX X 200PX O SUPERIOR) no-repeat; margin: auto;"></div> <div style="font-family: 'Medula One', cursive;font-size: 45px;text-align: center;letter-spacing: 3px;word-spacing: 3px;color: #BFA991;margin-top: -1px;margin-bottom: 10px;">Nombre del personaje</div> <div style="padding: 7px 7px 25px 10px; width: 533px; background: #a53e3f;"><div id="box1">Sobrenombre: sobrenombre aquí</div> <div id="box1">Edad: edad aquí</div> <div id="box1">Raza:Raza aquí</div> <div id="box1">Orientación sexual: orientación sexual aquí</div> <div id="box1">Ocupación: ocupación aquí</div> <div id="box1">Avatar: nombre avatar aquí</div></div> <div style="font-family: 'oswald';font-size: 22px;text-align: center;color: #2E2737;margin-bottom: -16px;margin-top: -10px;background: rgba(46, 39, 55, 0.15);padding-top: 10px;padding-bottom: 10px; border-bottom: 2px solid rgba(46, 39, 55, 0.66);">Historia:</div> <div style="height: 131px; overflow-y: auto; background: #A53E3F; width: 540px; padding: 5px;font-family: Roboto Slab;color: rgba(46, 39, 55, 0.84);" id="box2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a laoreet libero. Ut nunc urna, scelerisque in feugiat vitae, posuere ac nunc. Maecenas gravida porttitor leo, eu scelerisque nisi adipiscing a. Suspendisse laoreet metus ut metus malesuada tincidunt. Vestibulum id eros nec orci porttitor aliquam nec ut sapien. Nunc non justo at metus placerat ultrices. Pellentesque nulla eros, volutpat quis viverra vel, tincidunt eget libero. In vestibulum pharetra quam, vel pretium ligula ultrices eget. In id felis ac risus sagittis hendrerit. In at elit ut ligula venenatis lacinia. Integer aliquet leo aliquet elit convallis ullamcorper. Suspendisse non dictum est. Nam sed enim eget enim consectetur venenatis ac ut dolor. Maecenas eros mauris, vestibulum et hendrerit vel, lacinia non erat. Etiam facilisis, nulla vel pulvinar accumsan, augue libero lacinia neque, non sodales quam massa eget eros. In risus nibh, consectetur sed lacinia eget, elementum in augue. Cras ut nibh vel mi porta placerat. Quisque hendrerit turpis ac nisi bibendum convallis vel sit amet est. Nam auctor facilisis mollis. Nullam et quam vitae felis interdum vulputate. Nullam dignissim arcu vel ipsum tincidunt ultrices. Donec at eros vel est volutpat posuere. Quisque euismod eros a sapien ornare ac scelerisque nibh fringilla. Suspendisse semper interdum ligula, nec elementum dolor eleifend ut. Duis vehicula egestas metus eu porta. Phasellus egestas lacinia pretium. Aliquam fermentum diam in massa aliquet convallis. Suspendisse tellus eros, porttitor vitae ullamcorper eu, semper non leo. Proin consectetur condimentum est eu sollicitudin.</div> <table style="margin-top: -43px;"><tbody><tr><td style="font-family: 'oswald'; font-size: 22px; text-align: center; color: rgba(210, 195, 166, 0.55); margin-bottom: -16px; margin-top: -10px; background: rgba(46, 39, 55, 0.15); padding-top: 10px; padding-bottom: 10px; border-bottom: 2px solid rgba(210, 195, 166, 0.55);">Descripción física:</td> <td style="font-family: 'oswald'; font-size: 22px; text-align: center; color: rgba(210, 195, 166, 0.55); margin-bottom: -16px; margin-top: -10px; background: rgba(46, 39, 55, 0.15); padding-top: 10px; padding-bottom: 10px; border-bottom: 2px solid rgba(210, 195, 166, 0.55);">Descripción psicológica:</td></tr> <tr><td><div id="box2" style="height: 127px; overflow-y: auto; background: #A53E3F; padding: 5px; font-family: Roboto Slab; color: rgba(46, 39, 55, 0.84);margin-top: -1px; border-bottom: 2px solid rgba(210, 195, 166, 0.55);">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a laoreet libero. Ut nunc urna, scelerisque in feugiat vitae, posuere ac nunc. Maecenas gravida porttitor leo, eu scelerisque nisi adipiscing a. Suspendisse laoreet metus ut metus malesuada tincidunt. Vestibulum id eros nec orci porttitor aliquam nec ut sapien. Nunc non justo at metus placerat ultrices. Pellentesque nulla eros, volutpat quis viverra vel, tincidunt eget libero. In vestibulum pharetra quam, vel pretium ligula ultrices eget. In id felis ac risus sagittis hendrerit. In at elit ut ligula venenatis lacinia. Integer aliquet leo aliquet elit convallis ullamcorper. Suspendisse non dictum est. Nam sed enim eget enim consectetur venenatis ac ut dolor.</div></td> <td><div id="box2" style="height: 127px; overflow-y: auto; background: #A53E3F; padding: 5px; font-family: Roboto Slab; color: rgba(46, 39, 55, 0.84); margin-top: -1px;border-bottom: 2px solid rgba(210, 195, 166, 0.55);">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a laoreet libero. Ut nunc urna, scelerisque in feugiat vitae, posuere ac nunc. Maecenas gravida porttitor leo, eu scelerisque nisi adipiscing a. Suspendisse laoreet metus ut metus malesuada tincidunt. Vestibulum id eros nec orci porttitor aliquam nec ut sapien. Nunc non justo at metus placerat ultrices. Pellentesque nulla eros, volutpat quis viverra vel, tincidunt eget libero. In vestibulum pharetra quam, vel pretium ligula ultrices eget. In id felis ac risus sagittis hendrerit. In at elit ut ligula venenatis lacinia. Integer aliquet leo aliquet elit convallis ullamcorper. Suspendisse non dictum est. Nam sed enim eget enim consectetur venenatis ac ut dolor.</div></td></tr></tbody></table> <div id="copyright" style="font-family: oswald;text-align: right;color: #2E2737 !important;font-size: 12px;margin-top: -8px;opacity: .6;"><a href="http://www.oursourcecode.net/t6907-james-storage-room#135085" style="font-variant: normal !important;">By: James Wolf</a></div></div> <link href='http://fonts.googleapis.com/css?family=Medula+One' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'><style>#box1 {font-family: Roboto Slab;color: rgba(210, 195, 166, 0.65);border-bottom: 2px solid rgba(210, 195, 166, 0.65);margin-bottom: -10px;font-size: 12px;padding-bottom: 1px;} #box2::-webkit-scrollbar {height: 20px;width: 5px;background: rgba(46, 39, 55, 0.15);} #box2::-webkit-scrollbar-thumb {background: rgba(46, 39, 55, 0.15);} #copyright a:hover {-webkit-transition: 1s;-o-transition:all 1s;-moz-transition: 1s; -ms-transition:all 1s;transition:all 1s;color: rgba(210, 195, 166, 0.55) !important;} #copyright a {-webkit-transition: 1s;-o-transition:all 1s;-moz-transition: 1s; -ms-transition:all 1s;transition:all 1s;}</style>