II. No intentarás comunicarte con el exterior.
III. Vivirás en este mundo y no en el exterior.
IV. Rompe una de las reglas, y un conocido de allá afuera muere.
En la oscuridad de tu inconsciencia, después de la explosión de una bomba en el evento al que acudiste, susurros te trajeron de vuelta a la vida.
El extraño evento a puertas abiertas del colegio Fallgate debería haber sido la primera advertencia.
Era casi el final del año escolar y todos estaban invitados, alumnos, profesores, todos los habitantes de Grendelshire. La magnitud del evento hasta había llegado a oídos de Londres.
Todos podían entrar sin invitación ni pagar por boletos. Excepto los menores de ocho años, una estipulación que debería haber sido la segunda bandera roja.
Aunque todo estaba cubierto de nieve, el cálido sol invitaba a recorrer el decorado colegio. Tiendas de comida, competencias, juegos, eventos, música, foros de debate, tantas cosas sucediendo al unísono que fue imposible para cualquiera darse cuenta de la farsa.
Lo único que escuchaste fue la explosión proveniente del medio del terreno antes de que tus tímpanos retumbaran a tal frecuencia que los subsiguientes gritos de terror y agonía se convirtieran en silencio. El gas azul que lentamente nubló tu vista claramente tenía la misma procedencia. Sentiste como te ahorcaba, quemaba, ahogaba bajo el agua, como si tragaras arena o ácido; todo dependía de tus peores miedos mientras perdías el conocimiento.
Después de despertarte con las reglas del juego, aquella voz ronroneó tus opciones, tu nuevo futuro. Debías elegir una raza antes de poder despertar.
¿Vienes a jugar con nosotros?
Por otra parte, quiero agradecer a nuestros usuarios y administradores. Todo aquel que se interesó en este proyecto y pone su granito de arena para mantenerlo vivo. Porque nosotros no seríamos nada sin ustedes. Y la administración, que a pesar de todo, siempre está ahí para todos nosotros, y se lanza con mis ideas locas y hacen que salga bien.
Atte. Persephone Hansen
Taller de Tablillas - Maisie Addams
¡Buenos días/tardes a todos!
Vengo a presentar mi taller de tablillas. No soy una experta, pero tengo experiencia haciendo tablillas y skins de foros así que algo se hacer y lo que no se lo aprendo.
He aquí el código para pedir una tablita. Soy un poco exigente con los campos, ya que no me gusta que me dejen mucho a elección, sobretodo con los efectos, así que les pido que sean lo más específicos posibles.
- Código:
Tipo de tablilla: Firma, Post de rol, Modelo de ficha
Colores: Pido una tabla de colores de https://www.colourlovers.com/ para tener como referencia
Imágenes: Cuántas imágenes quieren. Por favor ser específicos donde las quieren, si de fondo, en la cabecera a los pies, etc.
Tamaño: Grande, chica, ancha, delgada. Sed bien específicos.
Efectos: Que efectos quieren, hover, pestañas, modales clickeables, etc. Por favor sed lo más específicos posibles
Imágen: Si me hacen una imagen en paint de más o menos lo que quieren, ¡se me va a hacer mucho más fácil mi trabajo!
Allí abajito he dejado algunos ejemplos sencillitos que he hecho, ya que la mayoría de las tablillas que he hecho no las he guardado, pero les sirven de referencia.
Última edición por Maisie Addams el Dom Jun 06, 2021 3:46 pm, editado 9 veces
Colores: No encontré una paleta pero te dejo los colores (?) 000 para el fondo B4F7F0 y 9273A3 para detalles y 8A1727 opcional para algunos otros detalles o cositas.
Imágenes: Quiero tres imágenes, una grande arriba (350 de alto, 600 de ancho), una pequeña en forma de rombo en una esquina de la img de arriba y una abajo más larga.
Tamaño: 600 de ancho, que sea alta no cuadrada, con scroll
Efectos: En la imagen de abajo cuando pasen el mouse que aparezca un cuadradito con transparencia donde pueda poner una frase. Quiero que tenga para los colores del texto, con b e i con otras letras, de preferencia alguna manuscrita bonita para el i
Imágen: Te la mando al priv ovo
Edad : 17
Nivel :
- 7
Rompe Regla I :
- Si
Raza : Desconocido
Mensajes : 472
XP : 3942
Fecha de inscripción : 01/07/2017
Localización : En la cafetería, probablemente
Hoja de Personaje
Vida:
(300/300)
Habilidades:
Habilidades | Descripción | Daño | Defensa | Habilidad 1 | Habilidad 2 | Habilidad 3 | Debilidad 1 | Debilidad 2 | Debilidad 3 |
Donec non turpis et purus bibendum iaculis. Suspendisse imperdiet magna porttitor enim iaculis, at ornare tortor tempor. Ut venenatis ac ligula sed dignissim. Vivamus in magna quam. Duis turpis elit, mattis vitae nisl in, eleifend tempor massa. Duis consectetur velit vitae orci dictum, ac facilisis tortor tristique. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Maecenas hendrerit sapien lacus, non pharetra mauris feugiat sed. Maecenas quis est ac magna pretium dictum id vitae diam. Maecenas at purus mollis, vestibulum ante id, scelerisque nisi. Nulla fermentum, nisl a viverra pharetra, dui libero gravida enim, ac egestas est nunc sed erat. Proin nec magna sem. Phasellus non est feugiat, volutpat nisl sed, ultrices dolor.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin blandit, mauris et dignissim varius, neque massa hendrerit nulla, vel maximus dui dui vel nisi. Morbi sed hendrerit nisi. Cras lobortis dui at semper euismod. Suspendisse potenti. Donec vitae volutpat neque. Sed condimentum accumsan ex, viverra interdum leo bibendum sit amet. Pellentesque molestie enim in dolor mollis, non scelerisque massa cursus. Mauris elementum tincidunt maximus.
Phasellus pharetra ligula tincidunt ligula fermentum, luctus volutpat turpis placerat. Nullam sed ipsum non risus efficitur euismod. Ut imperdiet scelerisque est, sit amet tristique dolor porta et. Quisque sollicitudin lorem ipsum, vel vehicula mauris egestas quis. Sed rutrum ipsum quis arcu lacinia, auctor vestibulum ex dignissim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare egestas velit.
Integer id blandit odio. Morbi scelerisque lectus a libero sollicitudin sodales. Cras enim elit, accumsan eu euismod quis, faucibus dignissim sapien. Duis eu faucibus orci, a fringilla ipsum. Cras euismod nibh cursus mi malesuada commodo. Quisque vel massa eu elit sodales pharetra non sit amet elit. Aliquam malesuada rhoncus interdum. Proin hendrerit turpis eget ante convallis commodo. Vestibulum accumsan lorem vitae velit lobortis dictum. Morbi consectetur fermentum nibh, at vestibulum justo rhoncus vitae. Fusce nec scelerisque tortor, quis lobortis mi. Morbi ex mi, posuere id bibendum ut, tempus ac metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce rhoncus euismod neque, sed gravida felis placerat eget. Praesent id nisi eget enim suscipit convallis.
- Código:
<div class="caja-grande"><div id="flex"><div id="data1">Aquí la data que tu quieras</div><hr></div><br><div id="titulito">Hola soy un titulito bastante largo para poner cosas bonitas </div><div id="titulitochico">Hola soy un titulito bastante largo </div><div id="imagensuperior"></div><div id="imagenchica"><div id="superimagen"></div></div><div id="cajaintermedia"><div id="flex"><hr><div id="data1">Aquí la data que tu quieras</div></div></div><div class="caja-texto">Lorem ipsum dolor sit amet, consectetur adipiscing elit.[b] Praesent in turpis id ex ultrices posuere luctus eget orci.[/b] Vestibulum eu semper justo. Suspendisse semper venenatis erat, vitae efficitur elit pretium nec. [i]Duis risus ante, condimentum nec porttitor non, tincidunt a nibh[/i]. Sed tincidunt lobortis magna, id vulputate mauris egestas vitae. Morbi massa odio, consectetur sit amet tristique in, tincidunt nec justo. Quisque vulputate tellus eu ipsum auctor, in sollicitudin purus placerat. Praesent sem sem, vestibulum ut neque non, bibendum elementum lorem. Aliquam erat volutpat. In hac habitasse platea dictumst. Aenean bibendum enim in erat faucibus, id consequat purus eleifend. Sed malesuada mattis ante a ultrices. Morbi quis bibendum metus.
Donec non turpis et purus bibendum iaculis. Suspendisse imperdiet magna porttitor enim iaculis, at ornare tortor tempor. Ut venenatis ac ligula sed dignissim. Vivamus in magna quam. Duis turpis elit, mattis vitae nisl in, eleifend tempor massa. Duis consectetur velit vitae orci dictum, ac facilisis tortor tristique. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Maecenas hendrerit sapien lacus, non pharetra mauris feugiat sed. Maecenas quis est ac magna pretium dictum id vitae diam. Maecenas at purus mollis, vestibulum ante id, scelerisque nisi. Nulla fermentum, nisl a viverra pharetra, dui libero gravida enim, ac egestas est nunc sed erat. Proin nec magna sem. Phasellus non est feugiat, volutpat nisl sed, ultrices dolor.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin blandit, mauris et dignissim varius, neque massa hendrerit nulla, vel maximus dui dui vel nisi. Morbi sed hendrerit nisi. Cras lobortis dui at semper euismod. Suspendisse potenti. Donec vitae volutpat neque. Sed condimentum accumsan ex, viverra interdum leo bibendum sit amet. Pellentesque molestie enim in dolor mollis, non scelerisque massa cursus. Mauris elementum tincidunt maximus.
Phasellus pharetra ligula tincidunt ligula fermentum, luctus volutpat turpis placerat. Nullam sed ipsum non risus efficitur euismod. Ut imperdiet scelerisque est, sit amet tristique dolor porta et. Quisque sollicitudin lorem ipsum, vel vehicula mauris egestas quis. Sed rutrum ipsum quis arcu lacinia, auctor vestibulum ex dignissim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare egestas velit.
Integer id blandit odio. Morbi scelerisque lectus a libero sollicitudin sodales. Cras enim elit, accumsan eu euismod quis, faucibus dignissim sapien. Duis eu faucibus orci, a fringilla ipsum. Cras euismod nibh cursus mi malesuada commodo. Quisque vel massa eu elit sodales pharetra non sit amet elit. Aliquam malesuada rhoncus interdum. Proin hendrerit turpis eget ante convallis commodo. Vestibulum accumsan lorem vitae velit lobortis dictum. Morbi consectetur fermentum nibh, at vestibulum justo rhoncus vitae. Fusce nec scelerisque tortor, quis lobortis mi. Morbi ex mi, posuere id bibendum ut, tempus ac metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce rhoncus euismod neque, sed gravida felis placerat eget. Praesent id nisi eget enim suscipit convallis.</div><div class="hvrbox"><div class="hvrbox-layer_top"><div class="hvrbox-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce porttitor ligula porttitor, lacinia sapien non.</div></div></div><div class="hvrbox"><img src="https://via.placeholder.com/600x180" class="hvrbox-layer_bottom">
<div class="hvrbox-layer_top"><div id="textitohover">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce porttitor ligula porttitor, lacinia sapien non.</div></div></div></div>
<br><br><br><br><br><br>
<a href="https://gameinlife.variousforum.com/t558-taller-de-tablillas-maisie-addams#3402"><div style="text-align: center; font-size: 10px; font-family: Poiret;">Made by Maisie Addams</div></a>
<style>#data1 {color:#C7C7C7; font-family: Open Sans Condensed; margin-left: 5px; text-transform: uppercase; font-size: 14px;margin-top: 2px;} #flex {display: flex;}.caja-grande hr {margin-left: 10px; border-top: 2px solid #B4F7F0;flex: 1;} #titulitochico {z-index: 9;color: #c4f1ff;height: 10px;font-family: Kristi;font-size: 40px;line-height: 10px;position: absolute; margin-top: -90px;background-color: black;width: 600px;text-align: center;text-shadow: 2px 2px #404040;} #titulito {text-transform: uppercase; -webkit-text-stroke: 2px #C7C7C7;color: transparent;height:100px; font-family: Oswald; font-size: 40px; text-align: center;border-bottom: 20px solid white; line-height: 40px; top: 0px; position:relative;z-index: 9} .caja-grande {width: 600px; height: 1000px; background-color: #000; margin: 0 auto;} #imagensuperior {background-image: url('https://via.placeholder.com/600x350');width: 600px; height: 350px; } #imagenchica {position: absolute;background-image: url(https://via.placeholder.com/150x150);height: 150px;width: 150px;clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);margin-left: -60px;margin-top: -78px;border: 10px solid #c4f1ff;} .caja-texto {text-align: justify;color: white; width: 500px; margin: 0 auto; height: 350px; overflow: auto; margin-top: 40px; margin-left: 70px; padding: 10px; } #cajaintermedia {background: white;} .caja-grande div::-webkit-scrollbar-thumb { background: #c4f1ff !important;height: 20px !important; } #imageninferior{position:relative; background-image: url('https://via.placeholder.com/600x200');width: 600px; height: 200px; } #textoimageninferior {background-color: #00000021;HEIGHT: 200PX;text-align: center;line-height: 100px;opacity:0} #imageninferior:hover #textoimageninferior {opacity: 1} .hvrbox * {box-sizing: border-box;} .hvrbox {border-top: 20px solid white;position: relative;display: inline-block;overflow: hidden;max-width: 100%;
height: auto;}.hvrbox img {max-width: 100%;}.hvrbox .hvrbox-layer_bottom {display: block;}.hvrbox .hvrbox-layer_top {text-align: center;font-size:20px;font-family: Kristi;letter-spacing: 3px;color:#c4f1ff !important;text-shadow: 2px 2px #404040;opacity: 0;position: absolute;top: 5px;left: 35px;right: 0;bottom: 0;width: 500px;height: 125px;background: rgba(0, 0, 0, 0.6);color: #fff;padding: 15px;-moz-transition: all 0.4s ease-in-out 0s;-webkit-tranition: all 0.4s ease-in-out 0s;-ms-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;}.hvrbox:hover .hvrbox-layer_top,.hvrbox.active .hvrbox-layer_top {opacity: 1;}.hvrbox .hvrbox-text {font-size: 18px;display: inline-block;position: absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}.hvrbox .hvrbox-text_mobile {font-size: 15px;border-top: 1px solid rgb(179, 179, 179); /* for old browsers */border-top: 1px solid rgba(179, 179, 179, 0.7);margin-top: 5px;padding-top: 2px;display: none;}.hvrbox.active .hvrbox-text_mobile {display: block;} #textitohover {margin-top: 20px;width: 200px; margin-left: 140px;} .caja-grande i {font-family: 'Kristi'; font-size: 25px; color: #8A1727; letter-spacing: 3px;}.caja-grande strong{color: #c4f1ff;font-family: Open Sans Condensed;margin-left: 5px;text-transform: uppercase;font-size: 14px;margin-top: 2px;}
</style>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Kristi&family=Open+Sans+Condensed:wght@300&family=Oswald:wght@500&family=Poiret+One&display=swap" rel="stylesheet">
Última edición por Maisie Addams el Lun Jun 07, 2021 7:25 pm, editado 2 veces
Avísame cualquier cosita! Si es demasiado complicado y no se puede no te calientes la cabeza, yo no tengo idea de cuan difícil es! <3
- Tabla en cuestion:
- Código:
<div class="EXPE" style="color: #C54F57; background: #F8FFC9;"><img src="https://static.zerochan.net/Lancer.%28Ereshkigal%29.full.3004722.jpg" class="imEXPE"><div class="maEXPE" style="background: #C54F57;"></div><div class="maEXPE" style="background: #F8FFC9;"></div><div class="ttEXPE"><i>Turned Her Tears<b>To Diamonds in Her Crown</b></i></div><div class="xxEXPE">TEXTO ACA TEXTO ACA LOREM LOREM IPSUM SIMUT CUAT HABULUM LATIN
<div class="ddEXPE"><span><b>Hora</b></span>
--
<span><b>Lugar</b></span>
--
<span><b>Clima</b></span>
--
<span><b>Con</b></span>
--
<img src="https://i.ibb.co/RyZyHXV/amira-crying.png"></div></div><a href="https://emmescodes.tumblr.com/" class="miEXPE" style="color: #C54F57;">code by EMME</a></div>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"><style>.EXPE, .EXPE * {box-sizing: border-box;} @font-face {font-family: 'Tahu'; src: url('https://cdn.rawgit.com/EmmesCodes/Tipografias/0eca2fc2/Tahu!.ttf');} .EXPE {width: 650px; margin: auto;} .maEXPE {mask-image: url(https://i.imgur.com/VTRQccJ.png); -webkit-mask-image: url(https://i.imgur.com/VTRQccJ.png); height: 150px; mask-position: top center; -webkit-mask-position: top center; margin-top: -100px;} .maEXPE {mask-image: url(https://i.imgur.com/VTRQccJ.png); -webkit-mask-image: url(https://i.imgur.com/VTRQccJ.png); height: 150px;} .maEXPE:first-of-type {mask-position: bottom center; -webkit-mask-position: bottom center; transform: rotate(180deg); margin-top: -85px;} .maEXPE:nth-of-type(2) {mask-position: top center; -webkit-mask-position: top center; margin-top: -120px;} .imEXPE{border: 10px solid; width: 100%;} .ttEXPE {margin: -40px 35px 0; position: relative; text-align: right; font: 12px Roboto; text-shadow: 1px 1px #FFF, -1px 1px #FFF, 1px -1px #FFF, -1px -1px #FFF;} .ttEXPE b {display: block; font: 40px/40px Tahu; margin-right: 15px;} .xxEXPE {position: relative; margin: 30px 10px 0 50px; font: 12px Roboto; text-align: justify; width: calc(100% - 200px); min-height: 270px;} .ddEXPE {text-align: center; width: 110px; position: absolute; top: 0px; left: calc(100% + 10px); height: 100%; font: 10px Roboto;} .ddEXPE span {border: 8px solid; display: inline-block; width: 100px; margin-left: 10px; line-height: 0px;} .ddEXPE b {line-height: 0px; color: #FFF; letter-spacing: 2px;} .ddEXPE img {border: 5px solid; position: absolute; bottom: 0; right: 0; width: 100px; height: 100px; padding: 5px;} .miEXPE {display: block; margin-top: 50px; text-align: center; font: 10px/5px Roboto; border-bottom: 20px solid; transition: .5s;} .miEXPE:hover {letter-spacing: 5px; line-height: 15px; margin-top: 40px;}</style>
Edad : 18
Nivel :
- 7
Rompe Regla I :
- No
Raza : Shape Shifter
Mensajes : 80
XP : 483
Fecha de inscripción : 03/01/2019
Localización : En el Infierno. Bienvenidos.
Hoja de Personaje
Vida:
(300/300)
Habilidades:
Habilidades | Descripción | Daño | Defensa | Habilidad 1 | Habilidad 2 | Habilidad 3 | Debilidad 1 | Debilidad 2 | Debilidad 3 |
Donec non turpis et purus bibendum iaculis. Suspendisse imperdiet magna porttitor enim iaculis, at ornare tortor tempor. Ut venenatis ac ligula sed dignissim. Vivamus in magna quam. Duis turpis elit, mattis vitae nisl in, eleifend tempor massa. Duis consectetur velit vitae orci dictum, ac facilisis tortor tristique. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Maecenas hendrerit sapien lacus, non pharetra mauris feugiat sed. Maecenas quis est ac magna pretium dictum id vitae diam. Maecenas at purus mollis, vestibulum ante id, scelerisque nisi. Nulla fermentum, nisl a viverra pharetra, dui libero gravida enim, ac egestas est nunc sed erat. Proin nec magna sem. Phasellus non est feugiat, volutpat nisl sed, ultrices dolor.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin blandit, mauris et dignissim varius, neque massa hendrerit nulla, vel maximus dui dui vel nisi. Morbi sed hendrerit nisi. Cras lobortis dui at semper euismod. Suspendisse potenti. Donec vitae volutpat neque. Sed condimentum accumsan ex, viverra interdum leo bibendum sit amet. Pellentesque molestie enim in dolor mollis, non scelerisque massa cursus. Mauris elementum tincidunt maximus.
Phasellus pharetra ligula tincidunt ligula fermentum, luctus volutpat turpis placerat. Nullam sed ipsum non risus efficitur euismod. Ut imperdiet scelerisque est, sit amet tristique dolor porta et. Quisque sollicitudin lorem ipsum, vel vehicula mauris egestas quis. Sed rutrum ipsum quis arcu lacinia, auctor vestibulum ex dignissim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare egestas velit.
Integer id blandit odio. Morbi scelerisque lectus a libero sollicitudin sodales. Cras enim elit, accumsan eu euismod quis, faucibus dignissim sapien. Duis eu faucibus orci, a fringilla ipsum. Cras euismod nibh cursus mi malesuada commodo. Quisque vel massa eu elit sodales pharetra non sit amet elit. Aliquam malesuada rhoncus interdum. Proin hendrerit turpis eget ante convallis commodo. Vestibulum accumsan lorem vitae velit lobortis dictum. Morbi consectetur fermentum nibh, at vestibulum justo rhoncus vitae. Fusce nec scelerisque tortor, quis lobortis mi. Morbi ex mi, posuere id bibendum ut, tempus ac metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce rhoncus euismod neque, sed gravida felis placerat eget. Praesent id nisi eget enim suscipit convallis.
--
Lugar
--
Clima
--
Con
--
- Código:
CÓDIGO:
<div class="EXPE" style="color: #C54F57; background: #F8FFC9;"><img src="https://static.zerochan.net/Lancer.%28Ereshkigal%29.full.3004722.jpg" class="imEXPE"><div class="maEXPE" style="background: #C54F57;"></div><div class="maEXPE" style="background: #F8FFC9;"></div><div class="ttEXPE"><i>Turned Her Tears<b>To Diamonds in Her Crown</b></i></div><div class="xxEXPE"><div class="cajatextito">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent in turpis id ex ultrices posuere luctus eget orci. Vestibulum eu semper justo. Suspendisse semper venenatis erat, vitae efficitur elit pretium nec. Duis risus ante, condimentum nec porttitor non, tincidunt a nibh. Sed tincidunt lobortis magna, id vulputate mauris egestas vitae. Morbi massa odio, consectetur sit amet tristique in, tincidunt nec justo. Quisque vulputate tellus eu ipsum auctor, in sollicitudin purus placerat. Praesent sem sem, vestibulum ut neque non, bibendum elementum lorem. Aliquam erat volutpat. In hac habitasse platea dictumst. Aenean bibendum enim in erat faucibus, id consequat purus eleifend. Sed malesuada mattis ante a ultrices. Morbi quis bibendum metus.
Donec non turpis et purus bibendum iaculis. Suspendisse imperdiet magna porttitor enim iaculis, at ornare tortor tempor. Ut venenatis ac ligula sed dignissim. Vivamus in magna quam. Duis turpis elit, mattis vitae nisl in, eleifend tempor massa. Duis consectetur velit vitae orci dictum, ac facilisis tortor tristique. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Maecenas hendrerit sapien lacus, non pharetra mauris feugiat sed. Maecenas quis est ac magna pretium dictum id vitae diam. Maecenas at purus mollis, vestibulum ante id, scelerisque nisi. Nulla fermentum, nisl a viverra pharetra, dui libero gravida enim, ac egestas est nunc sed erat. Proin nec magna sem. Phasellus non est feugiat, volutpat nisl sed, ultrices dolor.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin blandit, mauris et dignissim varius, neque massa hendrerit nulla, vel maximus dui dui vel nisi. Morbi sed hendrerit nisi. Cras lobortis dui at semper euismod. Suspendisse potenti. Donec vitae volutpat neque. Sed condimentum accumsan ex, viverra interdum leo bibendum sit amet. Pellentesque molestie enim in dolor mollis, non scelerisque massa cursus. Mauris elementum tincidunt maximus.
Phasellus pharetra ligula tincidunt ligula fermentum, luctus volutpat turpis placerat. Nullam sed ipsum non risus efficitur euismod. Ut imperdiet scelerisque est, sit amet tristique dolor porta et. Quisque sollicitudin lorem ipsum, vel vehicula mauris egestas quis. Sed rutrum ipsum quis arcu lacinia, auctor vestibulum ex dignissim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare egestas velit.
Integer id blandit odio. Morbi scelerisque lectus a libero sollicitudin sodales. Cras enim elit, accumsan eu euismod quis, faucibus dignissim sapien. Duis eu faucibus orci, a fringilla ipsum. Cras euismod nibh cursus mi malesuada commodo. Quisque vel massa eu elit sodales pharetra non sit amet elit. Aliquam malesuada rhoncus interdum. Proin hendrerit turpis eget ante convallis commodo. Vestibulum accumsan lorem vitae velit lobortis dictum. Morbi consectetur fermentum nibh, at vestibulum justo rhoncus vitae. Fusce nec scelerisque tortor, quis lobortis mi. Morbi ex mi, posuere id bibendum ut, tempus ac metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce rhoncus euismod neque, sed gravida felis placerat eget. Praesent id nisi eget enim suscipit convallis.</div>
<div class="ddEXPE"><span><b>Hora</b></span>
--
<span><b>Lugar</b></span>
--
<span><b>Clima</b></span>
--
<span><b>Con</b></span>
--
<img src="https://i.ibb.co/RyZyHXV/amira-crying.png"></div></div><a href="https://emmescodes.tumblr.com/" class="miEXPE" style="color: #C54F57;">code by EMME</a></div>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"><style>.EXPE, .EXPE * {box-sizing: border-box;} @font-face {font-family: 'Tahu'; src: url('https://cdn.rawgit.com/EmmesCodes/Tipografias/0eca2fc2/Tahu!.ttf');} .EXPE {width: 650px; margin: auto;} .maEXPE {mask-image: url(https://i.imgur.com/VTRQccJ.png); -webkit-mask-image: url(https://i.imgur.com/VTRQccJ.png); height: 150px; mask-position: top center; -webkit-mask-position: top center; margin-top: -100px;} .maEXPE {mask-image: url(https://i.imgur.com/VTRQccJ.png); -webkit-mask-image: url(https://i.imgur.com/VTRQccJ.png); height: 150px;} .maEXPE:first-of-type {mask-position: bottom center; -webkit-mask-position: bottom center; transform: rotate(180deg); margin-top: -85px;} .maEXPE:nth-of-type(2) {mask-position: top center; -webkit-mask-position: top center; margin-top: -120px;} .imEXPE{border: 10px solid; width: 100%;} .ttEXPE {margin: -40px 35px 0; position: relative; text-align: right; font: 12px Roboto; text-shadow: 1px 1px #FFF, -1px 1px #FFF, 1px -1px #FFF, -1px -1px #FFF;} .ttEXPE b {display: block; font: 40px/40px Tahu; margin-right: 15px;} .xxEXPE {position: relative; margin: 30px 10px 0 50px; font: 12px Roboto; text-align: justify; width: calc(100% - 200px); min-height: 270px;} .ddEXPE {text-align: center; width: 110px; position: absolute; top: 0px; left: calc(100% + 10px); height: 100%; font: 10px Roboto;} .ddEXPE span {border: 8px solid; display: inline-block; width: 100px; margin-left: 10px; line-height: 0px;} .ddEXPE b {line-height: 0px; color: #FFF; letter-spacing: 2px;} .ddEXPE img {border: 5px solid; position: absolute; bottom: 0; right: 0; width: 100px; height: 100px; padding: 5px;} .miEXPE {display: block; margin-top: 50px; text-align: center; font: 10px/5px Roboto; border-bottom: 20px solid; transition: .5s;} .miEXPE:hover {letter-spacing: 5px; line-height: 15px; margin-top: 40px;}.cajatextito{height: 400px;overflow: auto;} </style>
Titulito bonito bastante largo para las bellacas
Donec non turpis et purus bibendum iaculis. Suspendisse imperdiet magna porttitor enim iaculis, at ornare tortor tempor. Ut venenatis ac ligula sed dignissim. Vivamus in magna quam. Duis turpis elit, mattis vitae nisl in, eleifend tempor massa. Duis consectetur velit vitae orci dictum, ac facilisis tortor tristique. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Maecenas hendrerit sapien lacus, non pharetra mauris feugiat sed. Maecenas quis est ac magna pretium dictum id vitae diam. Maecenas at purus mollis, vestibulum ante id, scelerisque nisi. Nulla fermentum, nisl a viverra pharetra, dui libero gravida enim, ac egestas est nunc sed erat. Proin nec magna sem. Phasellus non est feugiat, volutpat nisl sed, ultrices dolor.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin blandit, mauris et dignissim varius, neque massa hendrerit nulla, vel maximus dui dui vel nisi. Morbi sed hendrerit nisi. Cras lobortis dui at semper euismod. Suspendisse potenti. Donec vitae volutpat neque. Sed condimentum accumsan ex, viverra interdum leo bibendum sit amet. Pellentesque molestie enim in dolor mollis, non scelerisque massa cursus. Mauris elementum tincidunt maximus.
Phasellus pharetra ligula tincidunt ligula fermentum, luctus volutpat turpis placerat. Nullam sed ipsum non risus efficitur euismod. Ut imperdiet scelerisque est, sit amet tristique dolor porta et. Quisque sollicitudin lorem ipsum, vel vehicula mauris egestas quis. Sed rutrum ipsum quis arcu lacinia, auctor vestibulum ex dignissim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare egestas velit.
Integer id blandit odio. Morbi scelerisque lectus a libero sollicitudin sodales. Cras enim elit, accumsan eu euismod quis, faucibus dignissim sapien. Duis eu faucibus orci, a fringilla ipsum. Cras euismod nibh cursus mi malesuada commodo. Quisque vel massa eu elit sodales pharetra non sit amet elit. Aliquam malesuada rhoncus interdum. Proin hendrerit turpis eget ante convallis commodo. Vestibulum accumsan lorem vitae velit lobortis dictum. Morbi consectetur fermentum nibh, at vestibulum justo rhoncus vitae. Fusce nec scelerisque tortor, quis lobortis mi. Morbi ex mi, posuere id bibendum ut, tempus ac metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce rhoncus euismod neque, sed gravida felis placerat eget. Praesent id nisi eget enim suscipit convallis.
- Código:
<div id="cajotota"><div id="cajota"><br><br><div id="pointer"><div class="cnt"></div><p><i class="cp cp-bat-o"></i> Titulito bonito bastante largo para las bellacas</p><div id="imagencita"><div id="texto-imagen">Lorem ipsum dolor sit amet, consectetur adipiscing elit.[i] Praesent in turpis id ex ultrices posuere luctus eget orci. [/i]Vestibulum eu semper justo. Suspendisse semper venenatis erat, vitae efficitur elit pretium nec. [b]Duis risus ante, condimentum nec porttitor non, tincidunt a nibh.[/b] Sed tincidunt lobortis magna, id vulputate mauris egestas vitae. Morbi massa odio, consectetur sit amet tristique in, tincidunt nec justo. Quisque vulputate tellus eu ipsum auctor, in sollicitudin purus placerat. Praesent sem sem, vestibulum ut neque non, bibendum elementum lorem. Aliquam erat volutpat. In hac habitasse platea dictumst. Aenean bibendum enim in erat faucibus, id consequat purus eleifend. Sed malesuada mattis ante a ultrices. Morbi quis bibendum metus.
Donec non turpis et purus bibendum iaculis. Suspendisse imperdiet magna porttitor enim iaculis, at ornare tortor tempor. Ut venenatis ac ligula sed dignissim. Vivamus in magna quam. Duis turpis elit, mattis vitae nisl in, eleifend tempor massa. Duis consectetur velit vitae orci dictum, ac facilisis tortor tristique. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Maecenas hendrerit sapien lacus, non pharetra mauris feugiat sed. Maecenas quis est ac magna pretium dictum id vitae diam. Maecenas at purus mollis, vestibulum ante id, scelerisque nisi. Nulla fermentum, nisl a viverra pharetra, dui libero gravida enim, ac egestas est nunc sed erat. Proin nec magna sem. Phasellus non est feugiat, volutpat nisl sed, ultrices dolor.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin blandit, mauris et dignissim varius, neque massa hendrerit nulla, vel maximus dui dui vel nisi. Morbi sed hendrerit nisi. Cras lobortis dui at semper euismod. Suspendisse potenti. Donec vitae volutpat neque. Sed condimentum accumsan ex, viverra interdum leo bibendum sit amet. Pellentesque molestie enim in dolor mollis, non scelerisque massa cursus. Mauris elementum tincidunt maximus.
Phasellus pharetra ligula tincidunt ligula fermentum, luctus volutpat turpis placerat. Nullam sed ipsum non risus efficitur euismod. Ut imperdiet scelerisque est, sit amet tristique dolor porta et. Quisque sollicitudin lorem ipsum, vel vehicula mauris egestas quis. Sed rutrum ipsum quis arcu lacinia, auctor vestibulum ex dignissim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare egestas velit.
Integer id blandit odio. Morbi scelerisque lectus a libero sollicitudin sodales. Cras enim elit, accumsan eu euismod quis, faucibus dignissim sapien. Duis eu faucibus orci, a fringilla ipsum. Cras euismod nibh cursus mi malesuada commodo. Quisque vel massa eu elit sodales pharetra non sit amet elit. Aliquam malesuada rhoncus interdum. Proin hendrerit turpis eget ante convallis commodo. Vestibulum accumsan lorem vitae velit lobortis dictum. Morbi consectetur fermentum nibh, at vestibulum justo rhoncus vitae. Fusce nec scelerisque tortor, quis lobortis mi. Morbi ex mi, posuere id bibendum ut, tempus ac metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce rhoncus euismod neque, sed gravida felis placerat eget. Praesent id nisi eget enim suscipit convallis.</div></div></div> <div class="imagen-redonda"></div></div><div class="linksbonitos1"><i class="cp cp-chat"></i>Nombre Compañía</div> <div class="linksbonitos2"><left><i class="cp cp-calendar"></i></left>16/06/2017</div></div><a href="https://gameinlife.variousforum.com/t558-taller-de-tablillas-maisie-addams#3402"><div style=";text-align: left;margin-left: 100px; font-size: 10px; font-family: Cuprum;">Made by Maisie Addams </div></a>
<style> #cajotota {background-color: #d39089;width: 500px; height: 700px; margin: 0 auto;}#cajota {border-top: 20px solid #d39089;background-color: #f9d7cd;width: 450px; height: 600px; margin: 0 auto;} #imagencita{background-image:url('https://i.ibb.co/qr0VgVy/post-de-rol-3.jpg');width:400px;height: 400px;margin-top: 50px; margin-left: 40px;} #texto-imagen{color: #f9d7cd;font-family: 'Pathway Gothic One';margin-left: 40px;background-color:#7f222c;height: 380px;opacity: 0;transition: 1s;font-size: 12px;text-align: justify;padding: 10px;overflow: auto;width: 300px;} #imagencita:hover #texto-imagen {opacity:0.8}#pointer {opacity: 0.8;display: inline-block;font-size: 20pt; width: 500px;height: 4em;position: relative;background: #7f222c;text-align: center;vertical-align: middle;}#pointer:after {content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 0;border-left: 1.25em solid #f9d7cd;border-top: 2em solid transparent;border-bottom: 2em solid transparent;}#pointer:before {content: "";position: absolute;right: -1.25em;bottom: 0;width: 0;height: 0;border-left: 1.25em solid #7f222c;border-top: 2em solid transparent;border-bottom: 2em solid transparent;}cnt {position: relative;top: 0.25em;left: 1em;color: white;}.cnt p {font-size:20pt; font-family: Cuprum; margin-top: 25px;}.cnt {position: relative;top: 0.25em;left: 1em;color: white;}.cp cp-cocktail:before{font-family:'cappuccicons';color: #f9d7cd;font-size: 30px;} #cajotota p{color: #f9d7cd;font-family: Pathway Gothic One;font-size: 30px;margin-top: 25px;margin-left: 15px}#cajotota div::-webkit-scrollbar {width: 10px; background-color: #7f222c;} #cajotota div::-webkit-scrollbar-thumb {background: #f9d7cd !important;height: 20px !important; } .imagen-redonda {position: absolute;background-image: url('https://i.ibb.co/RcvRNpb/post-de-rol-4.jpg');height: 150px;width: 150px;border-radius: 100px; margin-top: 400px;margin-left: 150px;border: 10px solid #f9d7cd;}.linksbonitos1 {background-color: #f9d7cd; width: 200px;margin-top: 20px;text-align: center;color: #d39089;}.linksbonitos2 {background-color: #f9d7cd;width: 200px;margin-top: -17.8px;text-align: center;color: #d39089; margin-left: 300px;} #cajotota strong {font-family: Cuprum; background-color: lightpink;color: #98464c; font-size: 13px;}#cajotota i {font-size: 14px; color: #d39089;}</style>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Concert+One&family=Cuprum&family=Pathway+Gothic+One&display=swap" rel="stylesheet">
Última edición por Maisie Addams el Miér Jun 09, 2021 11:55 am, editado 4 veces
Colores: https://www.colourlovers.com/palette/4810950/PALT
Imágenes: 1
Tamaño: Grande y ancha
Efectos: lo más sencillo, solo que se vea bien al postear.
Donec non turpis et purus bibendum iaculis. Suspendisse imperdiet magna porttitor enim iaculis, at ornare tortor tempor. Ut venenatis ac ligula sed dignissim. Vivamus in magna quam. Duis turpis elit, mattis vitae nisl in, eleifend tempor massa. Duis consectetur velit vitae orci dictum, ac facilisis tortor tristique. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Maecenas hendrerit sapien lacus, non pharetra mauris feugiat sed. Maecenas quis est ac magna pretium dictum id vitae diam. Maecenas at purus mollis, vestibulum ante id, scelerisque nisi. Nulla fermentum, nisl a viverra pharetra, dui libero gravida enim, ac egestas est nunc sed erat. Proin nec magna sem. Phasellus non est feugiat, volutpat nisl sed, ultrices dolor.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin blandit, mauris et dignissim varius, neque massa hendrerit nulla, vel maximus dui dui vel nisi. Morbi sed hendrerit nisi. Cras lobortis dui at semper euismod. Suspendisse potenti. Donec vitae volutpat neque. Sed condimentum accumsan ex, viverra interdum leo bibendum sit amet. Pellentesque molestie enim in dolor mollis, non scelerisque massa cursus. Mauris elementum tincidunt maximus.
Phasellus pharetra ligula tincidunt ligula fermentum, luctus volutpat turpis placerat. Nullam sed ipsum non risus efficitur euismod. Ut imperdiet scelerisque est, sit amet tristique dolor porta et. Quisque sollicitudin lorem ipsum, vel vehicula mauris egestas quis. Sed rutrum ipsum quis arcu lacinia, auctor vestibulum ex dignissim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare egestas velit.
Integer id blandit odio. Morbi scelerisque lectus a libero sollicitudin sodales. Cras enim elit, accumsan eu euismod quis, faucibus dignissim sapien. Duis eu faucibus orci, a fringilla ipsum. Cras euismod nibh cursus mi malesuada commodo. Quisque vel massa eu elit sodales pharetra non sit amet elit. Aliquam malesuada rhoncus interdum. Proin hendrerit turpis eget ante convallis commodo. Vestibulum accumsan lorem vitae velit lobortis dictum. Morbi consectetur fermentum nibh, at vestibulum justo rhoncus vitae. Fusce nec scelerisque tortor, quis lobortis mi. Morbi ex mi, posuere id bibendum ut, tempus ac metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce rhoncus euismod neque, sed gravida felis placerat eget. Praesent id nisi eget enim suscipit convallis.
- Código:
<div id="big-box"><div id="triangle-right"></div><div id="titulote">Hola soy un titulo no tan bonito (?)</div><div id="triangle-left"></div><div id="imagentorcida"></div><div style="flex:1"><div id="dataaqui"><i class="cp cp-cocktail-o"></i> Compañía aquí</div><div id="dataaqui"><i class="cp cp-calendar"></i> Fecha Aquí</div><div id="dataaqui"><i class="cp cp-sun"></i><i class="cp cp-cloud"></i><i class="cp cp-umbrella"></i>Clima Aquí</div><hr></div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent in turpis id ex ultrices posuere luctus eget orci. Vestibulum eu semper justo.[b] Suspendisse semper venenatis erat, vitae efficitur elit pretium nec. [/b]Duis risus ante, condimentum nec porttitor non, tincidunt a nibh. Sed tincidunt lobortis magna, id vulputate mauris egestas vitae. [i]Morbi massa odio, consectetur sit amet tristique in, tincidunt nec justo.[/i] Quisque vulputate tellus eu ipsum auctor, in sollicitudin purus placerat. Praesent sem sem, vestibulum ut neque non, bibendum elementum lorem. Aliquam erat volutpat. In hac habitasse platea dictumst. Aenean bibendum enim in erat faucibus, id consequat purus eleifend. Sed malesuada mattis ante a ultrices. Morbi quis bibendum metus.
Donec non turpis et purus bibendum iaculis. Suspendisse imperdiet magna porttitor enim iaculis, at ornare tortor tempor. Ut venenatis ac ligula sed dignissim. Vivamus in magna quam. Duis turpis elit, mattis vitae nisl in, eleifend tempor massa. Duis consectetur velit vitae orci dictum, ac facilisis tortor tristique. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Maecenas hendrerit sapien lacus, non pharetra mauris feugiat sed. Maecenas quis est ac magna pretium dictum id vitae diam. Maecenas at purus mollis, vestibulum ante id, scelerisque nisi. Nulla fermentum, nisl a viverra pharetra, dui libero gravida enim, ac egestas est nunc sed erat. Proin nec magna sem. Phasellus non est feugiat, volutpat nisl sed, ultrices dolor.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin blandit, mauris et dignissim varius, neque massa hendrerit nulla, vel maximus dui dui vel nisi. Morbi sed hendrerit nisi. Cras lobortis dui at semper euismod. Suspendisse potenti. Donec vitae volutpat neque. Sed condimentum accumsan ex, viverra interdum leo bibendum sit amet. Pellentesque molestie enim in dolor mollis, non scelerisque massa cursus. Mauris elementum tincidunt maximus.
Phasellus pharetra ligula tincidunt ligula fermentum, luctus volutpat turpis placerat. Nullam sed ipsum non risus efficitur euismod. Ut imperdiet scelerisque est, sit amet tristique dolor porta et. Quisque sollicitudin lorem ipsum, vel vehicula mauris egestas quis. Sed rutrum ipsum quis arcu lacinia, auctor vestibulum ex dignissim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare egestas velit.
Integer id blandit odio. Morbi scelerisque lectus a libero sollicitudin sodales. Cras enim elit, accumsan eu euismod quis, faucibus dignissim sapien. Duis eu faucibus orci, a fringilla ipsum. Cras euismod nibh cursus mi malesuada commodo. Quisque vel massa eu elit sodales pharetra non sit amet elit. Aliquam malesuada rhoncus interdum. Proin hendrerit turpis eget ante convallis commodo. Vestibulum accumsan lorem vitae velit lobortis dictum. Morbi consectetur fermentum nibh, at vestibulum justo rhoncus vitae. Fusce nec scelerisque tortor, quis lobortis mi. Morbi ex mi, posuere id bibendum ut, tempus ac metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce rhoncus euismod neque, sed gravida felis placerat eget. Praesent id nisi eget enim suscipit convallis.<br><hr></div><a href="https://gameinlife.variousforum.com/t558-taller-de-tablillas-maisie-addams#3402"><div style=";text-align: left;margin-left: 100px; font-size: 10px; font-family: Josefin Slab">Made by Maisie Addams</div></a>
<style> #big-box {font-size: 14px;font-family: 'Economica';text-align: justify;width: 600px; height: auto; background-color: #292522; margin: 0 auto; padding: 20px; color:white} #big-box i {background-color: #efd9b4;color: #292522;font-size: 17px; font-style: normal} #big-box strong{color: #D6A692;font-size: 17px;} #imagentorcida{margin: 20px;width: 600px; height: 300px; background-image: url(https://via.placeholder.com/600x300); border: 10px solid #efd9b4;margin-left: -10px;} #titulote {text-shadow: 1px 1px 1px #000;font-family: Economica; color: #D6A692; text-align: center; font-size: 40px;background-color: #EFD9B4;padding: 20px;width: 650px;margin-left: -50px;}#big-box hr {border-top: 10px solid #efd9b4; margin-top: -1px;} #dataaqui {margin-top: -20px;background-color: #efd9b4; width: 150px; display: inline-block; padding: 10px; text-align: center; margin-left: 20px; color: #292522;font-family: 'Josefin Slab'; font-weight: bolder;}#triangle-right { width: 0; height: 0;border-top: 40px solid transparent; border-left: 50px solid #060606; border-bottom: 50px solid transparent; position: absolute; margin-left: -70px;margin-top: -15px;}#triangle-left {width: 0; height: 0;border-top: 50px solid transparent;border-right: 40px solid #060606;border-bottom: 50px solid transparent;position: absolute; margin-top: -80px;margin-left: 615px;} </style>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Bangers&family=Economica&family=Josefin+Slab:wght@200&display=swap" rel="stylesheet">
Tipo de tablilla: Post de rol
Colores: Rosas, muchos tonos de rosa
Imágenes: Una imagen debajo del título
Tamaño: Graaaaande uwu
Efectos: Sin efectos, imágenes de papelitos rasgados
Imágen: Hecho y enviado!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque consequat tristique tempor. Curabitur erat sem, cursus et imperdiet et, laoreet et elit. Aliquam vel arcu eu dolor malesuada pretium. Aenean sollicitudin arcu nec dapibus pharetra. Curabitur sed cursus erat. Morbi convallis nulla dolor, ut bibendum sapien varius eget. Ut egestas tellus in cursus varius. Ut vitae fermentum nulla, in mattis enim. Nulla mattis risus felis, vel elementum dui tincidunt at. Aenean at bibendum nunc. Integer id pharetra eros, eu fermentum erat. Suspendisse molestie sapien sed elit fermentum finibus. Fusce consequat volutpat erat, eleifend egestas eros aliquam sed.
Etiam tincidunt lacinia urna. In faucibus lorem a tortor gravida, sit amet laoreet ex lobortis. Donec vitae tellus lacus. Pellentesque in rhoncus nulla, vitae iaculis felis. Proin sit amet est id metus fermentum auctor. Nam at ante ac dui facilisis lacinia at vel sapien. Suspendisse potenti. Proin tempor turpis nibh. Ut non lorem quis nibh maximus accumsan in in felis. Proin rhoncus purus sit amet mollis imperdiet. Suspendisse ac leo vel purus volutpat pharetra. Nunc tortor magna, finibus ut vehicula euismod, pretium eget urna.
Phasellus tempor semper eros at posuere. Praesent ullamcorper rutrum libero quis porta. Duis tincidunt augue id nisi rhoncus, vel gravida purus sollicitudin. Etiam at suscipit nisi. Nulla consectetur sem mi, quis dapibus nibh mollis sollicitudin. Mauris malesuada sagittis massa, eget condimentum dolor egestas ut. Quisque sodales pharetra auctor. Integer diam odio, eleifend quis congue sed, viverra vitae ante. Sed laoreet, nulla a venenatis luctus, odio enim rhoncus tellus, eget facilisis ex sapien nec tellus. Donec luctus sapien felis, sed fringilla arcu consectetur sed. Mauris vestibulum mauris eu mauris rutrum dignissim.
Donec sit amet nisi leo. Integer iaculis porta ipsum id faucibus. Integer elementum felis non leo efficitur vehicula. Integer varius est at libero cursus, ac gravida purus fermentum. Nulla facilisi. In gravida gravida molestie. Phasellus auctor lacinia condimentum. Praesent id venenatis leo. Donec iaculis sagittis quam faucibus semper. Vestibulum ut enim id risus sollicitudin hendrerit luctus ut felis. Nunc sagittis arcu ac ultricies sollicitudin. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur congue porta quam ut semper.
Vivamus non venenatis lectus. Maecenas et orci porta, varius est a, elementum ligula. Aenean nec augue orci. Phasellus pellentesque egestas purus, sodales venenatis diam placerat quis. Morbi in accumsan metus, at pharetra ante. Nam mollis dolor justo, vitae aliquam lorem tincidunt in. Nullam faucibus arcu sed odio bibendum auctor eget commodo augue. Mauris ante sapien, rutrum sed est ac, placerat aliquet lectus. Quisque sed ultrices urna. Aenean at ligula convallis, interdum lorem ut, feugiat sapien. Pellentesque quis nulla luctus, euismod lacus sit amet, auctor sapien. Curabitur auctor massa non tellus pulvinar porta at at justo. Sed eget euismod elit, id imperdiet lectus. Morbi sollicitudin augue quis neque posuere maximus.
- Código:
<script src="//pull.cappuccicons.com/cpf.js"></script><div id="caja-todo"><div style="background-image: url('https://via.placeholder.com/600x350'); width:600px; height: 350px;border: 20px solid #f7e5db;transform: rotateZ(-5deg);"><div id="alto-rasgada"><div id="texto-altorasgada">Hola, soy un titulo ¡Hello!</div></div></div><div id="textito-rasgada"><div id="subtitulo"> Hola soy un subtitulo<i class="cp cp-bat-o" style="font-size: 50px; color: #d00d55"></i></div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque consequat tristique tempor. Curabitur erat sem, cursus et imperdiet et, laoreet et elit. Aliquam vel arcu eu dolor malesuada pretium. Aenean sollicitudin arcu nec dapibus pharetra. Curabitur sed cursus erat. Morbi convallis nulla dolor, ut bibendum sapien varius eget. Ut egestas tellus in cursus varius. Ut vitae fermentum nulla, in mattis enim. Nulla mattis risus felis, vel elementum dui tincidunt at. Aenean at bibendum nunc. Integer id pharetra eros, eu fermentum erat. Suspendisse molestie sapien sed elit fermentum finibus. Fusce consequat volutpat erat, eleifend egestas eros aliquam sed.
[b]Etiam tincidunt lacinia urna. In faucibus lorem a tortor gravida, sit amet laoreet ex lobortis. [/b]Donec vitae tellus lacus. Pellentesque in rhoncus nulla, vitae iaculis felis. [i]Proin sit amet est id metus fermentum auctor. Nam at ante ac dui facilisis lacinia at vel sapien[/i]. Suspendisse potenti. Proin tempor turpis nibh. Ut non lorem quis nibh maximus accumsan in in felis. Proin rhoncus purus sit amet mollis imperdiet. Suspendisse ac leo vel purus volutpat pharetra. Nunc tortor magna, finibus ut vehicula euismod, pretium eget urna.
Phasellus tempor semper eros at posuere. Praesent ullamcorper rutrum libero quis porta. Duis tincidunt augue id nisi rhoncus, vel gravida purus sollicitudin. Etiam at suscipit nisi. Nulla consectetur sem mi, quis dapibus nibh mollis sollicitudin. Mauris malesuada sagittis massa, eget condimentum dolor egestas ut. Quisque sodales pharetra auctor. Integer diam odio, eleifend quis congue sed, viverra vitae ante. Sed laoreet, nulla a venenatis luctus, odio enim rhoncus tellus, eget facilisis ex sapien nec tellus. Donec luctus sapien felis, sed fringilla arcu consectetur sed. Mauris vestibulum mauris eu mauris rutrum dignissim.
Donec sit amet nisi leo. Integer iaculis porta ipsum id faucibus. Integer elementum felis non leo efficitur vehicula. Integer varius est at libero cursus, ac gravida purus fermentum. Nulla facilisi. In gravida gravida molestie. Phasellus auctor lacinia condimentum. Praesent id venenatis leo. Donec iaculis sagittis quam faucibus semper. Vestibulum ut enim id risus sollicitudin hendrerit luctus ut felis. Nunc sagittis arcu ac ultricies sollicitudin. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur congue porta quam ut semper.
Vivamus non venenatis lectus. Maecenas et orci porta, varius est a, elementum ligula. Aenean nec augue orci. Phasellus pellentesque egestas purus, sodales venenatis diam placerat quis. Morbi in accumsan metus, at pharetra ante. Nam mollis dolor justo, vitae aliquam lorem tincidunt in. Nullam faucibus arcu sed odio bibendum auctor eget commodo augue. Mauris ante sapien, rutrum sed est ac, placerat aliquet lectus. Quisque sed ultrices urna. Aenean at ligula convallis, interdum lorem ut, feugiat sapien. Pellentesque quis nulla luctus, euismod lacus sit amet, auctor sapien. Curabitur auctor massa non tellus pulvinar porta at at justo. Sed eget euismod elit, id imperdiet lectus. Morbi sollicitudin augue quis neque posuere maximus.</div></i><div id="superbajo-rasgada"><div id="texto-superbajo">Personaje 1 <div style="font-family: Meddon; text-align: right; margin: 1px 29px;">&</div> Personaje 2</div></div><div id="bajo-rasgada"><div id="texto-bajorasgada">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque consequat tristique tempor. Curabitur erat sem, cursus et imperdiet et, laoreet et elit. Aliquam vel arcu eu dolor malesuada pretium. Aenean sollicitudin arcu nec dapibus pharetra. Curabitur sed cursus erat. Morbi convallis nulla dolor, ut bibendum sapien varius eget.</div></div><i class="cp cp-rose" style="font-size: 50px;position: absolute;margin: 36px 13px; z-index: 99; color: #efbfbf;"></i></div>
<a href="https://gameinlife.variousforum.com/t558-taller-de-tablillas-maisie-addams#3402"><div style="text-align: left;margin-left: 150px;font-size: 21px; transform: skewY(21deg);margin-top: 59px; font-family: 'Lovers Quarrel';">Made by Maisie Addams</div></a>
<style>#caja-todo{height: 1100px;width: 600px; margin: 100px auto 0;margin-top: 300px;} #bajo-rasgada {background-image: url(https://i.ibb.co/gRn0CrF/titulo-tablilla-rasgada.png);width: 450px;height: 300px;position: absolute;z-index: 60;margin: 0 -60px;transform: rotateZ(20deg);}#texto-bajorasgada {position: absolute; margin: 73px 141px; width: 200px;height: 178px; font-family: Nothing you could do; font-size: 20px;color: #e8a7a0;overflow: auto;} #alto-rasgada {background-image: url(https://i.ibb.co/ydfhBXz/titulo-tablilla-rasgada.png);width: 650px;height: 400px;position: absolute;margin: -300px auto;transform: rotateZ(5deg);}#texto-altorasgada {position: absolute;margin: 136px 90px;font-family: Lovers Quarrel;font-size: 70px;color: #eca2a2;line-height: 60px;transform: rotateZ(-5deg); width: 400px;}#textito-rasgada {color:#505050;background: #cad2d5;padding: 25px;margin: -30px 60px;text-align: justify;width: 500px;padding-top: 50px; height: 400px; overflow: auto;border-right: 10px solid #f7e5db; border-left: 10px solid #f7e5db;background-image: url(https://i.ibb.co/tQyvtRz/v430-adj-03-acrylictexture-2.jpg);}#superbajo-rasgada {background-image: url(https://i.ibb.co/4464TXJ/superbajo-titulo-rasgada.png);width: 521px;height: 342px;margin: 0px 140px;z-index: 10;position: absolute;}#texto-superbajo {position: absolute;margin: 141px 211px;width: 235px; transform: rotateZ(4deg); font-family: 'Nothing You Could Do'; font-size: 30px;color: #eebebe;}#textito-rasgada::-webkit-scrollbar {width: 10px; background-color: #ffd8cd;}#textito-rasgada::-webkit-scrollbar-thumb {background: #efbfbf !important;height: 20px !important; }#texto-bajorasgada::-webkit-scrollbar {width: 10px; background-color: #ffd8cd;}#texto-bajorasgada::-webkit-scrollbar-thumb {background: #efbfbf !important;height: 20px !important; }#textito-rasgada strong{font-family: Nothing you could do; font-size: 20px;color: #e8a7a0;}#textito-rasgada i{font-family: Nothing you could do;font-size: 20px;color: #bf0202;font-style: normal; font-weight: 600;} #subtitulo {text-align: right;font-family: Nothing you could do;font-size: 20px;color: #d00d55;font-style: normal; font-weight: 600;}
</style>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Covered+By+Your+Grace&family=Lovers+Quarrel&family=Meddon&family=Nothing+You+Could+Do&display=swap" rel="stylesheet">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque consequat tristique tempor. Curabitur erat sem, cursus et imperdiet et, laoreet et elit. Aliquam vel arcu eu dolor malesuada pretium. Aenean sollicitudin arcu nec dapibus pharetra. Curabitur sed cursus erat. Morbi convallis nulla dolor, ut bibendum sapien varius eget. Ut egestas tellus in cursus varius. Ut vitae fermentum nulla, in mattis enim. Nulla mattis risus felis, vel elementum dui tincidunt at. Aenean at bibendum nunc. Integer id pharetra eros, eu fermentum erat. Suspendisse molestie sapien sed elit fermentum finibus. Fusce consequat volutpat erat, eleifend egestas eros aliquam sed.
Etiam tincidunt lacinia urna. In faucibus lorem a tortor gravida, sit amet laoreet ex lobortis. Donec vitae tellus lacus. Pellentesque in rhoncus nulla, vitae iaculis felis. Proin sit amet est id metus fermentum auctor. Nam at ante ac dui facilisis lacinia at vel sapien. Suspendisse potenti. Proin tempor turpis nibh. Ut non lorem quis nibh maximus accumsan in in felis. Proin rhoncus purus sit amet mollis imperdiet. Suspendisse ac leo vel purus volutpat pharetra. Nunc tortor magna, finibus ut vehicula euismod, pretium eget urna.
Phasellus tempor semper eros at posuere. Praesent ullamcorper rutrum libero quis porta. Duis tincidunt augue id nisi rhoncus, vel gravida purus sollicitudin. Etiam at suscipit nisi. Nulla consectetur sem mi, quis dapibus nibh mollis sollicitudin. Mauris malesuada sagittis massa, eget condimentum dolor egestas ut. Quisque sodales pharetra auctor. Integer diam odio, eleifend quis congue sed, viverra vitae ante. Sed laoreet, nulla a venenatis luctus, odio enim rhoncus tellus, eget facilisis ex sapien nec tellus. Donec luctus sapien felis, sed fringilla arcu consectetur sed. Mauris vestibulum mauris eu mauris rutrum dignissim.
Donec sit amet nisi leo. Integer iaculis porta ipsum id faucibus. Integer elementum felis non leo efficitur vehicula. Integer varius est at libero cursus, ac gravida purus fermentum. Nulla facilisi. In gravida gravida molestie. Phasellus auctor lacinia condimentum. Praesent id venenatis leo. Donec iaculis sagittis quam faucibus semper. Vestibulum ut enim id risus sollicitudin hendrerit luctus ut felis. Nunc sagittis arcu ac ultricies sollicitudin. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur congue porta quam ut semper.
Vivamus non venenatis lectus. Maecenas et orci porta, varius est a, elementum ligula. Aenean nec augue orci. Phasellus pellentesque egestas purus, sodales venenatis diam placerat quis. Morbi in accumsan metus, at pharetra ante. Nam mollis dolor justo, vitae aliquam lorem tincidunt in. Nullam faucibus arcu sed odio bibendum auctor eget commodo augue. Mauris ante sapien, rutrum sed est ac, placerat aliquet lectus. Quisque sed ultrices urna. Aenean at ligula convallis, interdum lorem ut, feugiat sapien. Pellentesque quis nulla luctus, euismod lacus sit amet, auctor sapien. Curabitur auctor massa non tellus pulvinar porta at at justo. Sed eget euismod elit, id imperdiet lectus. Morbi sollicitudin augue quis neque posuere maximus.
- Código:
<div id="triangle-topleft"><div id="titu-1">Hola soy un titulo</div><div id="titu-2">Soy un titulo</div><div id="lineas-1"></div><div id="sub-1">Subtítulo</div></div><div id="triangle-bottomright"><div id="lineas-2"></div><div id="sub-2">Subtítulo</div></div><div style="width: 600px; height: 300px; border: 10px solid black;margin:233px auto 10px; background-image: url('https://via.placeholder.com/600x300')"></div><div id="texto-especial"><div id="lineas-3"><div id="sub-3">Subtítulo</div></div><div id="mini-cajita"><i class="cp cp-bat" style="font-size: 30px; display:block; text-align:center;color: black"></i><br><div style="font-family: 'IM Fell Great Primer SC', serif; font-size: 44px; display: inline-block; transform: rotate(179deg)">"</div> Hola soy un espacio para poner letras de canciones<div style="font-family: 'IM Fell Great Primer SC', serif; font-size: 44px; display: inline-block; margin-top: 103px; position: absolute;">"</div></div><p>[b]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque consequat tristique tempor. Curabitur erat sem, cursus et imperdiet et, laoreet et elit. Aliquam vel arcu eu dolor malesuada pretium.[/b] Aenean sollicitudin arcu nec dapibus pharetra. [i]Curabitur sed cursus erat. Morbi convallis nulla dolor, ut bibendum sapien varius eget. Ut egestas tellus in cursus varius. Ut vitae fermentum nulla, in mattis enim. Nulla mattis risus felis, vel elementum dui tincidunt at. Aenean at bibendum nunc.[/i] Integer id pharetra eros, eu fermentum erat. Suspendisse molestie sapien sed elit fermentum finibus. Fusce consequat volutpat erat, eleifend egestas eros aliquam sed.
Etiam tincidunt lacinia urna. In faucibus lorem a tortor gravida, sit amet laoreet ex lobortis. Donec vitae tellus lacus. Pellentesque in rhoncus nulla, vitae iaculis felis. Proin sit amet est id metus fermentum auctor. Nam at ante ac dui facilisis lacinia at vel sapien. Suspendisse potenti. Proin tempor turpis nibh. Ut non lorem quis nibh maximus accumsan in in felis. Proin rhoncus purus sit amet mollis imperdiet. Suspendisse ac leo vel purus volutpat pharetra. Nunc tortor magna, finibus ut vehicula euismod, pretium eget urna.
Phasellus tempor semper eros at posuere. Praesent ullamcorper rutrum libero quis porta. Duis tincidunt augue id nisi rhoncus, vel gravida purus sollicitudin. Etiam at suscipit nisi. Nulla consectetur sem mi, quis dapibus nibh mollis sollicitudin. Mauris malesuada sagittis massa, eget condimentum dolor egestas ut. Quisque sodales pharetra auctor. Integer diam odio, eleifend quis congue sed, viverra vitae ante. Sed laoreet, nulla a venenatis luctus, odio enim rhoncus tellus, eget facilisis ex sapien nec tellus. Donec luctus sapien felis, sed fringilla arcu consectetur sed. Mauris vestibulum mauris eu mauris rutrum dignissim.
Donec sit amet nisi leo. Integer iaculis porta ipsum id faucibus. Integer elementum felis non leo efficitur vehicula. Integer varius est at libero cursus, ac gravida purus fermentum. Nulla facilisi. In gravida gravida molestie. Phasellus auctor lacinia condimentum. Praesent id venenatis leo. Donec iaculis sagittis quam faucibus semper. Vestibulum ut enim id risus sollicitudin hendrerit luctus ut felis. Nunc sagittis arcu ac ultricies sollicitudin. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur congue porta quam ut semper.
Vivamus non venenatis lectus. Maecenas et orci porta, varius est a, elementum ligula. Aenean nec augue orci. Phasellus pellentesque egestas purus, sodales venenatis diam placerat quis. Morbi in accumsan metus, at pharetra ante. Nam mollis dolor justo, vitae aliquam lorem tincidunt in. Nullam faucibus arcu sed odio bibendum auctor eget commodo augue. Mauris ante sapien, rutrum sed est ac, placerat aliquet lectus. Quisque sed ultrices urna. Aenean at ligula convallis, interdum lorem ut, feugiat sapien. Pellentesque quis nulla luctus, euismod lacus sit amet, auctor sapien. Curabitur auctor massa non tellus pulvinar porta at at justo. Sed eget euismod elit, id imperdiet lectus. Morbi sollicitudin augue quis neque posuere maximus.</p><div style="display:flex"><hr><div id="texto-hr"> Texto</div> <hr></div><div id="lineas-4"></div><div id="sub-4">Subtítulo</div></div>
<a href="https://gameinlife.variousforum.com/t558-taller-de-tablillas-maisie-addams#3402"><div style="text-align: center; font-size: 29px; font-family: 'Libre Barcode 128 Text', cursive;">Made by Maisie Addams</div></a>
<style>* {} #triangle-topleft {width: 0;height: 0;border-top: 221px solid #56a2a0;border-right: 619px solid transparent;margin: 0 auto;}#triangle-bottomright {width: 0;height: 0;border-bottom: 221px solid black;border-left: 619px solid transparent;margin: -222px auto;}#texto-especial {background-color: black; width: 400px;height: 300px;margin: 0 auto;color: white;padding: 109px;background-image:url(https://i.ibb.co/8dQDXc8/5432445-download-glitter-overlays-png-illustration-png-image-with-no-png-glitter-2279-2275-preview.png); background-position: bottom;background-size: cover;}#texto-especial p {text-align: justify;font-family: Big Shoulders Display;width: 348px;height: 400px;overflow: auto; padding:10px;} #mini-cajita {font-family: Bebas Neue; font-size: 17px;text-align: center;color: #0d0d0d;width: 134px;height: 205px;background-color: #56a2a0;position: absolute;padding: 10px;margin: -191px auto 13px 396px;background-image: url(https://i.ibb.co/xstszLz/smoke-png-by-stanavy-d7w6saq-fullview.png); background-size: cover;background-repeat-x: no-repeat;background-blend-mode: overlay;background-position-x: center;}#lineas-1 {position: absolute;margin: -192px auto 0px 43px;width: 47px;height: 100px;border-top: 3px solid #ead25d;border-left: 3px solid #ead25d} #lineas-2 {position: absolute;margin: 83px auto 0px -87px;width: 47px;height: 100px;border-top: 3px solid #ead25d;border-right: 3px solid #ead25d;background-color: transparent}#lineas-3 {margin: -77px auto -101px -72px;width: 93px;height: 100px;border-top: 3px solid #ead25d;border-left: 3px solid #ead25d;background-color: transparent;}#lineas-4 {margin: -266px auto -55px 424px;width: 53px;height: 100px;border-top: 3px solid #ead25d;border-left: 3px solid #ead25d;}#sub-1 {position: absolute;margin: -205px auto 0px 99px;text-transform: uppercase;FONT-FAMILY: 'Big Shoulders Stencil Display', cursive;letter-spacing: 5px;font-size: 20px; color:#ead25d;}#sub-2 {position: absolute;margin: 167px auto 0px -147px;text-transform: uppercase;FONT-FAMILY: 'Big Shoulders Stencil Display', cursive;letter-spacing: 5px;font-size: 20px;color: #ead25d;}#sub-3 {width: 300px; margin: -14px auto 61px 95px;text-transform: uppercase;FONT-FAMILY: 'Big Shoulders Stencil Display', cursive;letter-spacing: 5px;font-size: 20px;color: #ead25d;}#sub-4 {width: 200px; margin: 165px auto 15px 331px;text-transform: uppercase;FONT-FAMILY: 'Big Shoulders Stencil Display', cursive;letter-spacing: 5px;font-size: 20px;color: #ead25d;transform: rotateZ(89deg);} #titu-2{position: absolute;margin: -124px auto 0px 208px;text-transform: uppercase;FONT-FAMILY: Fredericka The Great;letter-spacing: 5px;font-size: 37px;color: #ead25d;;} #titu-1{position: absolute;margin: -170px auto 0px 54px;text-transform: uppercase;FONT-FAMILY: Fredericka The Great;letter-spacing: 5px;font-size: 37px;color: #ead25d;} #texto-especial hr {margin-left: 10px;border-top: 3px solid #ead25d;flex: 1;border-bottom: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;}#texto-hr {text-transform: uppercase;FONT-FAMILY: 'Big Shoulders Stencil Display', cursive;letter-spacing: 5px;font-size: 20px;color: #ead25d;}#texto-especial p::-webkit-scrollbar {width: 5px; background-color: black;}#texto-especial p::-webkit-scrollbar-thumb {background: #56a2a0 !important;height: 20px !important; }#texto-especial i {color:#ead25d;font-family: 'Big Shoulders Stencil Display'; letter-spacing: 2px;} #texto-especial p strong {color: #56a2a0;font-family: 'Bebas Neue'}</style>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Big+Shoulders+Display&family=Big+Shoulders+Stencil+Display&family=Fredericka+the+Great&family=IM+Fell+Great+Primer+SC&family=Libre+Barcode+128+Text&family=Tulpen+One&display=swap" rel="stylesheet">
Última edición por Maisie Addams el Mar Jun 22, 2021 7:45 pm, editado 1 vez
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque consequat tristique tempor. Curabitur erat sem, cursus et imperdiet et, laoreet et elit. Aliquam vel arcu eu dolor malesuada pretium. Aenean sollicitudin arcu nec dapibus pharetra. Curabitur sed cursus erat. Morbi convallis nulla dolor, ut bibendum sapien varius eget. Ut egestas tellus in cursus varius. Ut vitae fermentum nulla, in mattis enim. Nulla mattis risus felis, vel elementum dui tincidunt at. Aenean at bibendum nunc. Integer id pharetra eros, eu fermentum erat. Suspendisse molestie sapien sed elit fermentum finibus. Fusce consequat volutpat erat, eleifend egestas eros aliquam sed.
Etiam tincidunt lacinia urna. In faucibus lorem a tortor gravida, sit amet laoreet ex lobortis. Donec vitae tellus lacus. Pellentesque in rhoncus nulla, vitae iaculis felis. Proin sit amet est id metus fermentum auctor. Nam at ante ac dui facilisis lacinia at vel sapien. Suspendisse potenti. Proin tempor turpis nibh. Ut non lorem quis nibh maximus accumsan in in felis. Proin rhoncus purus sit amet mollis imperdiet. Suspendisse ac leo vel purus volutpat pharetra. Nunc tortor magna, finibus ut vehicula euismod, pretium eget urna.
Phasellus tempor semper eros at posuere. Praesent ullamcorper rutrum libero quis porta. Duis tincidunt augue id nisi rhoncus, vel gravida purus sollicitudin. Etiam at suscipit nisi. Nulla consectetur sem mi, quis dapibus nibh mollis sollicitudin. Mauris malesuada sagittis massa, eget condimentum dolor egestas ut. Quisque sodales pharetra auctor. Integer diam odio, eleifend quis congue sed, viverra vitae ante. Sed laoreet, nulla a venenatis luctus, odio enim rhoncus tellus, eget facilisis ex sapien nec tellus. Donec luctus sapien felis, sed fringilla arcu consectetur sed. Mauris vestibulum mauris eu mauris rutrum dignissim.
Donec sit amet nisi leo. Integer iaculis porta ipsum id faucibus. Integer elementum felis non leo efficitur vehicula. Integer varius est at libero cursus, ac gravida purus fermentum. Nulla facilisi. In gravida gravida molestie. Phasellus auctor lacinia condimentum. Praesent id venenatis leo. Donec iaculis sagittis quam faucibus semper. Vestibulum ut enim id risus sollicitudin hendrerit luctus ut felis. Nunc sagittis arcu ac ultricies sollicitudin. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur congue porta quam ut semper.
Vivamus non venenatis lectus. Maecenas et orci porta, varius est a, elementum ligula. Aenean nec augue orci. Phasellus pellentesque egestas purus, sodales venenatis diam placerat quis. Morbi in accumsan metus, at pharetra ante. Nam mollis dolor justo, vitae aliquam lorem tincidunt in. Nullam faucibus arcu sed odio bibendum auctor eget commodo augue. Mauris ante sapien, rutrum sed est ac, placerat aliquet lectus. Quisque sed ultrices urna. Aenean at ligula convallis, interdum lorem ut, feugiat sapien. Pellentesque quis nulla luctus, euismod lacus sit amet, auctor sapien. Curabitur auctor massa non tellus pulvinar porta at at justo. Sed eget euismod elit, id imperdiet lectus. Morbi sollicitudin augue quis neque posuere maximus.
- Código:
</script><div id="triangle-topleftlu"><div id="titu-1lu">Hola soy un titulo</div><div id="titu-2lu">Soy un titulo</div><div id="lineas-1lu"></div><div id="sub-1lu">Subtitulo</div></div><div id="triangle-bottomrightlu"><div id="lineas-2lu"></div><div id="sub-2lu">Subtítulo</div></div><div style="width: 600px; height: 300px; border: 10px solid #34748c;margin:233px auto 10px; background-image: url('https://via.placeholder.com/600x300')"></div><div id="texto-especiallu"><div id="lineas-3lu"><div id="sub-3lu">Subtítulo</div></div><div id="mini-cajitalu"><br></div><div id="img-3lu"></div><p>[b]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque consequat tristique tempor. Curabitur erat sem, cursus et imperdiet et, laoreet et elit. Aliquam vel arcu eu dolor malesuada pretium.[/b] Aenean sollicitudin arcu nec dapibus pharetra. [i]Curabitur sed cursus erat. Morbi convallis nulla dolor, ut bibendum sapien varius eget. Ut egestas tellus in cursus varius. Ut vitae fermentum nulla, in mattis enim. Nulla mattis risus felis, vel elementum dui tincidunt at. Aenean at bibendum nunc.[/i] Integer id pharetra eros, eu fermentum erat. Suspendisse molestie sapien sed elit fermentum finibus. Fusce consequat volutpat erat, eleifend egestas eros aliquam sed.
Etiam tincidunt lacinia urna. In faucibus lorem a tortor gravida, sit amet laoreet ex lobortis. Donec vitae tellus lacus. Pellentesque in rhoncus nulla, vitae iaculis felis. Proin sit amet est id metus fermentum auctor. Nam at ante ac dui facilisis lacinia at vel sapien. Suspendisse potenti. Proin tempor turpis nibh. Ut non lorem quis nibh maximus accumsan in in felis. Proin rhoncus purus sit amet mollis imperdiet. Suspendisse ac leo vel purus volutpat pharetra. Nunc tortor magna, finibus ut vehicula euismod, pretium eget urna.
Phasellus tempor semper eros at posuere. Praesent ullamcorper rutrum libero quis porta. Duis tincidunt augue id nisi rhoncus, vel gravida purus sollicitudin. Etiam at suscipit nisi. Nulla consectetur sem mi, quis dapibus nibh mollis sollicitudin. Mauris malesuada sagittis massa, eget condimentum dolor egestas ut. Quisque sodales pharetra auctor. Integer diam odio, eleifend quis congue sed, viverra vitae ante. Sed laoreet, nulla a venenatis luctus, odio enim rhoncus tellus, eget facilisis ex sapien nec tellus. Donec luctus sapien felis, sed fringilla arcu consectetur sed. Mauris vestibulum mauris eu mauris rutrum dignissim.
Donec sit amet nisi leo. Integer iaculis porta ipsum id faucibus. Integer elementum felis non leo efficitur vehicula. Integer varius est at libero cursus, ac gravida purus fermentum. Nulla facilisi. In gravida gravida molestie. Phasellus auctor lacinia condimentum. Praesent id venenatis leo. Donec iaculis sagittis quam faucibus semper. Vestibulum ut enim id risus sollicitudin hendrerit luctus ut felis. Nunc sagittis arcu ac ultricies sollicitudin. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur congue porta quam ut semper.
Vivamus non venenatis lectus. Maecenas et orci porta, varius est a, elementum ligula. Aenean nec augue orci. Phasellus pellentesque egestas purus, sodales venenatis diam placerat quis. Morbi in accumsan metus, at pharetra ante. Nam mollis dolor justo, vitae aliquam lorem tincidunt in. Nullam faucibus arcu sed odio bibendum auctor eget commodo augue. Mauris ante sapien, rutrum sed est ac, placerat aliquet lectus. Quisque sed ultrices urna. Aenean at ligula convallis, interdum lorem ut, feugiat sapien. Pellentesque quis nulla luctus, euismod lacus sit amet, auctor sapien. Curabitur auctor massa non tellus pulvinar porta at at justo. Sed eget euismod elit, id imperdiet lectus. Morbi sollicitudin augue quis neque posuere maximus.</p><div style="display:flex"><hr><div id="texto-hrlu"> Texto</div> <hr></div><div id="lineas-4lu"></div><div id="img4-lu"></div></div>
<a href="https://gameinlife.variousforum.com/t558-taller-de-tablillas-maisie-addams#3402"><div style="text-align: center; font-size: 29px; font-family: 'Libre Barcode 128 Text', cursive;">Made by Maisie Addams</div></a>
<style>* {} #triangle-topleftlu {width: 0;height: 0;border-top: 221px solid #6ea7a2;border-right: 619px solid transparent;margin: 0 auto;}#triangle-bottomrightlu {width: 0;height: 0;border-bottom: 221px solid #34748c;border-left: 619px solid transparent;margin: -222px auto;}#texto-especiallu {background-color: #34748c; width: 400px;height: 300px;margin: 0 auto;color: white;padding: 109px;background-image: url(https://i.ibb.co/58538YH/watercolor-luci.png); background-position: bottom;background-size: cover;}#texto-especiallu p {text-align: justify;font-family: Oswald; font-size: 15px;width: 348px;height: 400px;overflow: auto; padding:10px;} #mini-cajitalu {font-family: Bebas Neue;font-size: 17px;text-align: center;color: #0d0d0d;width: 150px; height: 150px;position: absolute;padding: 10px;margin: -127px auto 13px 396px; background-image:url(https://via.placeholder.com/150x150); border-radius: 125px; border: 10px solid #6ea7a2;}#lineas-1lu {position: absolute;margin: -192px auto 0px 43px;width: 47px;height: 100px;border-top: 3px solid #ead25d;border-left: 3px solid #ead25d} #lineas-2lu {position: absolute;margin: 83px auto 0px -87px;width: 47px;height: 100px;border-top: 3px solid #ead25d;border-right: 3px solid #ead25d;background-color: transparent}#lineas-3lu {margin: -77px auto -101px -72px;width: 93px;height: 100px;border-top: 3px solid #ead25d;border-left: 3px solid #ead25d;background-color: transparent;}#lineas-4lu {margin: -266px auto -55px 424px;width: 53px;height: 100px;border-top: 3px solid #ead25d;border-left: 3px solid #ead25d;}#sub-1lu {position: absolute;margin: -205px auto 0px 99px;font-family: 'Bilbo Swash Caps';letter-spacing: 5px;font-size: 25px; color:#ead25d;}#sub-2lu {position: absolute;margin: 167px auto 0px -210px;font-family: Bilbo Swash Caps;letter-spacing: 5px;font-size: 25px;color: #ead25d;}#sub-3lu {width: 300px; margin: -14px auto 61px 95px;font-family: Bilbo Swash Caps;letter-spacing: 5px;font-size: 25px;color: #ead25d;}#sub-4lu{;text-transform: uppercase;FONT-FAMILY: 'Bilbo Swash Caps', cursive;letter-spacing: 5px;font-size: 20px;color: #ead25d;transform: rotateZ(89deg);} #titu-2lu {position: absolute;margin: -124px auto 0px 208px;text-transform: uppercase;FONT-FAMILY: Train One;letter-spacing: 5px;font-size: 32px;color: black;} #titu-1lu{position: absolute;margin: -166px auto 0px 54px;text-transform: uppercase;FONT-FAMILY: Train One;letter-spacing: 5px;font-size: 31px;color: black;} #texto-especiallu hr {margin-left: 10px;border-top: 3px solid #ead25d;flex: 1;border-bottom: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;}#texto-hrlu {font-family: Bilbo Swash Caps, cursive;letter-spacing: 5px;font-size: 25px;color: #ead25d;}#texto-especiallu p::-webkit-scrollbar {width: 5px; background-color: black;}#texto-especiallu p::-webkit-scrollbar-thumb {background: #56a2a0 !important;height: 20px !important; }#texto-especiallu i {color: #ead25d;font-family: 'Bilbo Swash Caps'; letter-spacing: 2px;font-size: 20px;} #texto-especiallu p strong {color: #6ea7a2; font-family: Train One; font-size: 14px;}#img4-lu{background-image: url(https://www.pngkey.com/png/full/19-197161_whichever-package-you-choose-you-will-receive-some.png);width: 100px;height: 100px;position: absolute;margin: 56px auto 10px 386px;background-position: center;background-size: contain;background-repeat-y: no-repeat;}#img-3lu{background-image: url(https://www.jing.fm/clipimg/full/28-288823_turtle-sticker-watercolor-sea-turtle-tattoo.png);width: 100px;height: 100px;position: absolute;margin: -26px 10px 10px 522px;background-position: center;background-size: contain;background-repeat-y: no-repeat;}</style>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Bilbo+Swash+Caps&family=Libre+Barcode+128+Text&family=Oswald:wght@300&family=Seaweed+Script&family=Train+One&display=swap" rel="stylesheet">
Tipo de tablilla: Banner :D
Colores: Letras blancas, negros, grises o dorados, los colores del foro.
Imágenes: Ninguna
Tamaño: Grande (?)
Efectos: None
Imágen: No se llama
Extra: Sólo quiero letritas en el banner para poder poner las imágenes nuevas uwu En el foro de pruebas están puestas así que ahí podrías acomodarlas bien!
Edad : 17
Nivel :
- 7
Rompe Regla I :
- Si
Raza : Desconocido
Mensajes : 472
XP : 3942
Fecha de inscripción : 01/07/2017
Localización : En la cafetería, probablemente
Hoja de Personaje
Vida:
(300/300)
Habilidades:
Habilidades | Descripción | Daño | Defensa | Habilidad 1 | Habilidad 2 | Habilidad 3 | Debilidad 1 | Debilidad 2 | Debilidad 3 |
Tipo de tablilla: Post de rol
Colores: Quiero una escala de grises, con detalles -o sólo para hablar y pensar- en dorado y rosa carmín.
Imágenes: Quiero dos imágenes, una grande y una mediana o pequeña
Tamaño: Grande ovo
Efectos: Quizá algún efecto de humo...
Imágen: Imagen en camino!
Nivel :
- 2
Rompe Regla I :
- Si
Raza : Teriántropo
Mensajes : 64
XP : 320
Fecha de inscripción : 25/01/2019
Hoja de Personaje
Vida:
(120/120)
Habilidades:
Habilidades | Descripción | Daño | Defensa | Habilidad 1 | Agilidad | 0 | +5 | Habilidad 2 | Cheetah | +5 | +5 | Habilidad 3 | Control | +5 | 0 | Debilidad 1 | Luna Llena | 0 | 0 | Debilidad 2 | Venenos | 0 | -5 | Debilidad 3 | Fuego | 0 | -5 |
Fusce facilisis feugiat faucibus. Vestibulum laoreet quam lectus, id tempor elit cursus at. Quisque efficitur urna ut enim porttitor, quis lobortis nisi ultrices. Cras dignissim orci lacus, quis venenatis odio facilisis at. Aenean maximus faucibus tellus ut sagittis. Etiam turpis dui, ornare eget molestie ac, fringilla eget nibh. Aenean sem neque, interdum id felis ac, pretium rutrum enim. Nam est eros, iaculis ut eros ac, rhoncus lacinia purus. Vivamus efficitur sem vel diam molestie placerat. Morbi ut ipsum suscipit, egestas mauris vel, cursus nisl. Vestibulum sed nunc metus.
Morbi tempor magna eu tincidunt tincidunt. Sed hendrerit justo vel arcu ullamcorper, ut sodales magna scelerisque. Vivamus laoreet dui at tincidunt consectetur. Ut commodo tincidunt turpis a facilisis. Nullam sollicitudin porta libero, eu placerat mi luctus nec. Proin vehicula tempor rhoncus. Fusce ante sem, fringilla et est non, tincidunt ullamcorper mi. Fusce posuere vel nulla sed aliquam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Morbi dignissim molestie tellus et vulputate. Vivamus hendrerit dui massa, a faucibus nunc gravida lobortis.
Donec lacinia luctus nisl a laoreet. Duis eu placerat elit. Duis commodo mauris quis lacus facilisis ornare. Curabitur laoreet ante ut arcu vehicula accumsan. Etiam ex eros, ultrices sit amet enim sit amet, maximus volutpat neque. Nunc imperdiet condimentum facilisis. Aenean pellentesque accumsan magna id posuere. Vestibulum leo sem, gravida vel fermentum in, posuere non ante. In elementum ullamcorper aliquet. Nullam quis lorem nec orci maximus semper sit amet quis tortor.
Quisque in ullamcorper risus. Morbi massa quam, rutrum eu erat faucibus, imperdiet volutpat ipsum. Cras faucibus sagittis nisl, at posuere felis dapibus varius. Proin sed ultricies est. Vivamus aliquam tortor vel mi rutrum, in commodo est egestas. Nam aliquam malesuada placerat. Aenean pretium molestie tellus, vitae eleifend nulla pellentesque id. Sed interdum sapien diam. Nam laoreet id massa eu volutpat. Sed gravida posuere urna, eu sodales lectus ullamcorper vel. Nunc finibus leo vel est dignissim aliquet non vel nulla. Proin ullamcorper quam id porta viverra.
- Código:
<div style="margin-top:100px"><div style="background-image: url(https://via.placeholder.com/600x300); width: 600px;height:300px;margin: 0 auto;transform: rotateZ(-12deg)"><div style="width: 543px; height: 290px; border: 2px solid #E6E6E6; margin: 0 auto;transform: rotateZ(11deg);"></div></div><div id="box-1"><div id="box-1sub">Subtitulo bonito y larguito</div><div id="box-2">[b]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ac volutpat magna. Praesent suscipit magna laoreet, tincidunt metus a, maximus eros. Vestibulum eget hendrerit arcu[/b]. Praesent eu orci laoreet, convallis sapien eu, scelerisque felis. Maecenas placerat risus ut tempus vehicula. [i]Ut eget luctus sem. Pellentesque nec dolor vel massa tincidunt molestie vitae et ex. Aenean eu lectus ut ligula fermentum vestibulum eget sit amet nulla[/i]. Suspendisse potenti. Nulla vel ipsum sit amet leo ullamcorper varius ut quis neque. Nam id nisi in ante imperdiet hendrerit in in diam. Aenean tellus enim, vehicula at tortor ac, rutrum placerat magna. Etiam ac quam efficitur, dictum nibh sed, commodo augue.
Fusce facilisis feugiat faucibus. Vestibulum laoreet quam lectus, id tempor elit cursus at. Quisque efficitur urna ut enim porttitor, quis lobortis nisi ultrices. Cras dignissim orci lacus, quis venenatis odio facilisis at. Aenean maximus faucibus tellus ut sagittis. Etiam turpis dui, ornare eget molestie ac, fringilla eget nibh. Aenean sem neque, interdum id felis ac, pretium rutrum enim. Nam est eros, iaculis ut eros ac, rhoncus lacinia purus. Vivamus efficitur sem vel diam molestie placerat. Morbi ut ipsum suscipit, egestas mauris vel, cursus nisl. Vestibulum sed nunc metus.
Morbi tempor magna eu tincidunt tincidunt. Sed hendrerit justo vel arcu ullamcorper, ut sodales magna scelerisque. Vivamus laoreet dui at tincidunt consectetur. Ut commodo tincidunt turpis a facilisis. Nullam sollicitudin porta libero, eu placerat mi luctus nec. Proin vehicula tempor rhoncus. Fusce ante sem, fringilla et est non, tincidunt ullamcorper mi. Fusce posuere vel nulla sed aliquam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Morbi dignissim molestie tellus et vulputate. Vivamus hendrerit dui massa, a faucibus nunc gravida lobortis.
Donec lacinia luctus nisl a laoreet. Duis eu placerat elit. Duis commodo mauris quis lacus facilisis ornare. Curabitur laoreet ante ut arcu vehicula accumsan. Etiam ex eros, ultrices sit amet enim sit amet, maximus volutpat neque. Nunc imperdiet condimentum facilisis. Aenean pellentesque accumsan magna id posuere. Vestibulum leo sem, gravida vel fermentum in, posuere non ante. In elementum ullamcorper aliquet. Nullam quis lorem nec orci maximus semper sit amet quis tortor.
Quisque in ullamcorper risus. Morbi massa quam, rutrum eu erat faucibus, imperdiet volutpat ipsum. Cras faucibus sagittis nisl, at posuere felis dapibus varius. Proin sed ultricies est. Vivamus aliquam tortor vel mi rutrum, in commodo est egestas. Nam aliquam malesuada placerat. Aenean pretium molestie tellus, vitae eleifend nulla pellentesque id. Sed interdum sapien diam. Nam laoreet id massa eu volutpat. Sed gravida posuere urna, eu sodales lectus ullamcorper vel. Nunc finibus leo vel est dignissim aliquet non vel nulla. Proin ullamcorper quam id porta viverra.</div><i class="cp cp-wolf" style="font-size: 40px !important;color: white; position: absolute;border: 2px solid white; border-radius: 100px; padding: 10px; margin: -20px -10px; background-color: #292929;"></i> </div><div style="width:540px;margin: 0 auto;"><div id="box-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ac volutpat magna. Praesent suscipit magna laoreet, tincidunt metus a, maximus eros. Vestibulum eget hendrerit arcu. Praesent eu orci laoreet, convallis sapien eu, scelerisque felis. Maecenas placerat risus ut tempus vehicula.</div><div style="background-image: url(https://via.placeholder.com/150x150); width: 150px;height:150px;margin: -168px 325px; display: inline-block;margin: -157px 365px;;position: absolute;"><div style="width: 150px;height: 150px;border: 2px solid #E6E6E6;display: inline-block;transform: rotateZ(45deg);"></div></div></div><div id="box-4titu">Titulo Holi</div></div>
<a href="https://moonstresscodes.tumblr.com/"><div style="text-align: center; font-size: 10px; font-family: 'Libre Barcode 128 Text';font-size: 30px">Moonstress Codes</div></a>
<style>#box-1 {width: 500px; height: 400px; padding: 20px; background-color: #030303; margin: 0 auto;background-image: url(https://media.istockphoto.com/photos/watercolor-abstract-background-picture-id841851574?b=1&k=6&m=841851574&s=612x612&w=0&h=XtNgpkRtBzcgmodNP9_2abcM5gRfCuialTLUJSh5WSc=); background-position: center;text-align: justify} #box-1sub {font-size: 1.2em;font-family: 'Staatliches';background-color: #E6E6E6;color: black;width: 267px;display: inline-block;padding: 5px;margin FONT-WEIGHT: 100;margin-left: 200px;text-align: center;}#box-2 {font-size: 1.2em;font-family: Pathway Gothic One;color: white; height: 300px; overflow: auto; width: 350px; padding: 20px; margin: 0 auto}#box-3{font-family: Big Shoulders Stencil Display;font-size: 1.4em;width: 300px; height: 150px; overflow: auto; background-color: #424242; color: white; padding: 10px;background-image: url(https://img.freepik.com/vector-gratis/textura-fondo-textura-negra-gris-oscuro-fondo_136321-1693.jpg?size=626&ext=jpg); text-align:center;margin-top: 10px;} #box-4titu {font-size: 4em;position: absolute;transform: rotateZ(-90deg);margin: -273px -74px;font-family: Staatliches;color: #E6E6E6;} }#box-2::-webkit-scrollbar {width: 10px; background-color: #7f222c;} #box-2::-webkit-scrollbar-thumb {background: #E6E6E6 !important;height: 20px !important; } #box-3::-webkit-scrollbar-thumb {background: #E6E6E6 !important;height: 20px !important; } #box-2 strong {font-family:Amatic SC; font-size: 1.2em;color: #ff558c;} #box-2 i {font-family:Amatic SC; font-size: 1.2em;color: #e2c674;;}
</style>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Amatic+SC&family=Big+Shoulders+Stencil+Display:wght@300&family=Libre+Barcode+128+Text&family=Pathway+Gothic+One&family=Rajdhani:wght@300&family=Staatliches&display=swap" rel="stylesheet">
Colores: Blanco, negro, gris, azules, morados, que hagan jueguito con mis gráficos <3
Imágenes: Mínimo 2, Máximo 3
Tamaño: Grande, Ancha, larga, con scroll
Efectos: Eh, no lo se, sorprendeme(?) No es necesario que tenga algo movible, pero si la musa de la creatividad te pica, pues bienvenida sea.
Imágen: Mi diseñadora te pasará el memo gg
Colores: s7U5 o Well Red.
Imágenes: Una en la cabecera pero no muy grande o dentro de un círculo (? También quiero un murciélago por ahí (? Puede ser solo la sombra (osea que el icono este todo negro) o como gustes.
Tamaño: Delgada y mediana ni muy alta ni muy chica.
Efectos: scroll.
Imágen: Si me hacen una imagen en paint de más o menos lo que quieren, ¡se me va a hacer mucho más fácil mi trabajo!
Fusce facilisis feugiat faucibus. Vestibulum laoreet quam lectus, id tempor elit cursus at. Quisque efficitur urna ut enim porttitor, quis lobortis nisi ultrices. Cras dignissim orci lacus, quis venenatis odio facilisis at. Aenean maximus faucibus tellus ut sagittis. Etiam turpis dui, ornare eget molestie ac, fringilla eget nibh. Aenean sem neque, interdum id felis ac, pretium rutrum enim. Nam est eros, iaculis ut eros ac, rhoncus lacinia purus. Vivamus efficitur sem vel diam molestie placerat. Morbi ut ipsum suscipit, egestas mauris vel, cursus nisl. Vestibulum sed nunc metus.
Morbi tempor magna eu tincidunt tincidunt. Sed hendrerit justo vel arcu ullamcorper, ut sodales magna scelerisque. Vivamus laoreet dui at tincidunt consectetur. Ut commodo tincidunt turpis a facilisis. Nullam sollicitudin porta libero, eu placerat mi luctus nec. Proin vehicula tempor rhoncus. Fusce ante sem, fringilla et est non, tincidunt ullamcorper mi. Fusce posuere vel nulla sed aliquam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Morbi dignissim molestie tellus et vulputate. Vivamus hendrerit dui massa, a faucibus nunc gravida lobortis.
Donec lacinia luctus nisl a laoreet. Duis eu placerat elit. Duis commodo mauris quis lacus facilisis ornare. Curabitur laoreet ante ut arcu vehicula accumsan. Etiam ex eros, ultrices sit amet enim sit amet, maximus volutpat neque. Nunc imperdiet condimentum facilisis. Aenean pellentesque accumsan magna id posuere. Vestibulum leo sem, gravida vel fermentum in, posuere non ante. In elementum ullamcorper aliquet. Nullam quis lorem nec orci maximus semper sit amet quis tortor.
Quisque in ullamcorper risus. Morbi massa quam, rutrum eu erat faucibus, imperdiet volutpat ipsum. Cras faucibus sagittis nisl, at posuere felis dapibus varius. Proin sed ultricies est. Vivamus aliquam tortor vel mi rutrum, in commodo est egestas. Nam aliquam malesuada placerat. Aenean pretium molestie tellus, vitae eleifend nulla pellentesque id. Sed interdum sapien diam. Nam laoreet id massa eu volutpat. Sed gravida posuere urna, eu sodales lectus ullamcorper vel. Nunc finibus leo vel est dignissim aliquet non vel nulla. Proin ullamcorper quam id porta viverra.
- Código:
<br><br><div id="box-titulo">Titulo Grande</div><div style="background-image: url(https://via.placeholder.com/640x300); height: 300px; width:640px; margin: 0 auto; border: 10px solid #ffffff"></div><div id="box-A"><div style="background-image: url(https://via.placeholder.com/150x150); height: 150px; width:150px; float: left;border: 10px solid white"></div><div id="minibox-A">Privado</div><div id="minibox-AText">Texto</div><div id="minibox-B">Lugar</div><div id="minibox-BText">Texto</div><div id="minibox-B"></div><div id="minibox-C">Dato</div><div id="minibox-CText">Texto</div><div id="box-Atexto">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ac volutpat magna. Praesent suscipit magna laoreet, tincidunt metus a, maximus eros. Vestibulum eget hendrerit arcu. Praesent eu orci laoreet, convallis sapien eu, scelerisque felis. Maecenas placerat risus ut tempus vehicula. Ut eget luctus sem. Pellentesque nec dolor vel massa tincidunt molestie vitae et ex. Aenean eu lectus ut ligula fermentum vestibulum eget sit amet nulla. Suspendisse potenti. Nulla vel ipsum sit amet leo ullamcorper varius ut quis neque. Nam id nisi in ante imperdiet hendrerit in in diam. Aenean tellus enim, vehicula at tortor ac, rutrum placerat magna. Etiam ac quam efficitur, dictum nibh sed, commodo augue.
Fusce facilisis feugiat faucibus. Vestibulum laoreet quam lectus, id tempor elit cursus at. Quisque efficitur urna ut enim porttitor, quis lobortis nisi ultrices. Cras dignissim orci lacus, quis venenatis odio facilisis at. Aenean maximus faucibus tellus ut sagittis. Etiam turpis dui, ornare eget molestie ac, fringilla eget nibh. Aenean sem neque, interdum id felis ac, pretium rutrum enim. Nam est eros, iaculis ut eros ac, rhoncus lacinia purus. Vivamus efficitur sem vel diam molestie placerat. Morbi ut ipsum suscipit, egestas mauris vel, cursus nisl. Vestibulum sed nunc metus.
Morbi tempor magna eu tincidunt tincidunt. Sed hendrerit justo vel arcu ullamcorper, ut sodales magna scelerisque. Vivamus laoreet dui at tincidunt consectetur. Ut commodo tincidunt turpis a facilisis. Nullam sollicitudin porta libero, eu placerat mi luctus nec. Proin vehicula tempor rhoncus. Fusce ante sem, fringilla et est non, tincidunt ullamcorper mi. Fusce posuere vel nulla sed aliquam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Morbi dignissim molestie tellus et vulputate. Vivamus hendrerit dui massa, a faucibus nunc gravida lobortis.
Donec lacinia luctus nisl a laoreet. Duis eu placerat elit. Duis commodo mauris quis lacus facilisis ornare. Curabitur laoreet ante ut arcu vehicula accumsan. Etiam ex eros, ultrices sit amet enim sit amet, maximus volutpat neque. Nunc imperdiet condimentum facilisis. Aenean pellentesque accumsan magna id posuere. Vestibulum leo sem, gravida vel fermentum in, posuere non ante. In elementum ullamcorper aliquet. Nullam quis lorem nec orci maximus semper sit amet quis tortor.
Quisque in ullamcorper risus. Morbi massa quam, rutrum eu erat faucibus, imperdiet volutpat ipsum. Cras faucibus sagittis nisl, at posuere felis dapibus varius. Proin sed ultricies est. Vivamus aliquam tortor vel mi rutrum, in commodo est egestas. Nam aliquam malesuada placerat. Aenean pretium molestie tellus, vitae eleifend nulla pellentesque id. Sed interdum sapien diam. Nam laoreet id massa eu volutpat. Sed gravida posuere urna, eu sodales lectus ullamcorper vel. Nunc finibus leo vel est dignissim aliquet non vel nulla. Proin ullamcorper quam id porta viverra.</div><div id="box-B"></div></div><div style="background-image: url(https://via.placeholder.com/640x150); height: 150px; width:640px; margin: 10px auto;border: 10px solid #ffffff;"></div>
<a href="https://moonstresscodes.tumblr.com/"><div style="text-align: center; font-size: 10px; font-family: 'Libre Barcode 128 Text';font-size: 30px">Moonstress Codes</div></a>
<style>#box-titulo {font-family: Paytone One;text-transform: uppercase;color:#00b3ac; margin: 0 auto; font-size: 3em; text-align:center;} #box-A {border: 10px solid white;width:600px; height:600px;background-color: #0d0d0d; margin: 5px auto; padding: 20px; }#box-Atexto {font-family: El Messiri; font-size: 14px;overflow: auto;width: 340px;height: 560px;text-align: justify;padding: 15px;float: right;color: #060e0e;border: 10px solid #ffffff;background-color: #00b3ac;} #minibox-A,#minibox-B,#minibox-C {color: white;font-family: Paytone One;float: left;background-color: #00b3ac;display: block;position: relative;width: 150px;text-align: center;} #minibox-A{margin: 175px -161px;}#minibox-B {margin: 235px -161px}#minibox-C {;margin: 300px -161px} #minibox-AText,#minibox-BText,#minibox-CText {color: #fefefe;float: left;display: block;position: relative;width: 150px;text-align: center;}#minibox-AText {margin: 200px -161px}#minibox-BText {margin: 260px -161px;}#minibox-CText {margin: 325px -161px;} #box-B{height: 228px;width: 150px;float: left;background-image: url(https://i.ibb.co/4F4wZc5/pngfind-com-gucci-snake-png-936418.png);background-size: contain;background-repeat-y: no-repeat;background-repeat-x: no-repeat;margin-top: 203px;}#box-Atexto::-webkit-scrollbar{width: 8px; background-color: #00b3ac;} #box-Atexto::-webkit-scrollbar-thumb {background: #f1f1f1 !important;}</style>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=El+Messiri&family=Libre+Barcode+128+Text&family=Paytone+One&display=swap" rel="stylesheet">
Fusce facilisis feugiat faucibus. Vestibulum laoreet quam lectus, id tempor elit cursus at. Quisque efficitur urna ut enim porttitor, quis lobortis nisi ultrices. Cras dignissim orci lacus, quis venenatis odio facilisis at. Aenean maximus faucibus tellus ut sagittis. Etiam turpis dui, ornare eget molestie ac, fringilla eget nibh. Aenean sem neque, interdum id felis ac, pretium rutrum enim. Nam est eros, iaculis ut eros ac, rhoncus lacinia purus. Vivamus efficitur sem vel diam molestie placerat. Morbi ut ipsum suscipit, egestas mauris vel, cursus nisl. Vestibulum sed nunc metus.
Morbi tempor magna eu tincidunt tincidunt. Sed hendrerit justo vel arcu ullamcorper, ut sodales magna scelerisque. Vivamus laoreet dui at tincidunt consectetur. Ut commodo tincidunt turpis a facilisis. Nullam sollicitudin porta libero, eu placerat mi luctus nec. Proin vehicula tempor rhoncus. Fusce ante sem, fringilla et est non, tincidunt ullamcorper mi. Fusce posuere vel nulla sed aliquam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Morbi dignissim molestie tellus et vulputate. Vivamus hendrerit dui massa, a faucibus nunc gravida lobortis.
Donec lacinia luctus nisl a laoreet. Duis eu placerat elit. Duis commodo mauris quis lacus facilisis ornare. Curabitur laoreet ante ut arcu vehicula accumsan. Etiam ex eros, ultrices sit amet enim sit amet, maximus volutpat neque. Nunc imperdiet condimentum facilisis. Aenean pellentesque accumsan magna id posuere. Vestibulum leo sem, gravida vel fermentum in, posuere non ante. In elementum ullamcorper aliquet. Nullam quis lorem nec orci maximus semper sit amet quis tortor.
Quisque in ullamcorper risus. Morbi massa quam, rutrum eu erat faucibus, imperdiet volutpat ipsum. Cras faucibus sagittis nisl, at posuere felis dapibus varius. Proin sed ultricies est. Vivamus aliquam tortor vel mi rutrum, in commodo est egestas. Nam aliquam malesuada placerat. Aenean pretium molestie tellus, vitae eleifend nulla pellentesque id. Sed interdum sapien diam. Nam laoreet id massa eu volutpat. Sed gravida posuere urna, eu sodales lectus ullamcorper vel. Nunc finibus leo vel est dignissim aliquet non vel nulla. Proin ullamcorper quam id porta viverra.
- Código:
<div id="box-AA"><div style="background-image: url(https://via.placeholder.com/150x150); height: 150px; width: 150px; border-radius: 100px; border: 10px solid white; float:left;margin: 10px 10px"></div><div id="AA-titu">Hola soy un titulo</div><div id="AA-databox"><div id="box-AAdata">Data</div><div id="box-AAdata">Data</div><div id="box-AAdata">Data</div><div id="box-AAdata">Data</div></div><div id="box-AAtext">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ac volutpat magna. Praesent suscipit magna laoreet, tincidunt metus a, maximus eros. Vestibulum eget hendrerit arcu. Praesent eu orci laoreet, convallis sapien eu, scelerisque felis. Maecenas placerat risus ut tempus vehicula. Ut eget luctus sem. Pellentesque nec dolor vel massa tincidunt molestie vitae et ex. Aenean eu lectus ut ligula fermentum vestibulum eget sit amet nulla. Suspendisse potenti. Nulla vel ipsum sit amet leo ullamcorper varius ut quis neque. Nam id nisi in ante imperdiet hendrerit in in diam. Aenean tellus enim, vehicula at tortor ac, rutrum placerat magna. Etiam ac quam efficitur, dictum nibh sed, commodo augue.
Fusce facilisis feugiat faucibus. Vestibulum laoreet quam lectus, id tempor elit cursus at. Quisque efficitur urna ut enim porttitor, quis lobortis nisi ultrices. Cras dignissim orci lacus, quis venenatis odio facilisis at. Aenean maximus faucibus tellus ut sagittis. Etiam turpis dui, ornare eget molestie ac, fringilla eget nibh. Aenean sem neque, interdum id felis ac, pretium rutrum enim. Nam est eros, iaculis ut eros ac, rhoncus lacinia purus. Vivamus efficitur sem vel diam molestie placerat. Morbi ut ipsum suscipit, egestas mauris vel, cursus nisl. Vestibulum sed nunc metus.
Morbi tempor magna eu tincidunt tincidunt. Sed hendrerit justo vel arcu ullamcorper, ut sodales magna scelerisque. Vivamus laoreet dui at tincidunt consectetur. Ut commodo tincidunt turpis a facilisis. Nullam sollicitudin porta libero, eu placerat mi luctus nec. Proin vehicula tempor rhoncus. Fusce ante sem, fringilla et est non, tincidunt ullamcorper mi. Fusce posuere vel nulla sed aliquam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Morbi dignissim molestie tellus et vulputate. Vivamus hendrerit dui massa, a faucibus nunc gravida lobortis.
Donec lacinia luctus nisl a laoreet. Duis eu placerat elit. Duis commodo mauris quis lacus facilisis ornare. Curabitur laoreet ante ut arcu vehicula accumsan. Etiam ex eros, ultrices sit amet enim sit amet, maximus volutpat neque. Nunc imperdiet condimentum facilisis. Aenean pellentesque accumsan magna id posuere. Vestibulum leo sem, gravida vel fermentum in, posuere non ante. In elementum ullamcorper aliquet. Nullam quis lorem nec orci maximus semper sit amet quis tortor.
Quisque in ullamcorper risus. Morbi massa quam, rutrum eu erat faucibus, imperdiet volutpat ipsum. Cras faucibus sagittis nisl, at posuere felis dapibus varius. Proin sed ultricies est. Vivamus aliquam tortor vel mi rutrum, in commodo est egestas. Nam aliquam malesuada placerat. Aenean pretium molestie tellus, vitae eleifend nulla pellentesque id. Sed interdum sapien diam. Nam laoreet id massa eu volutpat. Sed gravida posuere urna, eu sodales lectus ullamcorper vel. Nunc finibus leo vel est dignissim aliquet non vel nulla. Proin ullamcorper quam id porta viverra.</div><i class="cp cp-bat" style="position: absolute; font-size: 100px; background-color: white; border: 10px solid #ecddd9;border-radius: 100px; height: 100px; width: 100px; margin: -250px 350px; color: #381244"></i></div>
<a href="https://moonstresscodes.tumblr.com/"><div style="text-align: center; font-size: 10px; font-family: 'Libre Barcode 128 Text';font-size: 30px">Moonstress Codes</div></a>
<style>#box-AA {width: 400px; height: 550px; background-color: purple; margin: 0 auto;background-image: url(https://lh3.googleusercontent.com/proxy/Fmz0R8RrM2cmncBzhSkNODy9wiaNuDZDsdGcAn9rK6JgecNr3upYbC_S-5VAs_pG0HeL5Akmw6qgvJHjzedsu8z7kODcJ1S6BEVoYfvZvDAPJfEKHWY-jwZBaWXYBq7D);background-size: cover;border-right: 20px solid #ecddd9} #box-AAtext {font-family: Viaoda Libre; font-size: 14px;text-align: justify;position: relative; top: 20px; background-color: #00000080;width: 250px;height: 264px;margin: 0 auto;overflow: auto;color: white;padding: 20px;} #AA-titu {color: #381244;font-family: Viaoda Libre;float: right;font-size: 30px;margin: -120px 4px;display: inline-block;background-color: white;padding: 10px;}#AA-databox {width: 224px;height: 30px;position: absolute; margin: 128px 172px;}#box-AAdata {font-family: Roboto Condensed; text-transform: uppercase; display: inline-block; background-color: #381244; width: 100px; margin-left: 10px;text-align:center; margin-top: 10px; color: white;} #box-AAtext::-webkit-scrollbar {width: 10px; background-color: #381244;} #box-AAtext::-webkit-scrollbar-thumb {background: #ecddd9 !important;}</style>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Libre+Barcode+128+Text&family=Roboto+Condensed&family=Viaoda+Libre&display=swap" rel="stylesheet">
» Memories keep on Creeping in || Priv. Maisie Addams
» Tablillas Rotas [Juego]
» Maisie's Family - Búsqueda de Personajes
» Taller de Dibujos [CERRADO]