Imagen en la solicitud de amigos. (Fixed)

Tema en 'Foro Libre' iniciado por Kazuya, 22 Jul 2009.

  1. Kaz

    Kazuya
    Expand Collapse
    Mayor

    Mensajes:
    872
    Me Gusta recibidos:
    1
    Con este código la caja de solicitud queda fija en la pantalla.

    [​IMG]


    Aqui algunas imagenes k hicieron :


    [​IMG]


    Código:
    <style>
    .request-section {position:fixed; z-index:5; left:17%;} .friend-request:hover {opacity:1.0;filter:alpha(opacity=100);-moz-opacity:1.0;}
    .friend-request {background:url([URL]http://i43.tinypic.com/25gw84x.jpg[/URL]) no-repeat center top!important; border:none !important; width:455px !important; padding-top:166px !important;}
    .friend-request {color:black !important; background-color:#d1ecf7 !important; border:#ff6ba7 solid 3px!important; opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;} .friend-request select {color:black !important; border:#ff6ba7 dashed 2px!important; background-color:#d1ecf7;} .request-section .submit {background-color:#d1ecf7 !important; border:#ff6ba7 solid 2px!important; font-family: century gothic;}
    </style>
    

    [​IMG]


    Código:
    <style>
    .request-section {position:fixed; z-index:5; left:17%;} .friend-request:hover {opacity:1.0;filter:alpha(opacity=100);-moz-opacity:1.0;}
    .friend-request {background:url([URL]http://i42.tinypic.com/fnakhf.jpg[/URL]) no-repeat center top!important; border:none !important; width:455px !important; padding-top:166px !important;}
    .friend-request {color:black !important; background-color:#dcffdc !important; border:#fc8c8b solid 3px!important; opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;} .friend-request select {color:black !important; border:#fc8c8b dashed 2px!important; background-color:#dcffdc;} .request-section .submit {background-color:#dcffdc !important; border:#fc8c8b solid 2px!important; font-family: century gothic;}
    </style>
    [​IMG]


    Código:
    <style>
    .request-section {position:fixed; z-index:5; left:17%;} .friend-request:hover {opacity:1.0;filter:alpha(opacity=100);-moz-opacity:1.0;}
    .friend-request {background:url([URL]http://i39.tinypic.com/mcrupu.jpg[/URL]) no-repeat center top!important; border:none !important; width:455px !important; padding-top:166px !important;}
    .friend-request {color:black !important; background-color:white !important; border:#000 solid 3px!important; opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;} .friend-request select {color:black !important; border:#000 dashed 2px!important;} .request-section .submit {background-color:white !important; border:#000 solid 2px!important; font-family: century gothic;}
    </style>
    
    [​IMG]



    Código:
    <style>
    .request-section {position:fixed; z-index:5; left:17%;} .friend-request:hover {opacity:1.0;filter:alpha(opacity=100);-moz-opacity:1.0;}
    .friend-request {background:url([URL]http://i39.tinypic.com/34r9020.jpg[/URL]) no-repeat center top!important; border:none !important; width:455px !important; padding-top:166px !important;}
    .friend-request {color:black !important; background-color:white !important; border:#000 solid 3px!important; opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;} .friend-request select {color:black !important; border:#000 dashed 2px!important;} .request-section .submit {background-color:white !important; border:#000 solid 2px!important; font-family: century gothic;}
    </style>
    Lo que vas a cambiar es esta caja que sale cuando tú le haz enviado la solicitud a alguien, ese usuario va a verlo como la primera imagen.

    [​IMG]


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

     

Compartir esta página