Volver transparente el cuerpo del hi5

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

  1. 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