Nymphea's Cage
  • Pedido #1 Savage Themes
  • Pedido #9 Savage Themes
  • Pedido The Warrior Road
  • Cupo disponible
  • Cupo disponible
  • Cupo disponible
  • Haz tu propio pedido aqui
    Lo ultimo
    Ultimo aporteUltimo tutorialUltimo proyectoUltimo grafico
    Compañeros y Recomendados
    adminsitro miembro solo recomiendo

    Últimos temas
    » No sense at all
    Mar Sep 18, 2018 4:37 am por Nymphea

    » Dreamy
    Jue Mar 01, 2018 10:26 pm por Nymphea

    » Walking
    Mar Feb 20, 2018 11:55 pm por Nymphea

    » SunFlower
    Miér Feb 14, 2018 10:40 pm por Nymphea

    » What I don't like
    Dom Feb 11, 2018 12:04 am por Nymphea

    » El baúl de Jane Porter
    Sáb Feb 10, 2018 10:36 pm por Nymphea

    » Sonic & Mario
    Jue Feb 08, 2018 8:02 pm por Nymphea

    » Alice Parade
    Miér Feb 07, 2018 2:14 am por Nymphea

    » Petición: New Destiny
    Mar Feb 06, 2018 10:06 pm por Nymphea


    Pedido algo rara .-.

    Ver el tema anterior Ver el tema siguiente Ir abajo

    Pedido algo rara .-.

    Mensaje por Red el Dom Oct 29, 2017 6:44 pm

    Hola Nymphea tanto tiempo.

    Bueno, mis foros favoritos siempre van a ser los de temática de Espada y Hechiceria. Y esta vez queria hacer un pedido que mas que nada parece sacado de un juego como Heroes of the Storm (E irónicamente use 2 de sus iconos XDDD)

    Mi petición es básicamente una tabla del tamaño de una firma estándar, es decir 450x150 en donde se lee únicamente la palabra "Habilidades" y cuando pones el cursor encima se baje una tablilla mas pequeña en donde salgan los iconos y la descripción de lo que hace cada Poder/Hechizo/Técnica.

    Te dejo en gif animado un ejemplo. No se si te la estoy poniendo difícil esta vez  ^^U



    Red
    Earlybird

    Mensajes :
    11

    Fecha de inscripción :
    08/08/2015


    Volver arriba Ir abajo

    Re: Pedido algo rara .-.

    Mensaje por Nymphea el Lun Ene 29, 2018 1:10 am

    Hola Red, lamento no responderte antes, es un pedido bastante sencillo, lo haré en seguida. Hare dos versiones una basada en lo que escribiste y otra basada en el gif que me haz dejado c:

    Versión Imagen
    Habilidades
    iconoRafaga Gelida bla bla bla bla blas
    iconoRafaga Gelida bla bla bla bla blas
    iconoRafaga Gelida bla bla bla bla blas
    iconoRafaga Gelida bla bla bla bla blas





    Código:
    <div class="redhab0"><div class="redhab1"><img src="https://i.pinimg.com/originals/f1/38/d1/f138d1d859ea415a79620eb3262003b0.png" alt="Habilidades"></div><div class="redhab2"><div class="redhab3"><img src="http://placehold.it/65x65" alt="icono"><b>Rafaga Gelida</b> bla bla bla bla blas</div><div class="redhab4"><img src="http://placehold.it/65x65" alt="icono"><b>Rafaga Gelida</b> bla bla bla bla blas</div><div class="redhab3"><img src="http://placehold.it/65x65" alt="icono"><b>Rafaga Gelida</b> bla bla bla bla blas</div><div class="redhab4"><img src="http://placehold.it/65x65" alt="icono"><b>Rafaga Gelida</b> bla bla bla bla blas</div>
    </div></div>

    <style>.redhab0 {margin:0 auto; width: 450px;}.redhab1 {width: 450px; height: 100px; border: 8px solid #3859a2; background: #000;position: relative;}.redhab1 img {width:480px; margin-top: -20px; margin-left: -20px;}.redhab2 {background: #000; padding: 0px; margin-left: 8px; color: #fff; height:0px; overflow: hidden; margin-top: -50px; transition: .6s;}.redhab3 {overflow: auto; font: 10px sans-serif; text-transform: uppercase; height: 67px;}.redhab3 img {float: left; margin: 0px 10px; }.redhab4 {font: 10px sans-serif; text-transform: uppercase; height: 67px;}.redhab4 img {float: right; margin: 0px 10px; }.redhab0:hover .redhab2{height:270px; margin-top: 0px; padding: 10px;}</style>

    Versión "Interpretada"
    decidi poner a Meliodas en lugar de la imagen que me pasaste por que se me hizo mas lindo pero es facil de cambiar
    Habilidades de Meliodas
    iconoRafaga Gelida Donec at lectus ac orci egestas feugiat. Nam ligula mi, fermentum eget metus id, fringilla scelerisque lectus. In sollicitudin felis a mi sagittis hendrerit. Vestibulum ultrices felis in consectetur interdum. Aliquam ut erat consectetur, elementum odio non, euismod sapien. Curabitur laoreet justo eu tortor sagittis.
    iconoRafaga Gelida Donec at lectus ac orci egestas feugiat. Nam ligula mi, fermentum eget metus id, fringilla scelerisque lectus. In sollicitudin felis a mi sagittis hendrerit. Vestibulum ultrices felis in consectetur interdum. Aliquam ut erat consectetur, elementum odio non, euismod sapien. Curabitur laoreet justo eu tortor sagittis, vitae bibendum ligula euismod. Sed dapibus aliquet leo ac condimentum. Curabitur vel sodales ipsum, sit amet dictum augue.
    iconoRafaga Gelida bla bla bla bla blas
    iconoRafaga Gelida bla bla bla bla blas
    ThxNymph!



    Código:
    <div class="Redhab0"><div class="Redhab1" style="background:url(https://pa1.narvii.com/6395/f4ab9634e208c3035ef10741bbc3bdfd19db9e0e_hq.gif)">Habilidades de Meliodas</div><div class="Redhab2"><div class="Redhab3"><img src="http://placehold.it/65x65" alt="icono"><b>Rafaga Gelida</b> Donec at lectus ac orci egestas feugiat. Nam ligula mi, fermentum eget metus id, fringilla scelerisque lectus. In sollicitudin felis a mi sagittis hendrerit. Vestibulum ultrices felis in consectetur interdum. Aliquam ut erat consectetur, elementum odio non, euismod sapien. Curabitur laoreet justo eu tortor sagittis. </div><div class="Redhab4"><img src="http://placehold.it/65x65" alt="icono"><b>Rafaga Gelida</b> Donec at lectus ac orci egestas feugiat. Nam ligula mi, fermentum eget metus id, fringilla scelerisque lectus. In sollicitudin felis a mi sagittis hendrerit. Vestibulum ultrices felis in consectetur interdum. Aliquam ut erat consectetur, elementum odio non, euismod sapien. Curabitur laoreet justo eu tortor sagittis, vitae bibendum ligula euismod. Sed dapibus aliquet leo ac condimentum. Curabitur vel sodales ipsum, sit amet dictum augue.</div><div class="Redhab3"><img src="http://placehold.it/65x65" alt="icono"><b>Rafaga Gelida</b> bla bla bla bla blas</div><div class="Redhab4"><img src="http://placehold.it/65x65" alt="icono"><b>Rafaga Gelida</b> bla bla bla bla blas</div></div><a href="http://mikeiry.forochile.org/" class="Redhabcred">ThxNymph!</a></div>

    <style>.Redhab0 {width:450px; margin: 0 auto; height: 150px; overflow: hidden; transition: .5s;}.Redhab1 {width: 450px; height: 70px; padding: 80px 0px 0px 0px; text-align: center; color: #fff; text-decoration: overline underline; text-transform: uppercase; font: 10px roboto; letter-spacing: 5px;}.Redhab2 {background: #353535; padding: 10px; color: #fff; }.Redhab3 {overflow: hidden; border-bottom: 2px solid white; padding: 10px; font: 10px roboto; text-align: justify; text-transform: uppercase; }.Redhab4 {overflow: hidden; border-bottom: 2px solid white; padding: 10px; font: 10px roboto; text-align: justify; text-transform: uppercase; }.Redhab4 b{color:#eedd55;font: 12px roboto;}.Redhab3 b{color:#7c8743;font: 12px roboto;}.Redhab3 img {float: left; margin-right: 5px;} .Redhab4 img {float: right; margin-left: 5px;} .Redhabcred {display: block; font: 6px roboto; margin-top: -10px; text-align:center; color: #fff;}.Redhab0:hover {height: 550px;}</style>
    Nymphea
    avatar
    Admin

    Mensajes :
    373

    Fecha de inscripción :
    10/09/2012

    Localización :
    somehere


    http://mikeiry.forochile.org

    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.