Últimos temas
Afiliados
Limpieza 01 - 04 - 18

 photo untitled45.pngBoku no Hero ROLLittle FearsLoving PetsCrear foroOne Piece LegacyCrear foro

Tabla de Rol Alternativa

Ver el tema anterior Ver el tema siguiente Ir abajo

Tabla de Rol Alternativa

Mensaje por Totsuki Akira el Miér Dic 20, 2017 10:46 am

Dejo acá una tabla de rol alternativa que hice. La ventaja es que el código es mucho más limpio, dejando el post más compacto y fácil de entender. El color se ajustará al diseño del foro cada vez que cambie.

Título del Tema
500 X 250
Ubicación 1Ubicación 2Tiempo
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus dapibus mauris auctor, rutrum sapien non, elementum nulla. Morbi faucibus bibendum nibh, in ornare sapien congue non. Nam malesuada eu velit vitae posuere. Aenean sagittis, libero in fringilla luctus, dui neque dignissim urna, a faucibus nisl neque sed dui. Donec quis lorem magna. Donec consectetur justo at leo accumsan scelerisque. Praesent id ante sed sapien commodo eleifend eu a velit. Maecenas sollicitudin posuere consequat. Sed congue leo ac lacinia congue. Suspendisse blandit tortor in semper hendrerit. Suspendisse pellentesque, nulla scelerisque rhoncus suscipit, mi risus ultrices mauris, in aliquet ex eros commodo dui. Nam aliquam ultricies dolor quis malesuada. Nullam aliquet metus vel leo venenatis, vitae semper nunc finibus. Sed ac felis facilisis sapien accumsan tempor sodales iaculis tortor. Vestibulum id ligula vitae augue tincidunt facilisis nec ut dolor. Etiam convallis ornare tellus vitae rutrum.
Estadísticas:
Este div se puede eliminar si no se quieren incluir los stats.


Código:
<div class="tablarol-container"><div class="tablarol-title">Título del Tema</div><div class="tablarol-img" style="background-image:url(https://imgur.com/VKX6A9v.png)"><div class="tablarol-imgtext" style="color:#fff">500 X 250</div></div><div class="tablarol-info"><span>Ubicación 1</span><span>Ubicación 2</span><span>Tiempo</span></div><div class="tablarol-post">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus dapibus mauris auctor, rutrum sapien non, elementum nulla. Morbi faucibus bibendum nibh, in ornare sapien congue non. Nam malesuada eu velit vitae posuere. Aenean sagittis, libero in fringilla luctus, dui neque dignissim urna, a faucibus nisl neque sed dui. Donec quis lorem magna. Donec consectetur justo at leo accumsan scelerisque. Praesent id ante sed sapien commodo eleifend eu a velit. Maecenas sollicitudin posuere consequat. Sed congue leo ac lacinia congue. Suspendisse blandit tortor in semper hendrerit. Suspendisse pellentesque, nulla scelerisque rhoncus suscipit, mi risus ultrices mauris, in aliquet ex eros commodo dui. Nam aliquam ultricies dolor quis malesuada. Nullam aliquet metus vel leo venenatis, vitae semper nunc finibus. Sed ac felis facilisis sapien accumsan tempor sodales iaculis tortor. Vestibulum id ligula vitae augue tincidunt facilisis nec ut dolor. Etiam convallis ornare tellus vitae rutrum.</div><div class="tablarol-stats">[spoiler="Estadísticas]Este [b]div [/b]se puede eliminar si no se quieren incluir los stats.[/spoiler]</div></div>


Última edición por Akira el Jue Dic 21, 2017 12:40 pm, editado 1 vez



Gracias a los que creyeron en mí, y a los que no púdranse:

Volver arriba Ir abajo

Re: Tabla de Rol Alternativa

Mensaje por Zatoichi Byakura el Miér Dic 20, 2017 1:43 pm

Woa, te quedó genial! Si me lo permites, usaré este modelo a partir de ahora.





Pj mas roto de nine beasts:

Volver arriba Ir abajo

Re: Tabla de Rol Alternativa

Mensaje por Totsuki Akira el Miér Ene 10, 2018 11:51 pm

Versión para ponerle el color que uno quiera. Reemplazar la palabra "COLOR" en los 3 lugares donde aparece.

Código:
<div class="tablarol-container" style="border-color:#COLOR"><div class="tablarol-title" style="background-color: #COLOR;">Título del Tema</div><div class="tablarol-img" style="background-image:url(https://imgur.com/VKX6A9v.png)"><div class="tablarol-imgtext" style="color:#fff">500 X 250</div></div><div class="tablarol-info" style="background-color:#COLOR;"><span>Ubicación 1</span><span>Ubicación 2</span><span>Tiempo</span></div><div class="tablarol-post">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus dapibus mauris auctor, rutrum sapien non, elementum nulla. Morbi faucibus bibendum nibh, in ornare sapien congue non. Nam malesuada eu velit vitae posuere. Aenean sagittis, libero in fringilla luctus, dui neque dignissim urna, a faucibus nisl neque sed dui. Donec quis lorem magna. Donec consectetur justo at leo accumsan scelerisque. Praesent id ante sed sapien commodo eleifend eu a velit. Maecenas sollicitudin posuere consequat. Sed congue leo ac lacinia congue. Suspendisse blandit tortor in semper hendrerit. Suspendisse pellentesque, nulla scelerisque rhoncus suscipit, mi risus ultrices mauris, in aliquet ex eros commodo dui. Nam aliquam ultricies dolor quis malesuada. Nullam aliquet metus vel leo venenatis, vitae semper nunc finibus. Sed ac felis facilisis sapien accumsan tempor sodales iaculis tortor. Vestibulum id ligula vitae augue tincidunt facilisis nec ut dolor. Etiam convallis ornare tellus vitae rutrum.</div><div class="tablarol-stats">[spoiler="Estadísticas]Este [b]div [/b]se puede eliminar si no se quieren incluir los stats.[/spoiler]</div></div>



Gracias a los que creyeron en mí, y a los que no púdranse:

Volver arriba Ir abajo

Re: Tabla de Rol Alternativa

Mensaje por Contenido patrocinado

Contenido patrocinado

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

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