Ruleta de amigos en Intereses

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

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

    Mui InTerezanTe ezTe KoDiiGoO :aplauso:

    Nunka lo avia VizToO :pensando:

    ze aGraDeCe el KODE :si:

    Atte. ●€vilJairO● :mad:
     
  3. 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. 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. es bueo el codigo pero a la ves para estar copia y pega ya esto da un poco de perecita para los user
     
  6. nmms! esse codiwo no estuyo we
    pero = )
    grax
     
  7. ei donde pongo eze codigo ??? perdon soy nuevo xD
     
  8. en Acerca de mí de tu perfil..
    saludoz!
     
  9. q buen kodigo lo utilizre:adios:
     
  10. Se ve bueno, abra ke acer cambios constantes al hi
    Gracias por los codigos man :eek:ki:
     

Compartir