URBE

Regístrate y accede a todo el contenido de Urbe.biz, sin verificacion de mail Click aquí

Mi sitio tu sitio


    Efecto al pasar el mouse sobre el perfil

    Comparte
    avatar
    MarioGM


    Masculino Lugar : En mi zaja - dulces sueños en mi amado peru

    Efecto al pasar el mouse sobre el perfil

    Mensaje por MarioGM el Mar Sep 07, 2010 4:30 pm


    ejemplo:
    Aqui una prueba: http://juniorgm.foroactivo.com/tu-primer-foro-f1/tu-primer-tema-t1.htm#1

    Ahora iremos al CSS
    Panel de Administracion-> Vizualisacion-> Imagenes y Colores-> Colores
    -> CsStyleths. xD y pegas el siguiente code xD, jaja

    Código:
    * div.postprofile dl dd{
    display: none;
    }
    * div.postprofile dl dt{
    padding-bottom: 88px;
    background: url("Url de imagen de boton") no-repeat scroll bottom center;
    }
    * div.postprofile dl:hover dd{
    display: block;
     left: -10px; top: -10px;
    widht: 220px;
    background: white;
     border: 4px solid black;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-box-shadow: 0px 0px 10px gray;
    -webkit-box-shadow: 0px 0px 10px gray;
    box-shadow: 0px 0px 10px black;
    float: center;
    text-shadow: black 5px 0px 5px;
    }
    * div.postprofile dl:hover dt{
    padding-bottom: 0px;
      left: -10px; top: -10px;
    widht: 220px;
    background: white;
     border: 4px solid black;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-box-shadow: 0px 0px 10px gray;
    -webkit-box-shadow: 0px 0px 10px gray;
    box-shadow: 0px 0px 10px black;
    float: center;
    text-shadow: black 5px 0px 5px;
    }

    .logo:hover{
    border: 4px solid black;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-box-shadow: 0px 0px 10px gray;
    -webkit-box-shadow: 0px 0px 10px gray;
    box-shadow: 0px 0px 10px black;
    float: center;
    text-shadow: black 5px 0px 5px;
    }

    Puedes modificar los colores, lo que quieras segun a tu gusto, ami me gusto mucho xd,.


    Última edición por th3 v3ng4d0r el Mar Sep 07, 2010 6:34 pm, editado 1 vez
    avatar
    MISSARG


    Femenino

    Re: Efecto al pasar el mouse sobre el perfil

    Mensaje por MISSARG el Mar Sep 07, 2010 5:53 pm


    igual al efecto que hice en phpbb2 pero se parece mucho..


    Cual tutorial? :S: gracias por el aporte (^^)







    La descomposición de  todo comienza por la decadencia de los principios , yo me puedo caer, pero mis principios siguen intactos y me siento orgullosa de que asi sea.
    avatar
    MarioGM


    Masculino Lugar : En mi zaja - dulces sueños en mi amado peru

    Re: Efecto al pasar el mouse sobre el perfil

    Mensaje por MarioGM el Mar Sep 07, 2010 6:05 pm

    es que en pbbh, hay otro que lo voii a postear, despues,,, es que no me alcanzo tiempo... espera luego lo posteeeo, en phh2 es mas chevere, bye
    avatar
    MISSARG


    Femenino

    Re: Efecto al pasar el mouse sobre el perfil

    Mensaje por MISSARG el Mar Sep 07, 2010 7:42 pm

    ahhh :(ahh2):







    La descomposición de  todo comienza por la decadencia de los principios , yo me puedo caer, pero mis principios siguen intactos y me siento orgullosa de que asi sea.

    Contenido patrocinado

    Re: Efecto al pasar el mouse sobre el perfil

    Mensaje por Contenido patrocinado


      Fecha y hora actual: Vie Ago 17, 2018 6:06 am