Link con effetto "Rollover"

[ Skinning ]

« Older   Newer »
 
  Share  
.
  1. Dysturbe
        +1   -1
     
    .

    User deleted


    background-image e height e width

    Edited by Dysturbe - 5/1/2009, 18:49
     
    Top
    .
  2.     +1   -1
     
    .
    Avatar

    Vivo la mia vita inseguendo
    un impossibile
    ma bellissimo sogno...

    Group
    Team
    Posts
    35,340
    Likes
    +106
    Location
    Livorno ma vivo a Parabiago

    Status
    Anonymous
    posta il codice =D se scritto così è sbagliato il background image =)
     
    Top
    .
  3. Dysturbe
        +1   -1
     
    .

    User deleted


    ehm l'ho solo provato non l'ho salvato si cmq era un errore di battitura cioè io metto

    CODICE
    {height: x; width: x; background-image: url(xxx); color: #xxxxxx}
     
    Top
    .
  4.     +1   -1
     
    .
    Avatar

    Vivo la mia vita inseguendo
    un impossibile
    ma bellissimo sogno...

    Group
    Team
    Posts
    35,340
    Likes
    +106
    Location
    Livorno ma vivo a Parabiago

    Status
    Anonymous
    a me funziona, almeno dalla modifica rapida...che immagine usi?
     
    Top
    .
  5. Dysturbe
        +1   -1
     
    .

    User deleted


    questo per il link
    image
    e questo per l'hover^^
    image
     
    Top
    .
  6.     +1   -1
     
    .
    Avatar

    Vivo la mia vita inseguendo
    un impossibile
    ma bellissimo sogno...

    Group
    Team
    Posts
    35,340
    Likes
    +106
    Location
    Livorno ma vivo a Parabiago

    Status
    Anonymous
    con questo va:

    CODICE
    .rollover:link, .rollover:visited{color:#FFF; background-color:transparent; padding-left:10px; display:block; background-image:url(http://digilander.libero.it/simpatrick/Amici8/roll.png);background-repeat:no-repeat; width:130px; height:25px}


    per l'hover sostituisci l'immagine =)
     
    Top
    .
  7. Dysturbe
        +1   -1
     
    .

    User deleted


    Juun non vaaa ç____ç

    ho messo qsto codice in html
    CODICE
    <a href="?f=6325908 class="rollover">Adriano</a>


    e questo in css
    CODICE
    .rollover:link, .rollover:visited{color:#FFF; background-color:transparent; padding-left:10px; display:block; background-image:url(http://digilander.libero.it/simpatrick/Amici8/over.png);background-repeat:no-repeat; width:130px; height:25px}
     
    Top
    .
  8.     +1   -1
     
    .
    Avatar

    Vivo la mia vita inseguendo
    un impossibile
    ma bellissimo sogno...

    Group
    Team
    Posts
    35,340
    Likes
    +106
    Location
    Livorno ma vivo a Parabiago

    Status
    Anonymous
    adattato a forumfree XD

    questo nella tabella:

    CODICE
    <td class="ww" colspan="2">
    <div class="rollover">
    <a href="?f=6325908%20">Adriano</a>
    <a href="?f=6325923">uno</a>
    <a href="?f=6325909">due</a>
    <a href="?f=6325916">tre<br>
    <a href="?f=6325931">quattro</a>
    <a href="?f=6325929">cinque</a>
    <a href="?f=6558151">sei</a>
    </div>
    </td>


    e questo nel css:

    CODICE
    .rollover a:link, .rollover a:visited {color: #000; background-color:transparent; padding-left: 10px; display:block; background-image:url(http://digilander.libero.it/simpatrick/Amici8/over.png); background-repeat:no-repeat; width: 130px; height: 25px}
     
    Top
    .
  9. Dysturbe
        +1   -1
     
    .

    User deleted


    Grazie mille JUUN! ma penso che lo faro' solo colt esto che occupa troppo spazio ç___ç

    almeno ora so come fare!
     
    Top
    .
  10.     +1   -1
     
    .
    Avatar

    Vivo la mia vita inseguendo
    un impossibile
    ma bellissimo sogno...

    Group
    Team
    Posts
    35,340
    Likes
    +106
    Location
    Livorno ma vivo a Parabiago

    Status
    Anonymous
    =) di niente
     
    Top
    .
  11. ~.//A.I
        +1   -1
     
    .

    User deleted


    gracis esta emoxo, saludos [SPOILER][/SPOILER]
     
    Top
    .
  12. ~Acid
        +1   -1
     
    .

    User deleted


    l'ho provato, e mi riesce °_° grazie °_° xD
     
    Top
    .
  13.     +1   -1
     
    .
    Avatar

    Vivo la mia vita inseguendo
    un impossibile
    ma bellissimo sogno...

    Group
    Team
    Posts
    35,340
    Likes
    +106
    Location
    Livorno ma vivo a Parabiago

    Status
    Anonymous
    beh l'obiettivo è che riesca X°D prego =D
     
    Top
    .
  14. Shirokane
        +1   -1
     
    .

    User deleted


    Ho un problema...
    L'ho messo nel CSS

    .rollover:link, .rollover:visited{color:#colore; background-color:#colore}
    .rollover:hover{color:#colore;background-color:#colore}

    Solo che appena modifico mi rimane centrato anche se ho messo text align etc.. Come posso fare per avere un effetto come nella vostra tabella?
     
    Top
    .
  15.     +1   -1
     
    .
    Avatar

    Vivo la mia vita inseguendo
    un impossibile
    ma bellissimo sogno...

    Group
    Team
    Posts
    35,340
    Likes
    +106
    Location
    Livorno ma vivo a Parabiago

    Status
    Anonymous
    allora quel codice è in generale, per usarlo su forumfree va usato il css di forumfree:

    CODICE
    .rollover a:link, .rollover a:visited {color:#colore; background-color:#colore}
    .rollover a:hover{color:#colore;background-color:#colore}


    per spostarlo se hai usato un allineamento a destra sul primo e a sinistra sul secondo codice dovrebbe andare, prova a mettere i selettori come ho scritto sopra.
     
    Top
    .
55 replies since 27/10/2008, 16:32   3784 views
  Share  
.