ÍndiceÍndice  
  • Últimas imágenesÚltimas imágenes  
  • BuscarBuscar  
  • RegistrarseRegistrarse  
  • ConectarseConectarse  
    •  :: Tu primera categoría :: Descripción con links
    ¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.
    00mes
    Anuncio nuevo aquí
    00mayo
    Estrenamos nuevo diseño en Summplace. ¡Esperamos que os guste!
    19abril
    Hemos abierto una nueva trama relacionada con el caso de Chloe Taylor . Estáis todos invitados a participar en ella.
    20marzo
    ¡Le damos la bienvenida a la primavera en Summpplace!
    Bienvenid@s a Summplace
    Summplace es un pequeño pueblo costero ubicado en el sur de EEUU, concretamente en Alabama, muy cercano a la frontera que limita con Florida. Cuenta con hermosas playas muy visitadas por los turistas y residentes que permiten disfrutar de todo lo que el mar nos otorga. Es un lugar íntimo, al que es difícil no cogerle cariño. Summplace es especial y vivir allí es de lo mejor que te puede pasar. ¿estas listo para vivir tu gran aventura?

    Primavera
    Mayo 12º - 19º

    Salida del sol: 06:47am
    Puesta del sol: 17:17pm
    PREMIADOS
    CATEGORIA Nombre aquí
    CATEGORIA Nombre aquí
    CATEGORIA Nombre aquí
    CATEGORIA Nombre aquí
    CATEGORIA Nombre aquí
    AMBIENTACIÓN NORMATIVA BÚSQUEDAS REGISTROS ¿QUIERES ROLEAR? TABLILLAS AFILIACIONES
    Tema de prueba para un icono Sáb Mayo 06, 2023 5:46 amGenneSomer!
    Mensaje de bienvenida Miér Jul 08, 2020 3:18 amInvitado
    Registro de Ausencias. Mar Jul 07, 2020 11:29 amInvitado
    tablillas. Lun Jul 06, 2020 11:35 pmInvitado
    Trama y ambientación Lun Jul 06, 2020 8:24 pmInvitado
    Sistema de puntos Lun Jul 06, 2020 1:36 pmInvitado
    Registro de identidad Lun Jul 06, 2020 11:21 amInvitado
    Registro de faceclaim Dom Jul 05, 2020 1:57 pmInvitado
    Registro de grupo Dom Jul 05, 2020 1:13 pmInvitado
    Registro único Dom Jul 05, 2020 12:51 pmInvitado

    tablillas.

    Invitado
    Invitado
    Sáb Jul 04, 2020 12:14 am
    título por aquí

    Subtítulo

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis blandit ligula, at imperdiet urna pulvinar eget. Proin sit amet turpis sodales, dictum nibh a, vestibulum mi. Integer a dolor laoreet, condimentum dolor a, efficitur ipsum. Integer pretium lacinia faucibus. Nam id orci ante. Suspendisse potenti. Sed et pretium lectus. Curabitur feugiat sagittis sem. Duis viverra nisi elit, a aliquam metus aliquam at. Sed nulla odio, gravida sit amet urna at, vehicula dictum dui. Nulla lectus eros, imperdiet vel semper eget, porttitor sed elit. Sed dignissim ut enim quis venenatis. Ut vel quam ac lectus egestas pretium.

    Subtitulito por aquí

    Vivamus condimentum leo urna. Ut maximus massa ac fermentum facilisis. Nulla nec nunc quis velit convallis dapibus sed a ante. Aliquam tristique euismod sem et fringilla. Cras vitae fermentum tortor, eget venenatis dui. Nulla a felis nibh. Vivamus ac dignissim lorem. Mauris convallis sollicitudin dignissim. Duis at massa sed ligula ultrices iaculis vitae at est. Cras massa sapien, pharetra vitae interdum vel, varius ut justo. In sodales eros nec erat facilisis placerat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Pellentesque diam tortor, eleifend vitae pharetra in, dignissim id ex. Nullam vulputate consectetur feugiat.

    1. Donec semper nisl id ante dapibus, ultricies pulvinar quam consequat.
    2. Mauris vestibulum turpis nisl, ut accumsan leo rutrum convallis.
    3. Nullam rutrum quis ex vel eleifend. Nam pulvinar purus sit amet vulputate malesuada. Nam leo tellus, finibus luctus scelerisque ut, suscipit id elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin vitae finibus risus.


    Código:
    <div class="sp-tab">título por aquí <i class="fas fa-bullhorn"></i></div><div class="sp-tab1"><div class="sp-tab2"><h1>Subtítulo</h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis blandit ligula, at imperdiet urna pulvinar eget. Proin sit amet turpis sodales, dictum nibh a, vestibulum mi. Integer a dolor laoreet, condimentum dolor a, efficitur ipsum. Integer pretium lacinia faucibus. Nam id orci ante. Suspendisse potenti. Sed et pretium lectus. Curabitur feugiat sagittis sem. Duis viverra nisi elit, a aliquam metus aliquam at. Sed nulla odio, gravida sit amet urna at, vehicula dictum dui. Nulla lectus eros, imperdiet vel semper eget, porttitor sed elit. Sed dignissim ut enim quis venenatis. Ut vel quam ac lectus egestas pretium.

    <i class="fas fa-chevron-right" style="color: #eee"></i> <b>Subtitulito por aquí</b>

    <i>Vivamus condimentum leo urna. Ut maximus massa ac fermentum facilisis.</i> Nulla nec nunc quis velit convallis dapibus sed a ante. Aliquam tristique euismod sem et fringilla. Cras vitae fermentum tortor, eget venenatis dui. Nulla a felis nibh. <b>Vivamus ac dignissim lorem.</b> Mauris convallis sollicitudin dignissim. Duis at massa sed ligula ultrices iaculis vitae at est. <a href="#">Cras massa sapien, pharetra vitae interdum vel, varius ut justo.</a> In sodales eros nec erat facilisis placerat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Pellentesque diam tortor, eleifend vitae pharetra in, dignissim id ex. Nullam vulputate consectetur feugiat.

    <div class="sp-tab3"><b>1.</b> Donec semper nisl id ante dapibus, ultricies pulvinar quam consequat.
    <b>2.</b> Mauris vestibulum turpis nisl, ut accumsan leo rutrum convallis.
    <b>3.</b> Nullam rutrum quis ex vel eleifend. Nam pulvinar purus sit amet vulputate malesuada. Nam leo tellus, finibus luctus scelerisque ut, suscipit id elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin vitae finibus risus.</div></div></div>


    Última edición por grumpy witch el Sáb Jul 04, 2020 1:00 am, editado 1 vez
    Invitado
    Invitado
    Sáb Jul 04, 2020 12:30 am
    título por aquí


    Subtítulo

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis blandit ligula, at imperdiet urna pulvinar eget. Proin sit amet turpis sodales, dictum nibh a, vestibulum mi. Integer a dolor laoreet, condimentum dolor a, efficitur ipsum. Integer pretium lacinia faucibus. Nam id orci ante. Suspendisse potenti. Sed et pretium lectus. Curabitur feugiat sagittis sem. Duis viverra nisi elit, a aliquam metus aliquam at. Sed nulla odio, gravida sit amet urna at, vehicula dictum dui. Nulla lectus eros, imperdiet vel semper eget, porttitor sed elit. Sed dignissim ut enim quis venenatis. Ut vel quam ac lectus egestas pretium.

    Subtitulito por aquí

    Vivamus condimentum leo urna. Ut maximus massa ac fermentum facilisis. Nulla nec nunc quis velit convallis dapibus sed a ante. Aliquam tristique euismod sem et fringilla. Cras vitae fermentum tortor, eget venenatis dui. Nulla a felis nibh. Vivamus ac dignissim lorem. Mauris convallis sollicitudin dignissim. Duis at massa sed ligula ultrices iaculis vitae at est. Cras massa sapien, pharetra vitae interdum vel, varius ut justo. In sodales eros nec erat facilisis placerat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Pellentesque diam tortor, eleifend vitae pharetra in, dignissim id ex. Nullam vulputate consectetur feugiat.

    1. Donec semper nisl id ante dapibus, ultricies pulvinar quam consequat.
    2. Mauris vestibulum turpis nisl, ut accumsan leo rutrum convallis.
    3. Nullam rutrum quis ex vel eleifend. Nam pulvinar purus sit amet vulputate malesuada. Nam leo tellus, finibus luctus scelerisque ut, suscipit id elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin vitae finibus risus.



    Código:
    <div class="sp-tab">título por aquí <i class="fas fa-bullhorn"></i></div><div class="sp-tab1"><div class="sp-tab2"><img src="https://via.placeholder.com/440x200">

    <h1>Subtítulo</h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis blandit ligula, at imperdiet urna pulvinar eget. Proin sit amet turpis sodales, dictum nibh a, vestibulum mi. Integer a dolor laoreet, condimentum dolor a, efficitur ipsum. Integer pretium lacinia faucibus. Nam id orci ante. Suspendisse potenti. Sed et pretium lectus. Curabitur feugiat sagittis sem. Duis viverra nisi elit, a aliquam metus aliquam at. Sed nulla odio, gravida sit amet urna at, vehicula dictum dui. Nulla lectus eros, imperdiet vel semper eget, porttitor sed elit. Sed dignissim ut enim quis venenatis. Ut vel quam ac lectus egestas pretium.

    <i class="fas fa-chevron-right" style="color: #eee"></i> <b>Subtitulito por aquí</b>

    <i>Vivamus condimentum leo urna. Ut maximus massa ac fermentum facilisis.</i> Nulla nec nunc quis velit convallis dapibus sed a ante. Aliquam tristique euismod sem et fringilla. Cras vitae fermentum tortor, eget venenatis dui. Nulla a felis nibh. <b>Vivamus ac dignissim lorem.</b> Mauris convallis sollicitudin dignissim. Duis at massa sed ligula ultrices iaculis vitae at est. <a href="#">Cras massa sapien, pharetra vitae interdum vel, varius ut justo.</a> In sodales eros nec erat facilisis placerat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Pellentesque diam tortor, eleifend vitae pharetra in, dignissim id ex. Nullam vulputate consectetur feugiat.

    <div class="sp-tab3"><b>1.</b> Donec semper nisl id ante dapibus, ultricies pulvinar quam consequat.
    <b>2.</b> Mauris vestibulum turpis nisl, ut accumsan leo rutrum convallis.
    <b>3.</b> Nullam rutrum quis ex vel eleifend. Nam pulvinar purus sit amet vulputate malesuada. Nam leo tellus, finibus luctus scelerisque ut, suscipit id elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin vitae finibus risus.</div></div></div>


    Última edición por grumpy witch el Sáb Jul 04, 2020 1:05 am, editado 1 vez
    Invitado
    Invitado
    Sáb Jul 04, 2020 12:48 am
    registro de faceclaim
    1. Debes realizar el registro aquí.
    2. Lee detalladamente las normas expuestas en el registro único. Si tienes alguna duda, contáctanos.

    registro de faceclaim
    A — B — C — D
    Nombre del faceclaim es Nombre del pj
    Nombre del faceclaim es Nombre del pj
    Nombre del faceclaim es Nombre del pj
    Nombre del faceclaim es Nombre del pj
    Nombre del faceclaim es Nombre del pj

    E — F — G — H
    Nombre del faceclaim es Nombre del pj
    Nombre del faceclaim es Nombre del pj
    Nombre del faceclaim es Nombre del pj
    Nombre del faceclaim es Nombre del pj
    Nombre del faceclaim es Nombre del pj

    I — J — K — L
    Nombre del faceclaim es Nombre del pj
    Nombre del faceclaim es Nombre del pj
    Nombre del faceclaim es Nombre del pj
    Nombre del faceclaim es Nombre del pj
    Nombre del faceclaim es Nombre del pj

    M — N — Ñ — O
    Nombre del faceclaim es Nombre del pj
    Nombre del faceclaim es Nombre del pj
    Nombre del faceclaim es Nombre del pj
    Nombre del faceclaim es Nombre del pj
    Nombre del faceclaim es Nombre del pj

    P — Q — R — S
    Nombre del faceclaim es Nombre del pj
    Nombre del faceclaim es Nombre del pj
    Nombre del faceclaim es Nombre del pj
    Nombre del faceclaim es Nombre del pj
    Nombre del faceclaim es Nombre del pj

    T — U — V — W
    Nombre del faceclaim es Nombre del pj
    Nombre del faceclaim es Nombre del pj
    Nombre del faceclaim es Nombre del pj
    Nombre del faceclaim es Nombre del pj
    Nombre del faceclaim es Nombre del pj

    X — Y — Z
    Nombre del faceclaim es Nombre del pj
    Nombre del faceclaim es Nombre del pj
    Nombre del faceclaim es Nombre del pj
    Nombre del faceclaim es Nombre del pj
    Nombre del faceclaim es Nombre del pj

    reserva de faceclaims
    Nombre del faceclaim
    reservado por Nombre del pj hasta el 00/00




    Código:
    <div class="sp-tab">registro de faceclaim <i class="fas fa-bullhorn"></i></div><div class="sp-tab1"><div class="sp-tab2"><b>1.</b> Debes realizar el registro <a href="#">aquí</a>.
    <b>2.</b> Lee detalladamente las normas expuestas en el registro único. Si tienes alguna duda, contáctanos.

    <div class="sp-tit1">registro de faceclaim</div><div class="sp-tab4"><b>A — B — C — D</b>
    <i class="fas fa-venus"></i> Nombre del faceclaim es <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <i class="fas fa-mars"></i> Nombre del faceclaim es <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    Nombre del faceclaim es <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    Nombre del faceclaim es <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    Nombre del faceclaim es <a href="/uNÚMERODEPERFIL">Nombre del pj</a>

    <b>E — F — G — H</b>
    Nombre del faceclaim es <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    Nombre del faceclaim es <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    Nombre del faceclaim es <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    Nombre del faceclaim es <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    Nombre del faceclaim es <a href="/uNÚMERODEPERFIL">Nombre del pj</a>

    <b>I — J — K — L</b>
    Nombre del faceclaim es <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    Nombre del faceclaim es <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    Nombre del faceclaim es <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    Nombre del faceclaim es <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    Nombre del faceclaim es <a href="/uNÚMERODEPERFIL">Nombre del pj</a>

    <b>M — N — Ñ — O</b>
    Nombre del faceclaim es <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    Nombre del faceclaim es <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    Nombre del faceclaim es <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    Nombre del faceclaim es <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    Nombre del faceclaim es <a href="/uNÚMERODEPERFIL">Nombre del pj</a>

    <b>P — Q — R — S</b>
    Nombre del faceclaim es <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    Nombre del faceclaim es <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    Nombre del faceclaim es <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    Nombre del faceclaim es <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    Nombre del faceclaim es <a href="/uNÚMERODEPERFIL">Nombre del pj</a>

    <b>T — U — V — W</b>
    Nombre del faceclaim es <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    Nombre del faceclaim es <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    Nombre del faceclaim es <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    Nombre del faceclaim es <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    Nombre del faceclaim es <a href="/uNÚMERODEPERFIL">Nombre del pj</a>

    <b>X — Y — Z</b>
    Nombre del faceclaim es <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    Nombre del faceclaim es <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    Nombre del faceclaim es <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    Nombre del faceclaim es <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    Nombre del faceclaim es <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    </div>
    <div class="sp-tit1">reserva de faceclaims</div><div class="sp-tab5">Nombre del faceclaim <br>reservado por <a href="/uNÚMERODEPERFIL">Nombre del pj</a> hasta el 00/00
    </div>
    </div></div>


    Última edición por grumpy witch el Sáb Jul 04, 2020 1:36 am, editado 1 vez
    Invitado
    Invitado
    Sáb Jul 04, 2020 1:23 am
    registro único
    1. Una vez haya sido aceptado tu expediente ya podrás realizar el registro único, a excepción de las reservas de PB.
    Más reglas por aquí.

    registro de faceclaim
    Reglas por aquí y todo eso. (?)


    registro de identidad
    Reglas por aquí y todo eso. (?)


    registro de grupo
    Reglas por aquí y todo eso. (?)


    registro de ocupación
    Reglas por aquí y todo eso. (?)


    registro de residencias y viviendas
    Reglas por aquí y todo eso. (?)


    registro de ausencias
    Reglas por aquí y todo eso. (?)



    Código:
    <div class="sp-tab">registro único <i class="fas fa-bullhorn"></i></div><div class="sp-tab1"><div class="sp-tab2"><b>1.</b> Una vez haya sido aceptado tu expediente ya podrás realizar el registro único, a excepción de las reservas de PB.
    Más reglas por aquí.

    <div class="sp-tit1">registro de faceclaim</div><div class="sp-tab6">Reglas por aquí y todo eso. (?) </div>

    <div class="sp-tit1">registro de identidad</div><div class="sp-tab6">Reglas por aquí y todo eso. (?) </div>

    <div class="sp-tit1">registro de grupo</div><div class="sp-tab6">Reglas por aquí y todo eso. (?) </div>

    <div class="sp-tit1">registro de ocupación</div><div class="sp-tab6">Reglas por aquí y todo eso. (?) </div>

    <div class="sp-tit1">registro de residencias y viviendas</div><div class="sp-tab6">Reglas por aquí y todo eso. (?) </div>

    <div class="sp-tit1">registro de ausencias</div><div class="sp-tab6">Reglas por aquí y todo eso. (?) </div>
    </div></div>
    Invitado
    Invitado
    Sáb Jul 04, 2020 2:04 am
    registro de faceclaim
    1. Debes realizar el registro aquí.
    2. Lee detalladamente las normas expuestas en el registro único. Si tienes alguna duda, contáctanos.

    nombres
    A — B — C — D
    Nombre del pj
    Nombre del pj

    E — F — G — H
    Nombre del pj
    Nombre del pj

    I — J — K — L
    Nombre del pj

    M — N — Ñ — O
    Nombre del pj

    P — Q — R — S
    Nombre del pj

    T — U — V — W
    Nombre del pj

    X — Y — Z
    Nombre del pj


    apellidos
    A — B — C — D
    Nombre del pj

    E — F — G — H
    Nombre del pj

    I — J — K — L
    Nombre del pj

    M — N — Ñ — O
    Nombre del pj

    P — Q — R — S
    Nombre del pj

    T — U — V — W
    Nombre del pj

    X — Y — Z
    Nombre del pj



    Código:
    <div class="sp-tab">registro de faceclaim <i class="fas fa-bullhorn"></i></div><div class="sp-tab1"><div class="sp-tab2"><b>1.</b> Debes realizar el registro <a href="#">aquí</a>.
    <b>2.</b> Lee detalladamente las normas expuestas en el registro único. Si tienes alguna duda, contáctanos.

    <div class="sp-tit1">nombres</div><div class="sp-tab4"><b>A — B — C — D</b>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>

    <b>E — F — G — H</b>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>

    <b>I — J — K — L</b>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>

    <b>M — N — Ñ — O</b>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>

    <b>P — Q — R — S</b>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>

    <b>T — U — V — W</b>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>

    <b>X — Y — Z</b>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    </div>

    <div class="sp-tit1">apellidos</div><div class="sp-tab4"><b>A — B — C — D</b>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>

    <b>E — F — G — H</b>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>

    <b>I — J — K — L</b>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>

    <b>M — N — Ñ — O</b>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>

    <b>P — Q — R — S</b>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>

    <b>T — U — V — W</b>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>

    <b>X — Y — Z</b>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    </div>
    </div></div>
    Invitado
    Invitado
    Sáb Jul 04, 2020 2:37 am
    registro de grupo
    1. Debes realizar el registro aquí.
    2. Lee detalladamente las normas expuestas en el registro único. Si tienes alguna duda, contáctanos.

    ciudadanos
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj


    empresarios
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj


    mundo del espectáculo
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj


    servicios públicos
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj


    criminales
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj


    estudiantes
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj



    Código:
    <div class="sp-tab">registro de grupo <i class="fas fa-bullhorn"></i></div><div class="sp-tab1"><div class="sp-tab2"><b>1.</b> Debes realizar el registro <a href="#">aquí</a>.
    <b>2.</b> Lee detalladamente las normas expuestas en el registro único. Si tienes alguna duda, contáctanos.

    <div class="sp-tit1">ciudadanos</div><div class="sp-tab7"><a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    </div>

    <div class="sp-tit1">empresarios</div><div class="sp-tab7"><a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    </div>

    <div class="sp-tit1">mundo del espectáculo</div><div class="sp-tab7"><a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    </div>

    <div class="sp-tit1">servicios públicos</div><div class="sp-tab7"><a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    </div>

    <div class="sp-tit1">criminales</div><div class="sp-tab7"><a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    </div>

    <div class="sp-tit1">estudiantes</div><div class="sp-tab7"><a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    </div>
    </div></div>
    Invitado
    Invitado
    Sáb Jul 04, 2020 2:50 am
    registro de ocupación
    1. Debes realizar el registro aquí.
    2. Lee detalladamente las normas expuestas en el registro único. Si tienes alguna duda, contáctanos.

    ciudadanos
    Nombre del pj
    Nombre del pj — empleo
    Nombre del pj — empleo con descripción más larga
    Nombre del pj — empleo medio
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj


    empresarios
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj


    mundo del espectáculo
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj


    servicios públicos
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj


    criminales
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj


    estudiantes
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj



    Código:
    <div class="sp-tab">registro de ocupación <i class="fas fa-bullhorn"></i></div><div class="sp-tab1"><div class="sp-tab2"><b>1.</b> Debes realizar el registro <a href="#">aquí</a>.
    <b>2.</b> Lee detalladamente las normas expuestas en el registro único. Si tienes alguna duda, contáctanos.

    <div class="sp-tit1">ciudadanos</div><div class="sp-tab8"><a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a> — empleo
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a> — empleo con descripción más larga
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a> — empleo medio
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    </div>

    <div class="sp-tit1">empresarios</div><div class="sp-tab8"><a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    </div>

    <div class="sp-tit1">mundo del espectáculo</div><div class="sp-tab8"><a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    </div>

    <div class="sp-tit1">servicios públicos</div><div class="sp-tab8"><a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    </div>

    <div class="sp-tit1">criminales</div><div class="sp-tab8"><a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    </div>

    <div class="sp-tit1">estudiantes</div><div class="sp-tab8"><a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    </div>
    </div></div>
    Invitado
    Invitado
    Sáb Jul 04, 2020 3:07 am
    registro de residencia y vivienda
    1. Debes realizar el registro aquí.
    2. Lee detalladamente las normas expuestas en el registro único. Si tienes alguna duda, contáctanos.

    gold coast (01-50)
    000 —Nombre del pj
    001 — Nombre del pj
    002 — Nombre del pj (puerta ocho mil)
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj


    doral forest (51-100)
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj


    cindy forks (101-150)
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj


    giny gardens (151-200)
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj


    residencia para universitarios
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj
    Nombre del pj



    Código:
    <div class="sp-tab" style="font-size: 22px">registro de residencia y vivienda <i class="fas fa-bullhorn"></i></div><div class="sp-tab1"><div class="sp-tab2"><b>1.</b> Debes realizar el registro <a href="#">aquí</a>.
    <b>2.</b> Lee detalladamente las normas expuestas en el registro único. Si tienes alguna duda, contáctanos.

    <div class="sp-tit1">gold coast (01-50)</div><div class="sp-tab8">000 —<a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    001 — <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    002 — <a href="/uNÚMERODEPERFIL">Nombre del pj</a> (puerta ocho mil)
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    </div>

    <div class="sp-tit1">doral forest (51-100)</div><div class="sp-tab8"><a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    </div>

    <div class="sp-tit1">cindy forks (101-150)</div><div class="sp-tab8"><a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    </div>

    <div class="sp-tit1">giny gardens (151-200)</div><div class="sp-tab8"><a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    </div>

    <div class="sp-tit1">residencia para universitarios</div><div class="sp-tab8"><a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    <a href="/uNÚMERODEPERFIL">Nombre del pj</a>
    </div>
    </div></div>
    Invitado
    Invitado
    Sáb Jul 04, 2020 3:14 am
    registro de ausencias
    1. Debes realizar el registro aquí.
    2. Lee detalladamente las normas expuestas en el registro único. Si tienes alguna duda, contáctanos.

    lista de ausentes
    Nombre del pj ausente hasta el 00/00



    Código:
    <div class="sp-tab">registro de ausencias <i class="fas fa-bullhorn"></i></div><div class="sp-tab1"><div class="sp-tab2"><b>1.</b> Debes realizar el registro <a href="#">aquí</a>.
    <b>2.</b> Lee detalladamente las normas expuestas en el registro único. Si tienes alguna duda, contáctanos.

    <div class="sp-tit1">lista de ausentes</div><div class="sp-tab5"><a href="/uNÚMERODEPERFIL">Nombre del pj</a> ausente hasta el 00/00
    </div>
    </div></div>
    Invitado
    Invitado
    Sáb Jul 04, 2020 3:25 am
    Expediente aceptado
    ¡Bienvenido a Summplace! No olvides realizar tus registros. Más texto, más texto ñadjsfñlasfj. Escribiending. añlsdjfañlfjasñljfda.


    Código:
    <div class="sp-tab9">Expediente aceptado<i class="fas fa-bullhorn"></i></div><div class="sp-tab10">¡Bienvenido a Summplace! No olvides realizar tus <a href="LINK">registros</a>. Más texto, más texto ñadjsfñlasfj. Escribiending. añlsdjfañlfjasñljfda. </div>
    Invitado
    Invitado
    Sáb Jul 04, 2020 4:01 am
    nombre del personaje
    una frase representativa por aquí
    Nombre completo
    Respuesta.

    Edad
    Respuesta.

    Fecha de nacimiento
    Respuesta.

    Orientación sexual
    Respuesta.

    Ciudad de origen
    Respuesta.

    Ocupación
    Respuesta.

    Grupo
    Respuesta.

    Rango
    Respuesta.

    Faceclaim
    Respuesta.



    Historia

    20 líneas mínimo.

    Descripción psicológica

    Opcional.

    Datos extra

    — Dato extra.
    — Dato extra.
    — Dato extra.
    — Dato extra.


    Código:
    <div class="sp-exp">nombre del personaje
    <span>una frase representativa por aquí</span></div><div class="sp-exp1"><div class="sp-exp2"><div class="sp-exp5"><div class="sp-exp3"><i class="fas fa-user"></i> <span>Nombre completo</span>
    Respuesta.

    <i class="fas fa-clock"></i> <span>Edad</span>
    Respuesta.

    <i class="fas fa-calendar-alt"></i> <span>Fecha de nacimiento</span>
    Respuesta.

    <i class="fas fa-venus-mars"></i> <span>Orientación sexual</span>
    Respuesta.

    <i class="fas fa-globe-americas"></i> <span>Ciudad de origen</span>
    Respuesta.

    <i class="fas fa-briefcase"></i> <span>Ocupación</span>
    Respuesta.

    <i class="fas fa-users"></i> <span>Grupo</span>
    Respuesta.

    <i class="fas fa-book"></i> <span>Rango</span>
    Respuesta.

    <i class="fas fa-sun"></i> <span>Faceclaim</span>
    Respuesta.
    </div>
    <div class="sp-exp4"><img src="https://via.placeholder.com/200x300"></div></div>
    <div class="sp-exp6"></div>
    <h1>Historia</h1>20 líneas mínimo.

    <h1>Descripción psicológica</h1>Opcional.

    <h1>Datos extra</h1>— Dato extra.
    — Dato extra.
    — Dato extra.
    — Dato extra.
    </div></div>
    Invitado
    Invitado
    Dom Jul 05, 2020 2:43 am
    título de la búsqueda

    dato

    dato

    dato

    Sobre el personaje:
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis blandit ligula, at imperdiet urna pulvinar eget. Proin sit amet turpis sodales, dictum nibh a, vestibulum mi. Integer a dolor laoreet, condimentum dolor a, efficitur ipsum. Integer pretium lacinia faucibus.

    Más información:
    Nam id orci ante. Suspendisse potenti. Sed et pretium lectus. Curabitur feugiat sagittis sem. Duis viverra nisi elit, a aliquam metus aliquam at. Sed nulla odio, gravida sit amet urna at, vehicula dictum dui. Nulla lectus eros, imperdiet vel semper eget, porttitor sed elit. Sed dignissim ut enim quis venenatis. Ut vel quam ac lectus egestas pretium.



    Código:
    <div class="sp-bq">título de la búsqueda</div><div class="sp-bq1"><div class="sp-bq2"><img src="https://via.placeholder.com/120">
    <div class="sp-bq4">dato</div>
    <div class="sp-bq4">dato</div>
    <div class="sp-bq4">dato</div></div>
    <div class="sp-bq3"><b>Sobre el personaje:</b>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis blandit ligula, at imperdiet urna pulvinar eget. Proin sit amet turpis sodales, dictum nibh a, vestibulum mi. Integer a dolor laoreet, condimentum dolor a, efficitur ipsum. Integer pretium lacinia faucibus.

    <b>Más información:</b>
    Nam id orci ante. Suspendisse potenti. Sed et pretium lectus. Curabitur feugiat sagittis sem. Duis viverra nisi elit, a aliquam metus aliquam at. Sed nulla odio, gravida sit amet urna at, vehicula dictum dui. Nulla lectus eros, imperdiet vel semper eget, porttitor sed elit. Sed dignissim ut enim quis venenatis. Ut vel quam ac lectus egestas pretium.</div>
    </div></div>
    Invitado
    Invitado
    Dom Jul 05, 2020 3:46 am

    título de la trama

    dato + dato + dato

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis blandit ligula, at imperdiet urna pulvinar eget. Proin sit amet turpis sodales, dictum nibh a, vestibulum mi. Integer a dolor laoreet, condimentum dolor a, efficitur ipsum. Integer pretium lacinia faucibus. Nam id orci ante. Suspendisse potenti.

    título de la trama

    dato + dato + dato

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis blandit ligula, at imperdiet urna pulvinar eget. Proin sit amet turpis sodales, dictum nibh a, vestibulum mi. Integer a dolor laoreet, condimentum dolor a, efficitur ipsum. Integer pretium lacinia faucibus. Nam id orci ante. Suspendisse potenti.

    título de la trama

    dato + dato + dato

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis blandit ligula, at imperdiet urna pulvinar eget. Proin sit amet turpis sodales, dictum nibh a, vestibulum mi. Integer a dolor laoreet, condimentum dolor a, efficitur ipsum. Integer pretium lacinia faucibus. Nam id orci ante. Suspendisse potenti.


    Código:
    <div class="sp-bq5"><div class="sp-bq6"><h1>título de la trama</h1><span>dato + dato + dato</span>

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis blandit ligula, at imperdiet urna pulvinar eget. Proin sit amet turpis sodales, dictum nibh a, vestibulum mi. Integer a dolor laoreet, condimentum dolor a, efficitur ipsum. Integer pretium lacinia faucibus. Nam id orci ante. Suspendisse potenti.

    <h1>título de la trama</h1><span>dato + dato + dato</span>

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis blandit ligula, at imperdiet urna pulvinar eget. Proin sit amet turpis sodales, dictum nibh a, vestibulum mi. Integer a dolor laoreet, condimentum dolor a, efficitur ipsum. Integer pretium lacinia faucibus. Nam id orci ante. Suspendisse potenti.

    <h1>título de la trama</h1><span>dato + dato + dato</span>

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis blandit ligula, at imperdiet urna pulvinar eget. Proin sit amet turpis sodales, dictum nibh a, vestibulum mi. Integer a dolor laoreet, condimentum dolor a, efficitur ipsum. Integer pretium lacinia faucibus. Nam id orci ante. Suspendisse potenti.</div></div>

    Código:
    <style>.sp-bq5{margin: 0 auto; width: 400px; background: #fff; padding: 20px; border: 1px solid #eee}.sp-bq6{background: #fff; padding: 20px; border: 10px solid #97bfbc; outline: 1px solid #eee; font-family: montserrat; font-weight: 400; font-size: 11px; color: #888; text-align: justify; line-height: 160%}.sp-bq6 h1{color: #97bfbc; font-weight: 700; font-size: 16px; border-bottom: 1px solid #97bfbc}.sp-bq6 b{color: #97bfbc; font-weight: 600; font-size: 14px}.sp-bq6 i{color: #97bfbc}.sp-bq6 a{font-weight: 500; color: #97bfbc; background: #fafafa; padding: 2px; border: 1px solid #eee; border-radius: 10px; transition: .5s}.sp-bq6 a:hover{background: #97bfbc; color: #fff}.sp-bq7{text-align: center; font-family: montserrat; font-weight: 700; font-size: 16px; color: #97bfbc}.sp-bq6 span{font-weight: 600; font-size: 10px; text-transform: uppercase}</style>
    Invitado
    Invitado
    Dom Jul 05, 2020 10:10 pm
    título del tema que se puede hacer hiper mucho muchísimo largo añsjdlafjlasfja
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis blandit ligula, at imperdiet urna pulvinar eget. Proin sit amet turpis sodales, dictum nibh a, vestibulum mi. Integer a dolor laoreet, condimentum dolor a, efficitur ipsum. Integer pretium lacinia faucibus. Nam id orci ante. Suspendisse potenti. Sed et pretium lectus. Curabitur feugiat sagittis sem. Duis viverra nisi elit, a aliquam metus aliquam at. Sed nulla odio, gravida sit amet urna at, vehicula dictum dui. Nulla lectus eros, imperdiet vel semper eget, porttitor sed elit. Sed dignissim ut enim quis venenatis. Ut vel quam ac lectus egestas pretium.
    dato + dato + dato




    Código:
    <div class="sp-pst"><div class="sp-pst1">título del tema que se puede hacer hiper mucho muchísimo largo añsjdlafjlasfja</div><div class="sp-pst2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis blandit ligula, at imperdiet urna pulvinar eget. Proin sit amet turpis sodales, dictum nibh a, vestibulum mi. Integer a dolor laoreet, condimentum dolor a, efficitur ipsum. Integer pretium lacinia faucibus. Nam id orci ante. Suspendisse potenti. Sed et pretium lectus. Curabitur feugiat sagittis sem. Duis viverra nisi elit, a aliquam metus aliquam at. Sed nulla odio, gravida sit amet urna at, vehicula dictum dui. Nulla lectus eros, imperdiet vel semper eget, porttitor sed elit. Sed dignissim ut enim quis venenatis. Ut vel quam ac lectus egestas pretium.</div><div class="sp-pst3">dato + dato + dato</div></div>

    <style>.sp-pst{margin: 0 auto; width: 400px; background: #fff; border: 1px solid #eee}.sp-pst1{background: #97bfbc; font-family: montserrat; font-weight: 700; font-size: 16px; color: #fff; text-align: center; padding: 25px 10px}.sp-pst2{padding: 40px; font-family: montserrat; font-weight: 400; font-size: 11px; color: #888; text-aligne: justify; line-height: 160%}.sp-pst3{background: #97bfbc; font-family: montserrat; font-weight: 400; font-size: 10px; color: #fff; text-align: center; text-transform: uppercase; padding: 15px 10px}</style>
    Invitado
    Invitado
    Dom Jul 05, 2020 10:46 pm
    título del tema que se puede hacer hiper mucho muchísimo largo añsjdlafjlasfja
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis blandit ligula, at imperdiet urna pulvinar eget. Proin sit amet turpis sodales, dictum nibh a, vestibulum mi. Integer a dolor laoreet, condimentum dolor a, efficitur ipsum. Integer pretium lacinia faucibus. Nam id orci ante. Suspendisse potenti. Sed et pretium lectus. Curabitur feugiat sagittis sem. Duis viverra nisi elit, a aliquam metus aliquam at. Sed nulla odio, gravida sit amet urna at, vehicula dictum dui. Nulla lectus eros, imperdiet vel semper eget, porttitor sed elit. Sed dignissim ut enim quis venenatis. Ut vel quam ac lectus egestas pretium.
    dato + dato + dato




    Código:
    <div class="sp-pst"><div class="sp-pst1">título del tema que se puede hacer hiper mucho muchísimo largo añsjdlafjlasfja</div><div class="sp-pst2"><img src="https://via.placeholder.com/110">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis blandit ligula, at imperdiet urna pulvinar eget. Proin sit amet turpis sodales, dictum nibh a, vestibulum mi. Integer a dolor laoreet, condimentum dolor a, efficitur ipsum. Integer pretium lacinia faucibus. Nam id orci ante. Suspendisse potenti. Sed et pretium lectus. Curabitur feugiat sagittis sem. Duis viverra nisi elit, a aliquam metus aliquam at. Sed nulla odio, gravida sit amet urna at, vehicula dictum dui. Nulla lectus eros, imperdiet vel semper eget, porttitor sed elit. Sed dignissim ut enim quis venenatis. Ut vel quam ac lectus egestas pretium.</div><div class="sp-pst3">dato + dato + dato</div></div>

    <style>.sp-pst{margin: 0 auto; width: 400px; background: #fff; border: 1px solid #eee}.sp-pst1{background: #97bfbc; font-family: montserrat; font-weight: 700; font-size: 16px; color: #fff; text-align: center; padding: 25px 10px}.sp-pst2{padding: 40px; font-family: montserrat; font-weight: 400; font-size: 11px; color: #888; text-aligne: justify; line-height: 160%}.sp-pst2 img{width: 110px; height: 110px; border-radius: 50%; padding: 5px; border: 1px solid #97bfbc; float: left; margin: 0 15px 5px 0}.sp-pst3{background: #97bfbc; font-family: montserrat; font-weight: 400; font-size: 10px; color: #fff; text-align: center; text-transform: uppercase; padding: 15px 10px}</style>
    Invitado
    Invitado
    Dom Jul 05, 2020 11:27 pm
    título del tema por aquí
    dato + dato + dato

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis blandit ligula, at imperdiet urna pulvinar eget. Proin sit amet turpis sodales, dictum nibh a, vestibulum mi. Integer a dolor laoreet, condimentum dolor a, efficitur ipsum. Integer pretium lacinia faucibus. Nam id orci ante. Suspendisse potenti. Sed et pretium lectus. Curabitur feugiat sagittis sem. Duis viverra nisi elit, a aliquam metus aliquam at. Sed nulla odio, gravida sit amet urna at, vehicula dictum dui. Nulla lectus eros, imperdiet vel semper eget, porttitor sed elit. Sed dignissim ut enim quis venenatis. Ut vel quam ac lectus egestas pretium.





    Código:
    <div class="sp-pst4"><div class="sp-pst5"><img src="https://via.placeholder.com/110"></div><div class="sp-pst6">título del tema por aquí <br><span>dato + dato + dato</span></div>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis blandit ligula, at imperdiet urna pulvinar eget. Proin sit amet turpis sodales, dictum nibh a, vestibulum mi. Integer a dolor laoreet, condimentum dolor a, efficitur ipsum. Integer pretium lacinia faucibus. Nam id orci ante. Suspendisse potenti. Sed et pretium lectus. Curabitur feugiat sagittis sem. Duis viverra nisi elit, a aliquam metus aliquam at. Sed nulla odio, gravida sit amet urna at, vehicula dictum dui. Nulla lectus eros, imperdiet vel semper eget, porttitor sed elit. Sed dignissim ut enim quis venenatis. Ut vel quam ac lectus egestas pretium.</div>


    <style>.sp-pst4{margin: 15px auto; width: 320px; padding: 40px; background: #fff; border: 1px solid #eee; outline: 2px solid #97bfbc; outline-offset: 10px; font-family: montserrat; font-weight: 400; font-size: 11px; color: #888; text-aligne: justify; line-height: 160%}.sp-pst5{text-align: center}.sp-pst5 img{width: 110px; height: 110px; border-radius: 50%; padding: 5px; border: 1px solid #97bfbc}.sp-pst6{font-family: montserrat; font-weight: 700; font-size: 18px; color: #97bfbc; text-align: center; padding: 15px 0; border-bottom: 1px solid #97bfbc}.sp-pst6 span{font-weight: 400; font-size: 10px; color: #888; text-transform: uppercase}</style>
    Invitado
    Invitado
    Dom Jul 05, 2020 11:29 pm
    título del tema por aquí
    dato + dato + dato

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis blandit ligula, at imperdiet urna pulvinar eget. Proin sit amet turpis sodales, dictum nibh a, vestibulum mi. Integer a dolor laoreet, condimentum dolor a, efficitur ipsum. Integer pretium lacinia faucibus. Nam id orci ante. Suspendisse potenti. Sed et pretium lectus. Curabitur feugiat sagittis sem. Duis viverra nisi elit, a aliquam metus aliquam at. Sed nulla odio, gravida sit amet urna at, vehicula dictum dui. Nulla lectus eros, imperdiet vel semper eget, porttitor sed elit. Sed dignissim ut enim quis venenatis. Ut vel quam ac lectus egestas pretium.





    Código:
    <div class="sp-pst4"><div class="sp-pst6">título del tema por aquí <br><span>dato + dato + dato</span></div>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis blandit ligula, at imperdiet urna pulvinar eget. Proin sit amet turpis sodales, dictum nibh a, vestibulum mi. Integer a dolor laoreet, condimentum dolor a, efficitur ipsum. Integer pretium lacinia faucibus. Nam id orci ante. Suspendisse potenti. Sed et pretium lectus. Curabitur feugiat sagittis sem. Duis viverra nisi elit, a aliquam metus aliquam at. Sed nulla odio, gravida sit amet urna at, vehicula dictum dui. Nulla lectus eros, imperdiet vel semper eget, porttitor sed elit. Sed dignissim ut enim quis venenatis. Ut vel quam ac lectus egestas pretium.</div>


    <style>.sp-pst4{margin: 15px auto; width: 320px; padding: 40px; background: #fff; border: 1px solid #eee; outline: 2px solid #97bfbc; outline-offset: 10px; font-family: montserrat; font-weight: 400; font-size: 11px; color: #888; text-aligne: justify; line-height: 160%}.sp-pst5{text-align: center}.sp-pst5 img{width: 110px; height: 110px; border-radius: 50%; padding: 5px; border: 1px solid #97bfbc}.sp-pst6{font-family: montserrat; font-weight: 700; font-size: 18px; color: #97bfbc; text-align: center; padding: 15px 0; border-bottom: 1px solid #97bfbc}.sp-pst6 span{font-weight: 400; font-size: 10px; color: #888; text-transform: uppercase}</style>
    Invitado
    Invitado
    Lun Jul 06, 2020 12:56 am


    Summplace RPG
    https://summplacerpg.foroactivo.com

    normas
    normas
    normas
    normas
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis blandit ligula, at imperdiet urna pulvinar eget. Proin sit amet turpis sodales, dictum nibh a, vestibulum mi. Integer a dolor laoreet, condimentum dolor a, efficitur ipsum. Integer pretium lacinia faucibus. Nam id orci ante. Suspendisse potenti. Sed et pretium lectus. Curabitur feugiat sagittis sem. Duis viverra nisi elit, a aliquam metus aliquam at. Sed nulla odio, gravida sit amet urna at, vehicula dictum dui. Nulla lectus eros, imperdiet vel semper eget, porttitor sed elit. Sed dignissim ut enim quis venenatis. Ut vel quam ac lectus egestas pretium.
    botones


    Código:
    código (?)





    Código:
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&display=swap" rel="stylesheet">

    <div class="sp-afit"><div class="sp-afit1">Summplace RPG<br><a href="https://summplacerpg.foroactivo.com/">https://summplacerpg.foroactivo.com</a></div><img src="https://via.placeholder.com/400x200">
    <div class="sp-afit2"><a href="#">normas</a></div><div class="sp-afit2"><a href="#">normas</a></div><div class="sp-afit2"><a href="#">normas</a></div><div class="sp-afit2"><a href="#">normas</a></div><div class="sp-afit3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis blandit ligula, at imperdiet urna pulvinar eget. Proin sit amet turpis sodales, dictum nibh a, vestibulum mi. Integer a dolor laoreet, condimentum dolor a, efficitur ipsum. Integer pretium lacinia faucibus. Nam id orci ante. Suspendisse potenti. Sed et pretium lectus. Curabitur feugiat sagittis sem. Duis viverra nisi elit, a aliquam metus aliquam at. Sed nulla odio, gravida sit amet urna at, vehicula dictum dui. Nulla lectus eros, imperdiet vel semper eget, porttitor sed elit. Sed dignissim ut enim quis venenatis. Ut vel quam ac lectus egestas pretium.</div><div class="sp-afit4">botones</div><div class="sp-afit3" style="text-align: center"><img src="https://via.placeholder.com/40">

    [code]código (?)[/code]
    </div></div>


    <style>.sp-afit{margin: 10px auto; width: 400px; background: #fff; border: 1px solid #eee; display: flex; flex-wrap: wrap; justify-content: space-between}.sp-afit1{width: 400px; background: #97bfbc; padding: 25px 10px; font-family: montserrat; font-weight: 700px; font-size: 26px; color: #fff; text-align: center}.sp-afit1 a{text-decoration: none; font-weight: 400; font-size: 12px; color: #fff!important}.sp-afit img{outline: 1px solid #fff; outline-offset: -5px}.sp-afit2{width: 199px; padding: 5px 0; background: #97bfbc; text-align: center; margin: 1px 0}.sp-afit2 a{font-family: montserrat; font-weight: 600; font-size: 11px; color: #fff!important; text-transform: uppercase; text-decoration: none}.sp-afit3{width: 360px; padding: 20px; font-family: montserrat; font-weight: 400; font-size: 11px; color: #888; text-align: jusitfy; line-height: 160%}.sp-afit3 img{outline: none}.sp-afit4{width: 400px; background: #97bfbc; font-family: montserrat; font-weight: 600; font-size: 16px; color: #fff; text-align: center; padding: 10px 0}</style>
    Invitado
    Invitado
    Lun Jul 06, 2020 2:40 pm
    nombre del personaje
    frase bien súper chula por aquí, ea, ea






    Código:
    <div class="sp-ba"><div class="sp-ba1">nombre del personaje<br><span>frase bien súper chula por aquí, ea, ea</span></div><div class="sp-ba2"><img src="https://via.placeholder.com/110"></div><div class="sp-ba3"><i class="fas fa-sun"></i></div>
    <a href="#" data-title="expediente"><div class="sp-ba4"><i class="fas fa-user"></i></div></a><a href="#" data-title="mp"><div class="sp-ba4"><i class="fas fa-envelope"></i></div></a><a href="#" data-title="cronología"><div class="sp-ba4"><i class="fas fa-calendar-alt"></i></div></a><a href="#" data-title="relaciones"><div class="sp-ba4"><i class="fas fa-star"></i></div></a></div>


    <style>.sp-ba{margin: 20px auto; width: 380px; padding: 20px; background: #fff; border: 1px solid #eee; outline: 5px solid #97bfbc; outline-offset: 10px; display: flex; flex-wrap: wrap; justify-content: space-between}.sp-ba1{width: 220px; padding: 40px 10px 0 10px; font-family: montserrat; font-weight: 700; font-size: 16px; color: #97bfbc; line-height: 120%; text-align: center}.sp-ba1 span{font-weight: 600; font-size: 10px; color: #888}.sp-ba2{width: 120px; height: 120px; text-align: center}.sp-ba2 img{width: 110px; height: 110px; border-radius: 50%; padding: 5px; border: 1px solid #97bfbc}.sp-ba3{width: 380px; height: 5px; background: #97bfbc; text-align: center; margin: 30px 0}.sp-ba3 i{font-size: 40px; color: #97bfbc; padding: 10px; background: #fff; margin-top: -28px}.sp-ba4{width: 60px; font-size: 20px; color: #97bfbc; background: #fafafa; padding: 2px; border: 1px solid #eee; border-radius: 10px; text-align: center; margin: 10px; padding: 20px 0; transition: 0.5s}.sp-ba4 a{text-decoration: none}.sp-ba4:hover {background: #f9f9f9; color: #97bfbc}a[data-title]:hover:after {content: attr(data-title); position: absolute; margin: -20px 0 0 25px; padding: 0 10px; background: #97bfbc; font-weight: 400; font-size: 10px; color: #fff; border-radius: 2px; font-family: montserrat; text-align: center; text-decoration: none}</style>
    Invitado
    Invitado
    Lun Jul 06, 2020 5:06 pm
    nombre del personaje
    frase bien súper chula por aquí, ea, ea

    abiertos
    cerrados
    abandonados

    mes

    título del tema
    fecha
    nombre del personaje
    título del tema
    fecha
    nombre del personaje


    título del tema
    fecha
    nombre del personaje
    título del tema
    fecha
    nombre del personaje


    título del tema
    fecha
    nombre del personaje
    título del tema
    fecha
    nombre del personaje


    mes

    título del tema
    fecha
    nombre del personaje
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis blandit ligula, at imperdiet urna pulvinar eget. Proin sit amet turpis sodales, dictum nibh a, vestibulum mi. Integer a dolor laoreet, condimentum dolor a, efficitur ipsum. Integer pretium lacinia faucibus.
    título del tema
    fecha
    nombre del personaje
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis blandit ligula, at imperdiet urna pulvinar eget. Proin sit amet turpis sodales, dictum nibh a, vestibulum mi. Integer a dolor laoreet, condimentum dolor a, efficitur ipsum. Integer pretium lacinia faucibus.


    título del tema
    fecha
    nombre del personaje
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis blandit ligula, at imperdiet urna pulvinar eget. Proin sit amet turpis sodales, dictum nibh a, vestibulum mi. Integer a dolor laoreet, condimentum dolor a, efficitur ipsum. Integer pretium lacinia faucibus.
    título del tema
    fecha
    nombre del personaje
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis blandit ligula, at imperdiet urna pulvinar eget. Proin sit amet turpis sodales, dictum nibh a, vestibulum mi. Integer a dolor laoreet, condimentum dolor a, efficitur ipsum. Integer pretium lacinia faucibus.


    título del tema
    fecha
    nombre del personaje
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis blandit ligula, at imperdiet urna pulvinar eget. Proin sit amet turpis sodales, dictum nibh a, vestibulum mi. Integer a dolor laoreet, condimentum dolor a, efficitur ipsum. Integer pretium lacinia faucibus.
    título del tema
    fecha
    nombre del personaje
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis blandit ligula, at imperdiet urna pulvinar eget. Proin sit amet turpis sodales, dictum nibh a, vestibulum mi. Integer a dolor laoreet, condimentum dolor a, efficitur ipsum. Integer pretium lacinia faucibus.






    Código:
    <div class="sp-ba5"><div class="sp-ba6">nombre del personaje<br><span>frase bien súper chula por aquí, ea, ea</span></div><div class="sp-ba7"><img src="https://via.placeholder.com/110"></div>
    <div class="sp-ba9"><i class="fas fa-lock-open"></i> <i class="fas fa-lock"></i> <i class="fas fa-trash"></i><div class="sp-ba10">abiertos</div><div class="sp-ba10">cerrados</div><div class="sp-ba10">abandonados</div></div>
    <div class="sp-ba8">mes</div>
    <div class="sp-ba11"><i class="fas fa-lock-open"></i> <a href="LINKALTEMA">título del tema</a> <br>fecha<br>nombre del personaje</div><div class="sp-ba11"><i class="fas fa-lock-open"></i> <a href="LINKALTEMA">título del tema</a> <br>fecha<br>nombre del personaje</div>

    <div class="sp-ba11"><i class="fas fa-lock"></i> <a href="LINKALTEMA">título del tema</a> <br>fecha<br>nombre del personaje</div><div class="sp-ba11"><i class="fas fa-lock"></i> <a href="LINKALTEMA">título del tema</a> <br>fecha<br>nombre del personaje</div>

    <div class="sp-ba11"><i class="fas fa-trash"></i> <a href="LINKALTEMA">título del tema</a> <br>fecha<br>nombre del personaje</div><div class="sp-ba11"><i class="fas fa-trash"></i> <a href="LINKALTEMA">título del tema</a> <br>fecha<br>nombre del personaje</div>

    <div class="sp-ba8">mes</div>
    <div class="sp-ba11"><i class="fas fa-lock-open"></i> <a href="LINKALTEMA">título del tema</a> <br>fecha<br>nombre del personaje
    <div class="sp-ba12">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis blandit ligula, at imperdiet urna pulvinar eget. Proin sit amet turpis sodales, dictum nibh a, vestibulum mi. Integer a dolor laoreet, condimentum dolor a, efficitur ipsum. Integer pretium lacinia faucibus.</div></div><div class="sp-ba11"><i class="fas fa-lock-open"></i> <a href="LINKALTEMA">título del tema</a> <br>fecha<br>nombre del personaje
    <div class="sp-ba12">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis blandit ligula, at imperdiet urna pulvinar eget. Proin sit amet turpis sodales, dictum nibh a, vestibulum mi. Integer a dolor laoreet, condimentum dolor a, efficitur ipsum. Integer pretium lacinia faucibus.</div></div>

    <div class="sp-ba11"><i class="fas fa-lock"></i> <a href="LINKALTEMA">título del tema</a> <br>fecha<br>nombre del personaje
    <div class="sp-ba12">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis blandit ligula, at imperdiet urna pulvinar eget. Proin sit amet turpis sodales, dictum nibh a, vestibulum mi. Integer a dolor laoreet, condimentum dolor a, efficitur ipsum. Integer pretium lacinia faucibus.</div></div><div class="sp-ba11"><i class="fas fa-lock"></i> <a href="LINKALTEMA">título del tema</a> <br>fecha<br>nombre del personaje
    <div class="sp-ba12">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis blandit ligula, at imperdiet urna pulvinar eget. Proin sit amet turpis sodales, dictum nibh a, vestibulum mi. Integer a dolor laoreet, condimentum dolor a, efficitur ipsum. Integer pretium lacinia faucibus.</div></div>

    <div class="sp-ba11"><i class="fas fa-trash"></i> <a href="LINKALTEMA">título del tema</a> <br>fecha<br>nombre del personaje
    <div class="sp-ba12">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis blandit ligula, at imperdiet urna pulvinar eget. Proin sit amet turpis sodales, dictum nibh a, vestibulum mi. Integer a dolor laoreet, condimentum dolor a, efficitur ipsum. Integer pretium lacinia faucibus.</div></div><div class="sp-ba11"><i class="fas fa-trash"></i> <a href="LINKALTEMA">título del tema</a> <br>fecha<br>nombre del personaje
    <div class="sp-ba12">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis blandit ligula, at imperdiet urna pulvinar eget. Proin sit amet turpis sodales, dictum nibh a, vestibulum mi. Integer a dolor laoreet, condimentum dolor a, efficitur ipsum. Integer pretium lacinia faucibus.</div></div>
    </div>


    <style>.sp-ba5{margin: 20px auto; width: 380px; padding: 20px; background: #fff; border: 1px solid #eee; outline: 5px solid #97bfbc; outline-offset: 10px; display: flex; flex-wrap: wrap}.sp-ba6{width: 220px; padding: 40px 10px 0 10px; font-family: montserrat; font-weight: 700; font-size: 16px; color: #97bfbc; line-height: 120%; text-align: center}.sp-ba6 span{font-weight: 600; font-size: 10px; color: #888}.sp-ba7{width: 120px; height: 120px; text-align: center}.sp-ba7 img{width: 110px; height: 110px; border-radius: 50%; padding: 5px; border: 1px solid #97bfbc}.sp-ba8{width: 380px; background: #97bfbc; font-family: montserrat; font-weight: 600; font-size: 16px; color: #fff; text-align: center; padding: 5px 0; margin: 10px 0}.sp-ba9{width: 380px; font-family: montserrat; font-weight: 400; font-size: 8px; color: #888; text-transform: uppercase; text-align: center; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-top: 20px; padding: 10px 0; display: flex; flex-wrap: wrap; justify-content: space-between}.sp-ba9 i{width: 110px; font-size: 14px; color: #97bfbc}.sp-ba10{width: 110px; margin-top: 3px}.sp-ba11{width: 158px; border: 1px solid #eee; padding: 10px; margin: 10px 5px; font-family: montserrat; font-weight: 400; font-size: 10px; color: #888; text-align: center; line-height: 120%}.sp-ba11 i{float: left; font-size: 16px; color: #97bfbc; padding: 5px}.sp-ba11 a{transition: .5s}.sp-ba11 a:hover{font-weight: 700}.sp-ba12{height: 60px; overflow: auto; text-align: justify; padding-right: 5px; margin-top: 10px}</style>
    Invitado
    Invitado
    Lun Jul 06, 2020 9:54 pm
    nombre del personaje
    frase bien súper chula por aquí, ea, ea

    familia
    amistad
    amor
    enemistad
    otro



    nombre del pj
    frase por aquí que también puede ser larga por aquí pls ajsdflñajf alsdkfj añdfjs fljkasdñlfka


    nombre del pj
    frase por aquí que puede hacerse larga y larga y larga y asdlfjañsdfj pipirisnice y toda la cosa y eso bien bonis.



    nombre del pj
    frase por aquí


    nombre del pj
    frase por aquí





    Código:
    <div class="sp-ba13"><div class="sp-ba14">nombre del personaje<br><span>frase bien súper chula por aquí, ea, ea</span></div><div class="sp-ba15"><img src="https://via.placeholder.com/110"></div>
    <div class="sp-ba16"><i class="fas fa-home"></i> <i class="fas fa-sun"></i> <i class="fas fa-heart"></i> <i class="fas fa-bolt"></i> <i class="fas fa-star"></i><div class="sp-ba17">familia</div><div class="sp-ba17">amistad</div><div class="sp-ba17">amor</div><div class="sp-ba17">enemistad</div><div class="sp-ba17">otro</div></div>
    <div class="sp-ba18"><img src="https://via.placeholder.com/100">
    <i class="fas fa-sun"></i><br> <b>nombre del pj</b> <br>frase por aquí que también puede ser larga por aquí pls ajsdflñajf alsdkfj añdfjs fljkasdñlfka</div><div class="sp-ba18"><img src="https://via.placeholder.com/100">
    <i class="fas fa-heart"></i><br> <b>nombre del pj</b> <br>frase por aquí que puede hacerse larga y larga y larga y asdlfjañsdfj pipirisnice y toda la cosa y eso bien bonis.</div>
    <div class="sp-ba18"><img src="https://via.placeholder.com/100">
    <i class="fas fa-star"></i><br> <b>nombre del pj</b> <br>frase por aquí </div><div class="sp-ba18"><img src="https://via.placeholder.com/100">
    <i class="fas fa-bolt"></i><br> <b>nombre del pj</b> <br>frase por aquí</div>
    </div>

    <style>.sp-ba13{margin: 20px auto; width: 380px; padding: 20px; background: #fff; border: 1px solid #eee; outline: 5px solid #97bfbc; outline-offset: 10px; display: flex; flex-wrap: wrap}.sp-ba14{width: 220px; padding: 40px 10px 0 10px; font-family: montserrat; font-weight: 700; font-size: 16px; color: #97bfbc; line-height: 120%; text-align: center}.sp-ba14 span{font-weight: 600; font-size: 10px; color: #888}.sp-ba15{width: 120px; height: 120px; text-align: center}.sp-ba15 img{width: 110px; height: 110px; border-radius: 50%; padding: 5px; border: 1px solid #97bfbc}.sp-ba16{width: 380px; font-family: montserrat; font-weight: 400; font-size: 8px; color: #888; text-transform: uppercase; text-align: center; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-top: 20px; padding: 10px 0; display: flex; flex-wrap: wrap; justify-content: space-between}.sp-ba16 i{width: 70px; font-size: 14px; color: #97bfbc}.sp-ba17{width: 70px; margin-top: 3px}.sp-ba18{width: 178px; margin: 10px 5px; text-align: center; font-family: montserrat; font-weight: 400; font-size: 10px; color: #888; line-height: 120%}.sp-ba18 b{font-weight: 600; color: #97bfbc}.sp-ba18 i{font-size: 20px; color: #97bfbc; padding: 5px 0}.sp-ba18 img{width: 100px; height: 100px; padding: 5px; border: 1px solid #97bfbc; border-radius: 50%; margin-bottom: 5px}</style>
    Invitado
    Invitado
    Lun Jul 06, 2020 10:44 pm
    nombre del personaje
    frase bien súper chula por aquí, ea, ea


    título de la canción
    artista



    título de la canción
    artista



    título de la canción
    artista



    título de la canción
    artista



    título de la canción
    artista





    Código:
    <div class="sp-ba19"><div class="sp-ba20">nombre del personaje<br><span>frase bien súper chula por aquí, ea, ea</span></div><div class="sp-ba21"><img src="https://via.placeholder.com/110"></div><div class="sp-ba22"></div>
    <div class="sp-ba23"><a href="LINKALACANCIÓN"><i class="fas fa-play"></i></a>
    <b>título de la canción</b> <br>artista</div>

    <div class="sp-ba23"><a href="LINKALACANCIÓN"><i class="fas fa-play"></i></a>
    <b>título de la canción</b> <br>artista</div>

    <div class="sp-ba23"><a href="LINKALACANCIÓN"><i class="fas fa-play"></i></a>
    <b>título de la canción</b> <br>artista</div>

    <div class="sp-ba23"><a href="LINKALACANCIÓN"><i class="fas fa-play"></i></a>
    <b>título de la canción</b> <br>artista</div>

    <div class="sp-ba23"><a href="LINKALACANCIÓN"><i class="fas fa-play"></i></a>
    <b>título de la canción</b> <br>artista</div>
    </div>

    <style>.sp-ba19{margin: 20px auto; width: 380px; padding: 20px; background: #fff; border: 1px solid #eee; outline: 5px solid #97bfbc; outline-offset: 10px; display: flex; flex-wrap: wrap}.sp-ba20{width: 220px; padding: 40px 10px 0 10px; font-family: montserrat; font-weight: 700; font-size: 16px; color: #97bfbc; line-height: 120%; text-align: center}.sp-ba20 span{font-weight: 600; font-size: 10px; color: #888}.sp-ba21{width: 120px; height: 120px; text-align: center}.sp-ba21 img{width: 110px; height: 110px; border-radius: 50%; padding: 5px; border: 1px solid #97bfbc}.sp-ba22{width: 380px; height: 2px; background: #eee; margin: 15px 0}.sp-ba23{width: 350px; margin: 5px 0 010px; padding-right: 20px; border-radius: 45px 0 0 45px; font-family: montserrat; font-weight: 400; font-size: 12px; color: #888; text-align: right; border-bottom: 1px solid #eee; border-top: 1px solid #eee}.sp-ba23 i{background: #97bfbc; border: 1px solid #97bfbc; color: #fff; font-size: 20px; padding: 20px 22px; border-radius: 50%; float: left; transition: .5s}.sp-ba23 i:hover{background: #fff; color: #97bfbc; border: 1px solid #eee}.sp-ba23 b{font-weight: 600; font-size: 13px; color: #97bfbc}.sp-ba23 a{text-decoration: none}</style>
    Invitado
    Invitado
    Lun Jul 06, 2020 11:20 pm




    Código:
    <div class="sp-ba24"><img src="https://via.placeholder.com/110"><img src="https://via.placeholder.com/110"><img src="https://via.placeholder.com/110"><img src="https://via.placeholder.com/110"><img src="https://via.placeholder.com/110"><img src="https://via.placeholder.com/110"><img src="https://via.placeholder.com/110"><img src="https://via.placeholder.com/110"><img src="https://via.placeholder.com/110"></div>

    <style>.sp-ba24{margin: 20px auto; width: 380px; padding: 20px; background: #fff; border: 1px solid #eee; outline: 5px solid #97bfbc; outline-offset: 10px; display: flex; flex-wrap: wrap; justify-content: space-between}.sp-ba24 img{width: 110px; height: 110px; padding: 5px; border: 1px solid #eee; margin: 4px 2px}</style>
    Invitado
    Invitado
    Lun Jul 06, 2020 11:35 pm
    una frase por aquí, sharala la la la.




    Código:
    <div class="sp-f1" style="background: url(https://via.placeholder.com/280x160)"><div class="sp-f2">una frase por aquí, sharala la la la.</div></div>

    <style>.sp-f1{margin: 0 auto; width: 280px; height: 160px; background: url(https://via.placeholder.com/280x160); border: 7px solid #fff; outline: 1px solid #eee; position: relative}.sp-f2{width: 260px; background: #fff; font-family: montserrat; font-weight: 300; font-size: 9px; #888; text-align: center; text-transform: uppercase; padding: 5px 10px; position: absolute; margin-top: 110px}</style>
    Contenido patrocinado
    - Temas similares
    Permisos de este foro:
    No puedes responder a temas en este foro.
    Créditos
    El Skin es creación de @MadeInSevilla93 y obtenido a través de su Tumblr, editado por la administración del foro para su uso en Summplace RPG. La fuente de iconos utilizada es IcoFont y el tooltip es obra de Malibu.

    Las imágenes han sido obtenidas de Pinterest y Tumblr. Gracias a todos los usuarios por formar parte de Summplace RPG y hacer de nuestra comunidad posible. La historia y ambientación del foro ha sido creada por el Staff y todo el contenido de cada personaje pertenece a su creador en su participación dentro del foro. Cualquier plagio será denunciado. Resto de códigos contienen sus respectivos créditos.