Últimos temas
» [SKIN] Hello? how are you
por Unity Vie Ene 06, 2017 11:55 pm

» Pack 1 de html (personaje + firma)
por Rose Jue Ene 05, 2017 5:19 pm

» [FIRMA] Mikagura Suite
por Natty Mar Dic 27, 2016 9:57 am

» [SKIN] Attack No Titan
por Flowman Jue Dic 15, 2016 8:51 pm

» Owari no seraph's
por Cool Skelleton_95 Mar Nov 15, 2016 2:04 pm

» Simple flutter
por Amaranth Miér Oct 26, 2016 8:54 am

» Duda sobre sorteo de skin
por SS Jue Sep 15, 2016 8:22 pm

» [MOVIL] [ FA ] Haikyuu
por Sarisha Mar Ago 30, 2016 6:07 am

» Pedido grafico
por DangerStRichard Dom Ago 28, 2016 7:09 pm


Simple flutter

Ver el tema anterior Ver el tema siguiente Ir abajo

Simple flutter

Mensaje por Mikae el Dom Ago 23, 2015 4:05 pm


Reglamento

♥ No se acepta el divulgar los códigos en otras partes, me refiero a copiar y pegar el código y hacerlo pasar como tuyo.
♥ Para obtener el código debes postear con el Link directo + Captura, totalmente obligatorio.
♥ Queda prohibido totalmente remover o hacer mas pequeño el link del crédito.
♥ No se puede utilizar esta tablilla como base para crear otras.
Información

♥ Post de rol / Administrativo
♥ Los colores se pueden modificar libremente, pero no el modelo.

Previsualización



Nombres y Apellidos
Nombre completo
Apodos
Fecha de nacimiento
Edad
Sexo
Orientación Sexual
Raza
Ocupación
Otro


Blandit incorrupte quaerendum in quo, nibh impedit id vis, vel no nullam semper audiam. Ei populo graeci consulatu mei, has ea stet modus phaedrum. Inani oblique ne has, duo et veritus detraxit. Tota ludus oratio ea mel, offendit persequeris ei vim. Eos dicat oratio partem ut, id cum ignota senserit intellegat. Sit inani ubique graecis ad, quando graecis liberavisse et cum, dicit option eruditi at duo. Homero salutatus suscipiantur eum id, tamquam voluptaria expetendis ad sed, nobis feugiat similique usu ex.
Blandit incorrupte quaerendum in quo, nibh impedit id vis, vel no nullam semper audiam. Ei populo graeci consulatu mei, has ea stet modus phaedrum. Inani oblique ne has, duo et veritus detraxit. Tota ludus oratio ea mel, offendit persequeris ei vim. Eos dicat oratio partem ut, id cum ignota senserit intellegat. Sit inani ubique graecis ad, quando graecis liberavisse et cum, dicit option eruditi at duo. Homero salutatus suscipiantur eum id, tamquam voluptaria expetendis ad sed, nobis feugiat similique usu ex.
1.


Código

Spoiler:

