[Diversos Efectos Actualizaciones recientes]

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

  1. Kaz

    Kazuya
    Expand Collapse
    Mayor

    Mensajes:
    872
    Me Gusta recibidos:
    1
    Espero les sirva ★ Gracias


    Para ponerle un separador como a los comentarios


    Código:
    <style>
    .update-separator-nobor {DISPLAY: block;background:url(url de la imagen) !important;HEIGHT:30px! important;background-repeat: no-repeat! important;background-position: center! important;}</style>
    [​IMG]

    Cambiar el icono (el corazon)



    Código:
    <style>
    .friend-update .icon{background-image: url(url d la imagen);width:xxpx;height:xxpx;}
    .friend-update .icon img{visibility:hidden;}</style>
    [​IMG]

    Para efecto hover



    Código:
    <style>.update_comment img:hover {height:100px;width:100px;}</style>



    [​IMG]

    Efecto hover a texto


    Código:
    <style>friend-quote {font-family:Century Gothic;} .friend-quote:hover {font-size:15px;}</style>
    
    [​IMG]

    Bordes en Actualizaciones




    Código:
    <style>.details {border:2px solid #000;}</style>
    [​IMG]

    Para Efecto hover en friend-updates




    Código:
    <style> .friend-update .thumbnails:hover {height:200px;}
    .friend-update .thumbnails img:hover {
    float: front;
    margin-top: 10px;
    margin-right: 7px;
    overflow:hidden;width:100px;height:100px;
    }
    .details:hover {height:200px;border:2px dashed #000;}
    </style>
    [​IMG]


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

Compartir esta página