Últimos temas
|
welcome
|
Links
|
Info
|
Staff
|
Awards
|
Credits
|
Welcome
“Se bienvenido a Nombre foro, la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui la bienvenida del foro tiene que estar aqui
Últimos Temas
Últimos temas
Afiliados
|
hermanos
|
directorio
|
|
|
|
|
|
|
élite
|
||
|
|
||
Modelo de Expendientes
Página 1 de 1.
Modelo de Expendientes
por Annika Krost Jue Dic 18, 2014 3:09 pm
SLYTHERIN
- Código:
<div style="background: url(http://i.imgur.com/3CP7PzW.png); width: 600px; height: 750px;">
<div id="FichaSly"><div style="margin:left; width:200px; height:700px; border: 5px solid #d5d5d5; background-image:url(http://placehold.it/200x700)"><div class="FichaSly2">
[center]<div class="perso-infos">Apodo </div>
<div class="perso-infos">Lealtad </div>
<div class="perso-infos">Ocupación</div>
<div class="perso-infos">Edad y Curso</div>
<div class="perso-infos">Tipo de Sangre</div>
<div class="perso-infos">O. Sexual </div>
<div class="perso-infos">Varita </div>
<div class="perso-infos">Oesed</div>
<div class="perso-infos">Amortentia </div>
<div class="perso-infos">Boggart </div>
<div class="perso-infos">Patronus</div>[/center]
</div></div></div>
<div style="background: #d5d5d5; width: 200px; height: 100px; padding: 5px; margin-left: 12px; margin-top: 60px;">
<div id="FichaLinkSly">Nombre y Apellido</div><div id="FichaLinkSly"><a href="http://hogwartsalive.foroactivo.mx/">PIDEME ROL</a></div></div>
[center][size=10]by [url=http://hogwartsalive.foroactivo.mx/]© Hogwarts Alive[/url] [/size][/center]
</div>
<div style="width: 400px; height: 690px; margin-left: 370px; margin-top: -750px">
<table><tr><td><div style="background-color:#5b7d21; width:220px; height:25px;text-align: center; padding: 5px; color: white; font: 15px Cinzel; transform:rotate(-90 deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg); margin-left: -100px; margin-top: 20px;">Historia del personaje</div>
</td><td><div style=" width:190px; height: 400px;text-align: justify; color: #000000; font: 12px arial; overflow:auto;margin-left: -110px; margin-top: -50px;">
<div style="background: #d5d5d5; padding: 5px; margin-left: 12px; margin-top: -20px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum egestas imperdiet sem venenatis sollicitudin. Nulla ut lectus odio. Cras id nunc massa. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur varius augue tellus, sit amet vestibulum nibh imperdiet ut. Cras bibendum dapibus nibh tempus pretium. Mauris consectetur ante a odio porta tincidunt. Integer faucibus varius ornare. Vivamus vel purus id odio eleifend dignissim non a metus. Aenean pretium, est in vehicula lacinia, neque diam aliquam ante, laoreet condimentum massa nisi et ipsum. In semper pharetra elit, sed placerat nibh facilisis vitae. Vivamus ornare feugiat leo, quis vestibulum libero blandit tristique. Donec sit amet neque at dolor hendrerit tincidunt.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum egestas imperdiet sem venenatis sollicitudin. Nulla ut lectus odio. Cras id nunc massa. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur varius augue tellus, sit amet vestibulum nibh imperdiet ut. Cras bibendum dapibus nibh tempus pretium. Mauris consectetur ante a odio porta tincidunt. Integer faucibus varius ornare. Vivamus vel purus id odio eleifend dignissim non a metus. Aenean pretium, est in vehicula lacinia, neque diam aliquam ante, laoreet condimentum massa nisi et ipsum. In semper pharetra elit, sed placerat nibh facilisis vitae. Vivamus ornare feugiat leo, quis vestibulum libero blandit tristique. Donec sit amet neque at dolor hendrerit tincidunt.</div>
</div></td></tr></div></table>
<br><br>
<table><tr><td><div style="background-color:#5b7d21; width:220px; height:25px;text-align: center; padding: 5px; color: white; font: 15px Cinzel; transform:rotate(-90 deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg); margin-left: -100px; margin-top: 20px;">Descripción Psicológica</div>
</td><td><div style=" width:190px; height: 300px;text-align: justify; color: #000000; font: 12px arial; overflow:auto;margin-left: -110px; margin-top: -35px;">
<div style="background: #d5d5d5; padding: 5px; margin-left: 12px; margin-top: -20px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum egestas imperdiet sem venenatis sollicitudin. Nulla ut lectus odio. Cras id nunc massa. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur varius augue tellus, sit amet vestibulum nibh imperdiet ut. Cras bibendum dapibus nibh tempus pretium. Mauris consectetur ante a odio porta tincidunt. Integer faucibus varius ornare. Vivamus vel purus id odio eleifend dignissim non a metus. Aenean pretium, est in vehicula lacinia, neque diam aliquam ante, laoreet condimentum massa nisi et ipsum. In semper pharetra elit, sed placerat nibh facilisis vitae. Vivamus ornare feugiat leo, quis vestibulum libero blandit tristique. Donec sit amet neque at dolor hendrerit tincidunt.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum egestas imperdiet sem venenatis sollicitudin. Nulla ut lectus odio. Cras id nunc massa. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur varius augue tellus, sit amet vestibulum nibh imperdiet ut. Cras bibendum dapibus nibh tempus pretium. Mauris consectetur ante a odio porta tincidunt. Integer faucibus varius ornare. Vivamus vel purus id odio eleifend dignissim non a metus. Aenean pretium, est in vehicula lacinia, neque diam aliquam ante, laoreet condimentum massa nisi et ipsum. In semper pharetra elit, sed placerat nibh facilisis vitae. Vivamus ornare feugiat leo, quis vestibulum libero blandit tristique. Donec sit amet neque at dolor hendrerit tincidunt.</div>
</td></tr></table></div>
</div>
Última edición por Annika Krost el Jue Dic 18, 2014 3:27 pm, editado 1 vez
Annika Krost- Mensajes : 13
Fecha de inscripción : 12/07/2014
Re: Modelo de Expendientes
por Annika Krost Jue Dic 18, 2014 3:16 pm
GRYFFINDOR
- Código:
<div style="background: url(http://i.imgur.com/Y4ZaCeH.png); width: 600px; height: 750px;">
<div id="FichaGry"><div style="margin:left; width:200px; height:700px; border: 5px solid #d5d5d5; background-image:url(http://placehold.it/200x700)"><div class="FichaGry2">
[center]<div class="perso-infos">Apodo </div>
<div class="perso-infos">Lealtad </div>
<div class="perso-infos">Ocupación</div>
<div class="perso-infos">Edad y Curso</div>
<div class="perso-infos">Tipo de Sangre</div>
<div class="perso-infos">O. Sexual </div>
<div class="perso-infos">Varita </div>
<div class="perso-infos">Oesed</div>
<div class="perso-infos">Amortentia </div>
<div class="perso-infos">Boggart </div>
<div class="perso-infos">Patronus</div>[/center]
</div></div></div>
<div style="background: #d5d5d5; width: 200px; height: 100px; padding: 5px; margin-left: 12px; margin-top: 60px;">
<div id="FichaLinkGry">Nombre y Apellido</div><div id="FichaLinkGry"><a href="http://hogwartsalive.foroactivo.mx/">PIDEME ROL</a></div></div>
[center][size=10]by [url=http://hogwartsalive.foroactivo.mx/]© Hogwarts Alive[/url] [/size][/center]
</div>
<div style="width: 400px; height: 690px; margin-left: 370px; margin-top: -750px">
<table><tr><td><div style="background-color:#651900; width:220px; height:25px;text-align: center; padding: 5px; color: white; font: 15px Cinzel; transform:rotate(-90 deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg); margin-left: -100px; margin-top: 20px;">Historia del personaje</div>
</td><td><div style=" width:190px; height: 400px;text-align: justify; color: #000000; font: 12px arial; overflow:auto;margin-left: -110px; margin-top: -50px;">
<div style="background: #d5d5d5; padding: 5px; margin-left: 12px; margin-top: -20px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum egestas imperdiet sem venenatis sollicitudin. Nulla ut lectus odio. Cras id nunc massa. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur varius augue tellus, sit amet vestibulum nibh imperdiet ut. Cras bibendum dapibus nibh tempus pretium. Mauris consectetur ante a odio porta tincidunt. Integer faucibus varius ornare. Vivamus vel purus id odio eleifend dignissim non a metus. Aenean pretium, est in vehicula lacinia, neque diam aliquam ante, laoreet condimentum massa nisi et ipsum. In semper pharetra elit, sed placerat nibh facilisis vitae. Vivamus ornare feugiat leo, quis vestibulum libero blandit tristique. Donec sit amet neque at dolor hendrerit tincidunt.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum egestas imperdiet sem venenatis sollicitudin. Nulla ut lectus odio. Cras id nunc massa. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur varius augue tellus, sit amet vestibulum nibh imperdiet ut. Cras bibendum dapibus nibh tempus pretium. Mauris consectetur ante a odio porta tincidunt. Integer faucibus varius ornare. Vivamus vel purus id odio eleifend dignissim non a metus. Aenean pretium, est in vehicula lacinia, neque diam aliquam ante, laoreet condimentum massa nisi et ipsum. In semper pharetra elit, sed placerat nibh facilisis vitae. Vivamus ornare feugiat leo, quis vestibulum libero blandit tristique. Donec sit amet neque at dolor hendrerit tincidunt.</div>
</div></td></tr></div></table>
<br><br>
<table><tr><td><div style="background-color:#651900; width:220px; height:25px;text-align: center; padding: 5px; color: white; font: 15px Cinzel; transform:rotate(-90 deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg); margin-left: -100px; margin-top: 20px;">Descripción Psicológica</div>
</td><td><div style=" width:190px; height: 300px;text-align: justify; color: #000000; font: 12px arial; overflow:auto;margin-left: -110px; margin-top: -35px;">
<div style="background: #d5d5d5; padding: 5px; margin-left: 12px; margin-top: -20px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum egestas imperdiet sem venenatis sollicitudin. Nulla ut lectus odio. Cras id nunc massa. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur varius augue tellus, sit amet vestibulum nibh imperdiet ut. Cras bibendum dapibus nibh tempus pretium. Mauris consectetur ante a odio porta tincidunt. Integer faucibus varius ornare. Vivamus vel purus id odio eleifend dignissim non a metus. Aenean pretium, est in vehicula lacinia, neque diam aliquam ante, laoreet condimentum massa nisi et ipsum. In semper pharetra elit, sed placerat nibh facilisis vitae. Vivamus ornare feugiat leo, quis vestibulum libero blandit tristique. Donec sit amet neque at dolor hendrerit tincidunt.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum egestas imperdiet sem venenatis sollicitudin. Nulla ut lectus odio. Cras id nunc massa. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur varius augue tellus, sit amet vestibulum nibh imperdiet ut. Cras bibendum dapibus nibh tempus pretium. Mauris consectetur ante a odio porta tincidunt. Integer faucibus varius ornare. Vivamus vel purus id odio eleifend dignissim non a metus. Aenean pretium, est in vehicula lacinia, neque diam aliquam ante, laoreet condimentum massa nisi et ipsum. In semper pharetra elit, sed placerat nibh facilisis vitae. Vivamus ornare feugiat leo, quis vestibulum libero blandit tristique. Donec sit amet neque at dolor hendrerit tincidunt.</div>
</td></tr></table></div>
</div>
Annika Krost- Mensajes : 13
Fecha de inscripción : 12/07/2014
Re: Modelo de Expendientes
por Annika Krost Jue Dic 18, 2014 3:19 pm
HUFFLEPUFF
- Código:
<div style="background: url(http://i.imgur.com/oNDhfd9.png); width: 600px; height: 750px;">
<div id="FichaHuff"><div style="margin:left; width:200px; height:700px; border: 5px solid #d5d5d5; background-image:url(http://placehold.it/200x700)"><div class="FichaHuff2">
[center]<div class="perso-infos">Apodo </div>
<div class="perso-infos">Lealtad </div>
<div class="perso-infos">Ocupación</div>
<div class="perso-infos">Edad y Curso</div>
<div class="perso-infos">Tipo de Sangre</div>
<div class="perso-infos">O. Sexual </div>
<div class="perso-infos">Varita </div>
<div class="perso-infos">Oesed</div>
<div class="perso-infos">Amortentia </div>
<div class="perso-infos">Boggart </div>
<div class="perso-infos">Patronus</div>[/center]
</div></div></div>
<div style="background: #d5d5d5; width: 200px; height: 100px; padding: 5px; margin-left: 12px; margin-top: 60px;">
<div id="FichaLinkHuff">Nombre y Apellido</div><div id="FichaLinkHuff"><a href="http://hogwartsalive.foroactivo.mx/">PIDEME ROL</a></div></div>
[center][size=10]by [url=http://hogwartsalive.foroactivo.mx/]© Hogwarts Alive[/url] [/size][/center]
</div>
<div style="width: 400px; height: 690px; margin-left: 370px; margin-top: -750px">
<table><tr><td><div style="background-color:#c3a83d; width:220px; height:25px;text-align: center; padding: 5px; color: white; font: 15px Cinzel; transform:rotate(-90 deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg); margin-left: -100px; margin-top: 20px;">Historia del personaje</div>
</td><td><div style=" width:190px; height: 400px;text-align: justify; color: #000000; font: 12px arial; overflow:auto;margin-left: -110px; margin-top: -50px;">
<div style="background: #d5d5d5; padding: 5px; margin-left: 12px; margin-top: -20px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum egestas imperdiet sem venenatis sollicitudin. Nulla ut lectus odio. Cras id nunc massa. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur varius augue tellus, sit amet vestibulum nibh imperdiet ut. Cras bibendum dapibus nibh tempus pretium. Mauris consectetur ante a odio porta tincidunt. Integer faucibus varius ornare. Vivamus vel purus id odio eleifend dignissim non a metus. Aenean pretium, est in vehicula lacinia, neque diam aliquam ante, laoreet condimentum massa nisi et ipsum. In semper pharetra elit, sed placerat nibh facilisis vitae. Vivamus ornare feugiat leo, quis vestibulum libero blandit tristique. Donec sit amet neque at dolor hendrerit tincidunt.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum egestas imperdiet sem venenatis sollicitudin. Nulla ut lectus odio. Cras id nunc massa. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur varius augue tellus, sit amet vestibulum nibh imperdiet ut. Cras bibendum dapibus nibh tempus pretium. Mauris consectetur ante a odio porta tincidunt. Integer faucibus varius ornare. Vivamus vel purus id odio eleifend dignissim non a metus. Aenean pretium, est in vehicula lacinia, neque diam aliquam ante, laoreet condimentum massa nisi et ipsum. In semper pharetra elit, sed placerat nibh facilisis vitae. Vivamus ornare feugiat leo, quis vestibulum libero blandit tristique. Donec sit amet neque at dolor hendrerit tincidunt.</div>
</div></td></tr></div></table>
<br><br>
<table><tr><td><div style="background-color:#c3a83d; width:220px; height:25px;text-align: center; padding: 5px; color: white; font: 15px Cinzel; transform:rotate(-90 deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg); margin-left: -100px; margin-top: 20px;">Descripción Psicológica</div>
</td><td><div style=" width:190px; height: 300px;text-align: justify; color: #000000; font: 12px arial; overflow:auto;margin-left: -110px; margin-top: -35px;">
<div style="background: #d5d5d5; padding: 5px; margin-left: 12px; margin-top: -20px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum egestas imperdiet sem venenatis sollicitudin. Nulla ut lectus odio. Cras id nunc massa. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur varius augue tellus, sit amet vestibulum nibh imperdiet ut. Cras bibendum dapibus nibh tempus pretium. Mauris consectetur ante a odio porta tincidunt. Integer faucibus varius ornare. Vivamus vel purus id odio eleifend dignissim non a metus. Aenean pretium, est in vehicula lacinia, neque diam aliquam ante, laoreet condimentum massa nisi et ipsum. In semper pharetra elit, sed placerat nibh facilisis vitae. Vivamus ornare feugiat leo, quis vestibulum libero blandit tristique. Donec sit amet neque at dolor hendrerit tincidunt.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum egestas imperdiet sem venenatis sollicitudin. Nulla ut lectus odio. Cras id nunc massa. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur varius augue tellus, sit amet vestibulum nibh imperdiet ut. Cras bibendum dapibus nibh tempus pretium. Mauris consectetur ante a odio porta tincidunt. Integer faucibus varius ornare. Vivamus vel purus id odio eleifend dignissim non a metus. Aenean pretium, est in vehicula lacinia, neque diam aliquam ante, laoreet condimentum massa nisi et ipsum. In semper pharetra elit, sed placerat nibh facilisis vitae. Vivamus ornare feugiat leo, quis vestibulum libero blandit tristique. Donec sit amet neque at dolor hendrerit tincidunt.</div>
</td></tr></table></div>
</div>
- Código:
<div style="background: url(http://i.imgur.com/wSqxjHI.png); width: 600px; height: 750px;">
<div id="FichaAdu"><div style="margin:left; width:200px; height:700px; border: 5px solid #d5d5d5; background-image:url(http://placehold.it/200x700)"><div class="FichaAdu2">
[center]<div class="perso-infos">Apodo </div>
<div class="perso-infos">Lealtad </div>
<div class="perso-infos">Ocupación</div>
<div class="perso-infos">Edad y Curso</div>
<div class="perso-infos">Tipo de Sangre</div>
<div class="perso-infos">O. Sexual </div>
<div class="perso-infos">Varita </div>
<div class="perso-infos">Oesed</div>
<div class="perso-infos">Amortentia </div>
<div class="perso-infos">Boggart </div>
<div class="perso-infos">Patronus</div>[/center]
</div></div></div>
<div style="background: #d5d5d5; width: 200px; height: 100px; padding: 5px; margin-left: 12px; margin-top: 60px;">
<div id="FichaLinkAdu">Nombre y Apellido</div><div id="FichaLinkAdu"><a href="http://hogwartsalive.foroactivo.mx/">PIDEME ROL</a></div></div>
[center][size=10]by [url=http://hogwartsalive.foroactivo.mx/]© Hogwarts Alive[/url] [/size][/center]
</div>
<div style="width: 400px; height: 690px; margin-left: 370px; margin-top: -750px">
<table><tr><td><div style="background-color:#740288; width:220px; height:25px;text-align: center; padding: 5px; color: white; font: 15px Cinzel; transform:rotate(-90 deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg); margin-left: -100px; margin-top: 20px;">Historia del personaje</div>
</td><td><div style=" width:190px; height: 400px;text-align: justify; color: #000000; font: 12px arial; overflow:auto;margin-left: -110px; margin-top: -50px;">
<div style="background: #d5d5d5; padding: 5px; margin-left: 12px; margin-top: -20px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum egestas imperdiet sem venenatis sollicitudin. Nulla ut lectus odio. Cras id nunc massa. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur varius augue tellus, sit amet vestibulum nibh imperdiet ut. Cras bibendum dapibus nibh tempus pretium. Mauris consectetur ante a odio porta tincidunt. Integer faucibus varius ornare. Vivamus vel purus id odio eleifend dignissim non a metus. Aenean pretium, est in vehicula lacinia, neque diam aliquam ante, laoreet condimentum massa nisi et ipsum. In semper pharetra elit, sed placerat nibh facilisis vitae. Vivamus ornare feugiat leo, quis vestibulum libero blandit tristique. Donec sit amet neque at dolor hendrerit tincidunt.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum egestas imperdiet sem venenatis sollicitudin. Nulla ut lectus odio. Cras id nunc massa. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur varius augue tellus, sit amet vestibulum nibh imperdiet ut. Cras bibendum dapibus nibh tempus pretium. Mauris consectetur ante a odio porta tincidunt. Integer faucibus varius ornare. Vivamus vel purus id odio eleifend dignissim non a metus. Aenean pretium, est in vehicula lacinia, neque diam aliquam ante, laoreet condimentum massa nisi et ipsum. In semper pharetra elit, sed placerat nibh facilisis vitae. Vivamus ornare feugiat leo, quis vestibulum libero blandit tristique. Donec sit amet neque at dolor hendrerit tincidunt.</div>
</div></td></tr></div></table>
<br><br>
<table><tr><td><div style="background-color:#740288; width:220px; height:25px;text-align: center; padding: 5px; color: white; font: 15px Cinzel; transform:rotate(-90 deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg); margin-left: -100px; margin-top: 20px;">Descripción Psicológica</div>
</td><td><div style=" width:190px; height: 300px;text-align: justify; color: #000000; font: 12px arial; overflow:auto;margin-left: -110px; margin-top: -35px;">
<div style="background: #d5d5d5; padding: 5px; margin-left: 12px; margin-top: -20px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum egestas imperdiet sem venenatis sollicitudin. Nulla ut lectus odio. Cras id nunc massa. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur varius augue tellus, sit amet vestibulum nibh imperdiet ut. Cras bibendum dapibus nibh tempus pretium. Mauris consectetur ante a odio porta tincidunt. Integer faucibus varius ornare. Vivamus vel purus id odio eleifend dignissim non a metus. Aenean pretium, est in vehicula lacinia, neque diam aliquam ante, laoreet condimentum massa nisi et ipsum. In semper pharetra elit, sed placerat nibh facilisis vitae. Vivamus ornare feugiat leo, quis vestibulum libero blandit tristique. Donec sit amet neque at dolor hendrerit tincidunt.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum egestas imperdiet sem venenatis sollicitudin. Nulla ut lectus odio. Cras id nunc massa. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur varius augue tellus, sit amet vestibulum nibh imperdiet ut. Cras bibendum dapibus nibh tempus pretium. Mauris consectetur ante a odio porta tincidunt. Integer faucibus varius ornare. Vivamus vel purus id odio eleifend dignissim non a metus. Aenean pretium, est in vehicula lacinia, neque diam aliquam ante, laoreet condimentum massa nisi et ipsum. In semper pharetra elit, sed placerat nibh facilisis vitae. Vivamus ornare feugiat leo, quis vestibulum libero blandit tristique. Donec sit amet neque at dolor hendrerit tincidunt.</div>
</td></tr></table></div>
</div>
Annika Krost- Mensajes : 13
Fecha de inscripción : 12/07/2014
Re: Modelo de Expendientes
por Annika Krost Jue Dic 18, 2014 3:26 pm
Adultos
- Código:
<div style="background: url(http://i.imgur.com/wSqxjHI.png); width: 600px; height: 750px;">
<div id="FichaAdu"><div style="margin:left; width:200px; height:700px; border: 5px solid #d5d5d5; background-image:url(http://placehold.it/200x700)"><div class="FichaAdu2">
[center]<div class="perso-infos">Apodo </div>
<div class="perso-infos">Lealtad </div>
<div class="perso-infos">Ocupación</div>
<div class="perso-infos">Edad y Curso</div>
<div class="perso-infos">Tipo de Sangre</div>
<div class="perso-infos">O. Sexual </div>
<div class="perso-infos">Varita </div>
<div class="perso-infos">Oesed</div>
<div class="perso-infos">Amortentia </div>
<div class="perso-infos">Boggart </div>
<div class="perso-infos">Patronus</div>[/center]
</div></div></div>
<div style="background: #d5d5d5; width: 200px; height: 100px; padding: 5px; margin-left: 12px; margin-top: 60px;">
<div id="FichaLinkAdu">Nombre y Apellido</div><div id="FichaLinkAdu"><a href="http://hogwartsalive.foroactivo.mx/">PIDEME ROL</a></div></div>
[center][size=10]by [url=http://hogwartsalive.foroactivo.mx/]© Hogwarts Alive[/url] [/size][/center]
</div>
<div style="width: 400px; height: 690px; margin-left: 370px; margin-top: -750px">
<table><tr><td><div style="background-color:#740288; width:220px; height:25px;text-align: center; padding: 5px; color: white; font: 15px Cinzel; transform:rotate(-90 deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg); margin-left: -100px; margin-top: 20px;">Historia del personaje</div>
</td><td><div style=" width:190px; height: 400px;text-align: justify; color: #000000; font: 12px arial; overflow:auto;margin-left: -110px; margin-top: -50px;">
<div style="background: #d5d5d5; padding: 5px; margin-left: 12px; margin-top: -20px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum egestas imperdiet sem venenatis sollicitudin. Nulla ut lectus odio. Cras id nunc massa. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur varius augue tellus, sit amet vestibulum nibh imperdiet ut. Cras bibendum dapibus nibh tempus pretium. Mauris consectetur ante a odio porta tincidunt. Integer faucibus varius ornare. Vivamus vel purus id odio eleifend dignissim non a metus. Aenean pretium, est in vehicula lacinia, neque diam aliquam ante, laoreet condimentum massa nisi et ipsum. In semper pharetra elit, sed placerat nibh facilisis vitae. Vivamus ornare feugiat leo, quis vestibulum libero blandit tristique. Donec sit amet neque at dolor hendrerit tincidunt.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum egestas imperdiet sem venenatis sollicitudin. Nulla ut lectus odio. Cras id nunc massa. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur varius augue tellus, sit amet vestibulum nibh imperdiet ut. Cras bibendum dapibus nibh tempus pretium. Mauris consectetur ante a odio porta tincidunt. Integer faucibus varius ornare. Vivamus vel purus id odio eleifend dignissim non a metus. Aenean pretium, est in vehicula lacinia, neque diam aliquam ante, laoreet condimentum massa nisi et ipsum. In semper pharetra elit, sed placerat nibh facilisis vitae. Vivamus ornare feugiat leo, quis vestibulum libero blandit tristique. Donec sit amet neque at dolor hendrerit tincidunt.</div>
</div></td></tr></div></table>
<br><br>
<table><tr><td><div style="background-color:#740288; width:220px; height:25px;text-align: center; padding: 5px; color: white; font: 15px Cinzel; transform:rotate(-90 deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg); margin-left: -100px; margin-top: 20px;">Descripción Psicológica</div>
</td><td><div style=" width:190px; height: 300px;text-align: justify; color: #000000; font: 12px arial; overflow:auto;margin-left: -110px; margin-top: -35px;">
<div style="background: #d5d5d5; padding: 5px; margin-left: 12px; margin-top: -20px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum egestas imperdiet sem venenatis sollicitudin. Nulla ut lectus odio. Cras id nunc massa. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur varius augue tellus, sit amet vestibulum nibh imperdiet ut. Cras bibendum dapibus nibh tempus pretium. Mauris consectetur ante a odio porta tincidunt. Integer faucibus varius ornare. Vivamus vel purus id odio eleifend dignissim non a metus. Aenean pretium, est in vehicula lacinia, neque diam aliquam ante, laoreet condimentum massa nisi et ipsum. In semper pharetra elit, sed placerat nibh facilisis vitae. Vivamus ornare feugiat leo, quis vestibulum libero blandit tristique. Donec sit amet neque at dolor hendrerit tincidunt.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum egestas imperdiet sem venenatis sollicitudin. Nulla ut lectus odio. Cras id nunc massa. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur varius augue tellus, sit amet vestibulum nibh imperdiet ut. Cras bibendum dapibus nibh tempus pretium. Mauris consectetur ante a odio porta tincidunt. Integer faucibus varius ornare. Vivamus vel purus id odio eleifend dignissim non a metus. Aenean pretium, est in vehicula lacinia, neque diam aliquam ante, laoreet condimentum massa nisi et ipsum. In semper pharetra elit, sed placerat nibh facilisis vitae. Vivamus ornare feugiat leo, quis vestibulum libero blandit tristique. Donec sit amet neque at dolor hendrerit tincidunt.</div>
</td></tr></table></div>
</div>
Annika Krost- Mensajes : 13
Fecha de inscripción : 12/07/2014
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.
» La familia al completo 0/5
» Selección de casa
» Alexandra Dreser ID
» Nuestros Datos
» Modelo de Expendientes
» Aylin Reed - ID
» Registro de avatar
» Ivonne Blummer -No terminada-