Firma animata personalizzata

Un regalino per gli Utenti di Pets Life :)

« Older   Newer »
 
  Share  
.
  1.  
    .
    Avatar


    Group
    Moderatore
    Posts
    6,002
    Location
    Godric's Hollow

    Status
    Anonymous
    Giulia le foto vanno inserite già ridimensionate. Ho provveduto io a farle più piccole, però c'è un problema. Solo una foto di Molly sono riuscito a ritagliare, le altre sono troppo piccole e non aumentano le misure.

    6e4114opt

    Non ne hai altre di Charlie?
    ContactsWeb
     
    Top
    .
  2. Cerbiatta03
     
    .

    User deleted


    Ne avrei altre, ma sono tutte o sfocate o dove c'è Charlie che però non si vede bene :nono2: , perciò queste sono le migliori. Grazie comunque :) . Aspetterò Kiara: vediamo se lei riuscirà in qualche modo a ridimensionarle... :confused:
     
    Top
    .
  3.  
    .
    Avatar


    Group
    Admin
    Posts
    9,203
    Location
    Bergamo prov.

    Status
    Offline
    Ciao Giulia! Come ha detto Davide, le dovresti ridimensionare...

    1. Come ridimensionare le foto e renderle quadrate
    2. Come caricare le foto in questa discussione

    Se c'è qualche passaggio che non riesci a fare basta chiedere ;)
    ContactsWeb
     
    Top
    .
  4. Cerbiatta03
     
    .

    User deleted


    Ciao Kia, ecco le foto ridimensionate :) :








    Più di così non sono riuscita a ridimensionarle. :nono2:
     
    Top
    .
  5.  
    .
    Avatar


    Group
    Admin
    Posts
    9,203
    Location
    Bergamo prov.

    Status
    Offline
    Io te le metto anche così, non ho problemi, solo che se non sono quadrate il codice le forza ad essere quadrate e come risultato hai delle immagini stirate o compresse in orizzontale o in verticale...

    Per esempio nell'ultima foto vedresti il cane appiattito in questo modo:


    Per mantenere la proporzione quadrata devi mettere la spunta al lucchetto, come indicato dalla freccia rossa... E settare 200x200
    pnfU7
    ContactsWeb
     
    Top
    .
  6. Cerbiatta03
     
    .

    User deleted


    Ok, ora l' ho fatta diventare un po' più quadrata:

    Va bene ora :) ?
     
    Top
    .
  7.  
    .
    Avatar


    Group
    Admin
    Posts
    9,203
    Location
    Bergamo prov.

    Status
    Offline
    Uhm... diciamo che la foto, per non essere stirata, dovrebbe essere quadrata e basta, non "un po' più quadrata" :ops:
    Ma l'hai messa la spunta al lucchetto come indicato in figura? Mi pare strano che non ti blocchi le proporzioni...

    Comunque se vuoi te la faccio lo stesso la firma. Ripeto, io non ho problemi. L'unica cosa appunto è che vedrai le foto un po' stirate... è per te più che altro, non per me :)








    E qui il codice!
    HTML
    <div class="firma_animata">
    <a href="http://petslife.blogfree.net/?t=4502898"><img class="img1" src="http://i41.tinypic.com/2udxmkn.jpg"/></a>
    <a href="http://petslife.blogfree.net/?t=4526543"><img class="img2" src="http://i44.tinypic.com/5o9m6d.jpg"/></a>
    <a href="http://petslife.blogfree.net/?t=4502898"><img class="img3" src="http://i41.tinypic.com/350sa5d.jpg"/></a>
    <a href="http://petslife.blogfree.net/?t=4526543"><img class="img4" src="http://i42.tinypic.com/9awbuw.jpg"/></a>
    </div>
    ContactsWeb
     
    Top
    .
  8. Cerbiatta03
     
    .

    User deleted


    GRAZIE KIARAAA!!!! è stupenda! La metto subito in firma! GRAZIE senza di te che faremo?
     
    Top
    .
  9.  
    .
    Avatar


    Group
    Admin
    Posts
    9,203
    Location
    Bergamo prov.

    Status
    Offline
    Di nulla, figurati! :)
    Senza di me andreste avanti comunque! Siete/siamo un bel gruppo e vedo che il forum funziona bene anche senza di me. Vi devo ringraziare di cuore per questo ;)
    ContactsWeb
     
    Top
    .
  10.  
    .
    Avatar


    Group
    Admin
    Posts
    9,203
    Location
    Bergamo prov.

    Status
    Offline
    Ho aggiunto una funzione: ora è possibile visualizzare il nome dell'animale quando si posiziona il mouse sulla foto. Apparirà una sorta di etichetta gialla. Potete vedere la demo nella mia firma e nel primo post di questa discussione, dove ho anche aggiornato il codice. Ora c'è una versione CON etichetta gialla e SENZA etichetta gialla.

    Vi piace?

    Se volete aggiornare la vostra firma, come al solito, posso aiutarvi col codice :)
    ContactsWeb
     
    Top
    .
  11.  
    .
    Avatar


    Group
    Moderatore
    Posts
    6,002
    Location
    Godric's Hollow

    Status
    Anonymous
    Certo che mi va. Idee sempre più ingegnose, complimenti. :)
    Non ti turba troppo lavoro? :P
    ContactsWeb
     
    Top
    .
  12.  
    .
    Avatar


    Group
    Admin
    Posts
    9,203
    Location
    Bergamo prov.

    Status
    Offline
    Non so chi dei due è Milo o Tara ^^"
    Eventualmente sistema tu i nomi :P



    HTML
    <div class="firma_animata">
    <a href="http://petslife.blogfree.net/?t=4421643"><img class="img1" src="http://img541.imageshack.us/img541/5016/2013030414opt.jpg"/><span class="petname1">Alvìn</span></a>
    <a href="http://petslife.blogfree.net/?t=4421475"><img class="img2" src="http://img542.imageshack.us/img542/5122/2013040318opt.jpg"/><span class="petname2">Sirio</span></a>
    <a href="http://petslife.blogfree.net/?t=4512562"><img class="img3" src="http://img24.imageshack.us/img24/7888/2013041213opt1.jpg"/><span class="petname3">Milo</span></a>
    <a href="http://petslife.blogfree.net/?t=4512562"><img class="img4" src="http://img607.imageshack.us/img607/4223/2013041213opt.jpg"/><span class="petname4">Tara</span></a>
    <a href="http://petslife.blogfree.net/?t=4421487"><img class="img5" src="http://img706.imageshack.us/img706/1258/16338945139487492681411.jpg"/><span class="petname5">Maya</span></a>
    </div>


    CITAZIONE
    Non ti turba troppo lavoro?

    Lavoro sul codice no... mi diverte, quasi :P
    In un certo senso mi rilassa e mi piace vedere che da semplici stringhe di testo prendono vita immagini, forme, colori e animazioni :)
    Tutte le cose "extra" che faccio, le faccio perché mi piacciono o mi divertono o mi stuzzicano la creatività. Di certo non mi metto a scrivere codice se non ne ho voglia o se mi pesa :P
    ContactsWeb
     
    Top
    .
  13.  
    .
    Avatar


    Group
    Moderatore
    Posts
    6,002
    Location
    Godric's Hollow

    Status
    Anonymous
    Io non so che dirti se non un grazie. Sei davvero molto buona, mi complimento con te. :)
    Aggiorno la firma.
    ContactsWeb
     
    Top
    .
  14. iryng78
     
    .

    User deleted


    In'effetti e' proprio la ciliegina sulla torta! Grazie Kia, appena pissi l'aggiorno anch'io :)
     
    Top
    .
  15. Cerbiatta03
     
    .

    User deleted


    Wow, carina l' idea della targhetta ! Potresti prepararmi il codice HTML anche per le mie foto? Sempre se ti va. Grazie in anticipo :D !
     
    Top
    .
85 replies since 15/4/2013, 16:49   953 views
  Share  
.