Visualizzazione dei risultati da 1 a 8 su 8

Discussione: rollover?

  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2009
    Messaggi
    141

    rollover?

    Vorrei saper che codice hanno usato per far il rollover delle immagini dello staff ^_^ sul seguente sito /Forum:

    http://ranmanibunnoichi.forumcommunity.net/

    Se mi dite vi sarò eternamente grato ^_^

    Spero di esser stato chiaro ^^

  2. #2

    Re: rollover?

    Originariamente inviato da belvanew
    Vorrei saper che codice hanno usato per far il rollover delle immagini dello staff ^_^ sul seguente sito /Forum:

    http://ranmanibunnoichi.forumcommunity.net/

    Se mi dite vi sarò eternamente grato ^_^

    Spero di esser stato chiaro ^^
    credo tu sia nella sezione sbagliata! dovresti postare nella sezione CSS...(Credo che il primo moderatore libero lo farà non appena se ne accorgerà)

    Cmq così a prima vista mi sembra abastanza semplice.. se apri la pagina web si nota tutta a sinistra una immagine che sembra tagliata.. ecco quella in realtà è una delle immagini che vedi quando passi sopra a quelle piccoline dello staff...

    Tale effetto si ha con un CSS che imposta il cambiamento della posizione delle immagini, che credo sarà negativa, all'inizio alla posizione desiderata quando si passa con il mouse sopra alle immagini piccole... spero di esser stato chiaro!
    "Due cose riempiono l’animo di ammirazione e venerazione sempre nuova e crescente, quanto piú spesso e piú a lungo la riflessione si occupa di esse: il cielo stellato sopra di me, e la legge morale in me..." Immanuel Kant

  3. #3
    Ora guardando il sorgente ti dico che sta tutto già scritto li e mi conferma quello che ti ho sopra spiegato:

    codice:
    .thumbnail{ 
    position: relative; 
    z-index: 0; 
    } 
     
    .thumbnail:hover{ 
    background-color: transparent; 
    z-index: 9; 
    } 
     
    .thumbnail span{ /*CSS for enlarged image*/ 
    position: absolute; 
    background-color: white; 
    padding: 5px; 
    left: -1000px; 
    border: 1px dashed gray; 
    visibility: solid; 
    color: black; 
    text-decoration: none; 
    } 
     
    .thumbnail span img{ /*CSS for enlarged image*/ 
    border-width: 0; 
    padding: 2px; 
    } 
     
    .thumbnail:hover span{ /*CSS for enlarged image on hover*/ 
    visibility: visible; 
    top: 0; 
    left: 60px; /*position where enlarged image should offset horizontally */ 
     
    }
    e questo conferma ancor di più che sei nella sezione sbagliata!
    "Due cose riempiono l’animo di ammirazione e venerazione sempre nuova e crescente, quanto piú spesso e piú a lungo la riflessione si occupa di esse: il cielo stellato sopra di me, e la legge morale in me..." Immanuel Kant

  4. #4
    Infine se ti posso dare un consiglio lascia perdere sta pagina che a me sembra fatta con i piedi (anche se graficamente è carina , sempre se ci dimentichiamo l'immagine tutta a sinistra!!) e guardati un po di guide ed articoli qui http://css.html.it/ dove imparerai a creare pagine web esteticamente belle e soprattutto ben costruite!
    "Due cose riempiono l’animo di ammirazione e venerazione sempre nuova e crescente, quanto piú spesso e piú a lungo la riflessione si occupa di esse: il cielo stellato sopra di me, e la legge morale in me..." Immanuel Kant

  5. #5
    Utente di HTML.it
    Registrato dal
    Sep 2009
    Messaggi
    141
    Originariamente inviato da Whitecrowsrain
    Infine se ti posso dare un consiglio lascia perdere sta pagina che a me sembra fatta con i piedi (anche se graficamente è carina , sempre se ci dimentichiamo l'immagine tutta a sinistra!!) e guardati un po di guide ed articoli qui http://css.html.it/ dove imparerai a creare pagine web esteticamente belle e soprattutto ben costruite!
    lo so che non è fatto bene perchè probabilmente non avendo successo si è bloccato li !

    e quest'altro forum/blog :http://animeemangageneration.blogfree.net/ anche questo è in fase di ristrutturazione poichè subisce molti attacchi di Hacker !

  6. #6
    Moderatore di Programmazione L'avatar di LeleFT
    Registrato dal
    Jun 2003
    Messaggi
    17,328

    Moderazione

    Nulla a che vedere con "Programmazione".
    Sposto su CSS.

    PS: Leggere il regolamento vale sempre come regola generale... il titolo non era conforme per l'area in cui hai postato.

    Ciao.
    "Perchè spendere anche solo 5 dollari per un S.O., quando posso averne uno gratis e spendere quei 5 dollari per 5 bottiglie di birra?" [Jon "maddog" Hall]
    Fatti non foste a viver come bruti, ma per seguir virtute e canoscenza

  7. #7
    Originariamente inviato da belvanew
    lo so che non è fatto bene perchè probabilmente non avendo successo si è bloccato li !

    e quest'altro forum/blog :http://animeemangageneration.blogfree.net/ anche questo è in fase di ristrutturazione poichè subisce molti attacchi di Hacker !
    i siti si completano prima che questi abbiano successo!

    Cmq quei forum sono generati da un CMS quindi non prenderli in esempio perchè non sono affatto didattici!

    Mi sa che devi partire dalle basi.. spero tu stia spulciando quella serie di giude ed articoli presenti nel link che ti ho passato!!!
    "Due cose riempiono l’animo di ammirazione e venerazione sempre nuova e crescente, quanto piú spesso e piú a lungo la riflessione si occupa di esse: il cielo stellato sopra di me, e la legge morale in me..." Immanuel Kant

  8. #8
    Utente di HTML.it
    Registrato dal
    Sep 2009
    Messaggi
    141
    Originariamente inviato da Whitecrowsrain
    i siti si completano prima che questi abbiano successo!

    Cmq quei forum sono generati da un CMS quindi non prenderli in esempio perchè non sono affatto didattici!

    Mi sa che devi partire dalle basi.. spero tu stia spulciando quella serie di giude ed articoli presenti nel link che ti ho passato!!!
    se pero come ho già detto che ci sono gli hacker che prediligono attaccare il seguente blog/forum:
    http://animeemangageneration.blogfree.net/

    ed è anche per questo che i forum non sono mai pronti

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.