Volver transparente el cuerpo del hi5

Tema en 'Foro Libre' iniciado por josi, 20 Jul 2009.

  1. jos

    josi
    Expand Collapse
    Cabo

    Mensajes:
    187
    Me Gusta recibidos:
    0
    El efecto de este cod es volver transparente el cuerpo del hi5 hasta pasar el mouse

    Código:
    #p_container {filter:alpha(opacity=0); -moz-opacity: 0; backgound-color: black; !important;}
      {---#Ninio.Curioso-Hi5#---}
    #p_container:hover {filter:alpha(opacity=100); -moz-opacity: 1;   overflow-x:none;overflow-y:visible !important;}

    y de que sirve eso no?
    bueno lo que falta aqi es imaginacion y una buena combinacion de cod
    solo debemos agregar el hover del body
    este


    Código:
    body {background-color: black;
    background-image: url(http://i43.tinypic.com/2n9aryv.jpg);width: 77%;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    border:none;}
    
    body:hover {background-color: black;
    background-image: url();
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    border:none;}


    y lograremoz un efecto grandiozo

    Aqui todo el cod corregido y junto



    Código:
    <style type='text/css'>
    #p_container {filter:alpha(opacity=0); -moz-opacity: 0; backgound-color: black; !important;}
      {---#Ninio.Curioso-Hi5#---}
    #p_container:hover {filter:alpha(opacity=100); -moz-opacity: 1;   overflow-x:none;overflow-y:visible !important;}
    body {background-color: black;
    background-image: url(http://i43.tinypic.com/2n9aryv.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    border:none;}
    
    body:hover {background-color: black;
    background-image: url(URL-DE LA OTRA IMGEN DE FONDO-);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    border:none;}
    </style>
    


    aca capturas :

    [​IMG]




    y aca la captura de como queradar cunado pones el puntero por encima


    [​IMG]



    para los qe usan FF 3.5
    usen esto:

    Código:
    #p_container {filter:alpha(opacity=0); opacity: 0; backgound-color: black; !important;}
      {---#Ninio.Curioso-Hi5#---}
    #p_container:hover {filter:alpha(opacity=100);  opacity: 1 !important;}

    Fuente : http://foro.geek-team.net/
     

Compartir esta página