Ruleta de amigos en Intereses

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

  1. jos

    josi
    Expand Collapse
    Cabo

    Mensajes:
    187
    Me Gusta recibidos:
    0
    Esta es una manera de poner los amigos principales, dentro de acerca de mi
    sin mover la seccion o hacer algo raro a su hi5.

    El codigo hace una circulo de amigos, dejando un espacio
    en medio y cada que pasas el mouse por encima de un amigo
    en la parte de enmedio aparece en grande la imagen de ese amigo
    o cualquier otra imagen que quieras.

    Bueno pss este es el codigo:

    Código:
    <div id="symarcs-galeria">
    <a class="symarcs-imagen" href="URL_de_tu_amigo"><img class="fotos" src="URL de la imagen que forma el circulo" title="Amigo1"/><span><img class="ventana" src="URL de la imagen que aparecera"/><br/></span></a>
    
    <a class="symarcs-imagen" href="URL_de_tu_amigo"><img class="fotos" src="URL de la imagen que forma el circulo" title="Amigo12"/><span><img class="ventana" src="URL de la imagen que aparecera"/></span></a>
       
    <a class="symarcs-imagen" href="URL_de_tu_amigo"><img class="fotos" src="URL de la imagen que forma el circulo" title="Amigo11"/><span><img class="ventana" src="URL de la imagen que aparecera"/><br/></span></a>
    
    <a class="symarcs-imagen" href="URL_de_tu_amigo"><img class="fotos" src="URL de la imagen que forma el circulo" title="Amigo10"/><span><img class="ventana" src="URL de la imagen que aparecera"/><br/></span></a>
    
    </br><a class="symarcs-imagen" href="URL_de_tu_amigo"><img class="fotos" src="URL de la imagen que forma el circulo" title="Amigo2"/><span><img class="ventana" src="URL de la imagen que aparecera"/><br/></span></a>
    
    <a id="pad" class="symarcs-imagen" href="URL_de_tu_amigo"><img class="fotos" src="URL de la imagen que forma el circulo" title="Amigo9"/><span><img class="ventana" src="URL de la imagen que aparecera"/></span></a>
    
    </br><a class="symarcs-imagen" href="URL_de_tu_amigo"><img class="fotos" src="URL de la imagen que forma el circulo" title="Amigo3"/><span><img class="ventana" src="URL de la imagen que aparecera"/><br/></span></a>
    
    <a id="pad" class="symarcs-imagen" href="URL_de_tu_amigo"><img class="fotos" src="URL de la imagen que forma el circulo" title="Amigo8"/><span><img class="ventana" src="URL de la imagen que aparecera"/></span></a>
    
    </br><a class="symarcs-imagen" href="URL_de_tu_amigo"><img class="fotos" src="URL de la imagen que forma el circulo" title="Amigo4"/><span><img class="ventana" src="URL de la imagen que aparecera"/><br/></span></a>
    
    <a class="symarcs-imagen" href="URL_de_tu_amigo"><img class="fotos" src="URL de la imagen que forma el circulo" title="Amigo5"/><span><img class="ventana" src="URL de la imagen que aparecera"/><br/></span></a>
    
    <a class="symarcs-imagen" href="URL_de_tu_amigo"><img class="fotos" src="URL de la imagen que forma el circulo" title="Amigo6"/><span><img class="ventana" src="URL de la imagen que aparecera"/><br/></span></a>
    
    <a class="symarcs-imagen" href="URL_de_tu_amigo"><img class="fotos" src="URL de la imagen que forma el circulo" title="Amigo7"/><span><img class="ventana" src="URL de la imagen que aparecera"/><br/></span></a>
    </div>
    Cambian:
    URL_de_tu_amigo --> por la direccion hi5 de cada amigo
    URL de la imagen que forma el circulo --> Son las imagenes que estan alrededor
    URL de la imagen que aparecera --> Es la imagen q aparecera al poner el mouse encima de una imagen de alrededor.



    Ahora una imagen para que vean el funcionamiento.
    Asi es como se ve cuando el mouse no esta sobre
    ningun amigo:



    [​IMG]



    Este es el efecto cuando se pasa por encima de un amigo :

    [​IMG]



    El codigo funciona bn en IE y en FF.



     
  2. Don

    DonKan
    Expand Collapse
    Teniente Coronel
    Usuario destacado

    Mensajes:
    1.844
    Me Gusta recibidos:
    0
    :arriba::arriba::arriba::arriba:

    Mui InTerezanTe ezTe KoDiiGoO :aplauso:

    Nunka lo avia VizToO :pensando:

    ze aGraDeCe el KODE :si:

    Atte. ●€vilJairO● :mad:
     
  3. lRa

    lRay
    Expand Collapse
    Teniente Coronel

    Mensajes:
    1.094
    Me Gusta recibidos:
    6
    te pido fuentes en dichos temas.. ya que me percate de que no es tuyo..

    ese codigo lo iso un amigo mio Symarcs para ser exacto..

    si no veo fuentes en dichos temas me vere obligado a borrarlos

    tabn pasa por las reglas amigo ya te lo dije un ves

    saludoz!
     
  4. jos

    josi
    Expand Collapse
    Cabo

    Mensajes:
    187
    Me Gusta recibidos:
    0
    Esta Bn Men pondre Fuentes a mis Temas!

    Y Respecto a lo k me dijistes de en un solo tema postear codigos

    eso no se va a poder pq cuando hago azi se me desordena los codigos ! :si:

    Bueno espero k hayas entendido
     
  5. pic

    pichonservis
    Expand Collapse
    Subteniente

    Mensajes:
    573
    Me Gusta recibidos:
    0
    es bueo el codigo pero a la ves para estar copia y pega ya esto da un poco de perecita para los user
     
  6. XxX

    XxXGogetaXxX
    Expand Collapse
    Mayor
    Usuario destacado

    Mensajes:
    884
    Me Gusta recibidos:
    0
  7. k99

    k99999
    Expand Collapse
    Recluta

    Mensajes:
    2
    Me Gusta recibidos:
    0
    nmms! esse codiwo no estuyo we
    pero = )
    grax
     
  8. che

    chelekevin
    Expand Collapse
    Recluta

    Mensajes:
    4
    Me Gusta recibidos:
    0
    ei donde pongo eze codigo ??? perdon soy nuevo xD
     
  9. lRa

    lRay
    Expand Collapse
    Teniente Coronel

    Mensajes:
    1.094
    Me Gusta recibidos:
    6
    en Acerca de mí de tu perfil..
    saludoz!
     
  10. INF

    INFAMOUS
    Expand Collapse
    Subteniente

    Mensajes:
    507
    Me Gusta recibidos:
    0
    q buen kodigo lo utilizre:adios:
     
  11. Xio

    Xioffla
    Expand Collapse
    Teniente Coronel

    Mensajes:
    1.854
    Me Gusta recibidos:
    4
    Se ve bueno, abra ke acer cambios constantes al hi
    Gracias por los codigos man :eek:ki:
     

Compartir esta página