Código:
<link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'><div style="font-family: Playball; font-size: 35px;width:540px;text-align:center;border-bottom:1px solid #000;">Nombres y Apellidos</div><div style="width: 500px;background: #dbdbdb;padding:20px;"><div id="imagen1" style="background: url(http://placehold.it/500x250);"><table><tr><td><div class="imagen2"><div id="datio">Nombre completo</div><div id="datio">Apodos</div><div id="datio">Fecha de nacimiento</div><div id="datio">Edad</div><div id="datio">Sexo</div><div id="datio">Orientación Sexual</div><div id="datio">Raza</div><div id="datio">Ocupación</div><div id="datio">Otro</div></div></td><td><div class="imagen3" style="background: url(http://placehold.it/200x230);"></div></td></tr></table></div><br>
<div class="tabss"><div class="tabb"><input id="tabb-1" name="tabb-group-1" checked="" type="radio"><label for="tabb-1"><font style="font: 14px calibri;text-shadow: 1px -1px 0px #1D0F23;text-transform:uppercase;color:#fff;background:#000;padding:10px;">Físico y Personalidad</font></label><div class="contento">Blandit incorrupte quaerendum in quo, nibh impedit id vis, vel no nullam semper audiam. Ei populo graeci consulatu mei, has ea stet modus phaedrum. Inani oblique ne has, duo et veritus detraxit. Tota ludus oratio ea mel, offendit persequeris ei vim. Eos dicat oratio partem ut, id cum ignota senserit intellegat. Sit inani ubique graecis ad, quando graecis liberavisse et cum, dicit option eruditi at duo. Homero salutatus suscipiantur eum id, tamquam voluptaria expetendis ad sed, nobis feugiat similique usu ex.</div></div><div class="tabb"><input id="tabb-2" name="tabb-group-1" type="radio"><label for="tabb-2"><font style="font: 14px calibri;text-shadow: 1px -1px 0px #1D0F23;text-transform:uppercase;background:#000;padding:10px;">Historia</font></label><div class="contento">Blandit incorrupte quaerendum in quo, nibh impedit id vis, vel no nullam semper audiam. Ei populo graeci consulatu mei, has ea stet modus phaedrum. Inani oblique ne has, duo et veritus detraxit. Tota ludus oratio ea mel, offendit persequeris ei vim. Eos dicat oratio partem ut, id cum ignota senserit intellegat. Sit inani ubique graecis ad, quando graecis liberavisse et cum, dicit option eruditi at duo. Homero salutatus suscipiantur eum id, tamquam voluptaria expetendis ad sed, nobis feugiat similique usu ex.</div></div><div class="tabb"><input id="tabb-3" name="tabb-group-1" type="radio"><label for="tabb-3"><font style="font: 14px calibri;text-shadow: 1px -1px 0px #1D0F23;text-transform:uppercase;background:#000;padding:10px;">Habilidades / Extras</font></label><div class="contento">1.</div></div></div></div><div style="margin-bottom: 5px;width: 520px; padding: 10px; text-transform: uppercase;font-family: 'Text Me One', sans-serif;letter-spacing: 2px;font-size: 10px; text-align: center; line-height; 30px;border-top: 1px solid #000;text-decoration:none;"><a href="http://mikaeuniverse.tumblr.com/"  style="color:#988">Mikae © 2015</a></div><style>.tabss {position: relative; overflow: hidden; width: 500px; height: 260px; padding: 10px;} .tabb {float: left;} .tabb label {border-top: solid 2px #EAB; padding: 15px; margin-left: 5px; position: relative; color: #fff;text-align: center;width:100px; height:20px;} .tabb [type=radio] {display: none;} .contento {position: absolute; top: 60px; left: 5px; height: 180px; width: 470px; background: #fff; padding: 15px; outline: 1px solid #000;overflow: auto;font-family: arial;text-align: justify;} .tabb [type=radio]:checked ~ label {border-top: solid 2px #ff9977; z-index: 2;} .tabb [type=radio]:checked ~ label ~ .contento {z-index: 1;}#imagen1 {width:500px; height: 250px;border: 5px solid #fff;outline: 1px solid #000;overflow:hidden;}#imagen1:hover .imagen2{margin-left:10px;}.imagen2{width:200px;height:230px;background:#fff;padding:5px;margin-left:-270px;transition: .5s;}#datio{background:#000;color:#fff;display:block;font: 12px calibri;text-align: center; text-transform:uppercase;margin-bottom:2px;padding:5px;}.imagen3{width:200px;height:240px;margin-left:280px;border:2px solid #000;}</style>


#expediente
avatar
Mikae

Mensajes : 275

Ver perfil de usuario

Volver arriba Ir abajo

Re: Simple flutter

Mensaje por Jimmy B. el Miér Jul 13, 2016 4:33 am

Lo usé aquí como relaciones y cronología D: Espero no te moleste~

Captura de pantalla
avatar
Jimmy B.

Mensajes : 1

Ver perfil de usuario

Volver arriba Ir abajo

Re: Simple flutter

Mensaje por Amaranth el Miér Oct 26, 2016 8:54 am

Lo usaré aquí. Muchas gracias!!
grandesclanes.forosactivos.com
avatar
Amaranth

Mensajes : 1

Ver perfil de usuario

Volver arriba Ir abajo

Re: Simple flutter

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.