-
|
| .
|
.:Divinità:.
- Group
- Precursore
- Posts
- 26,519
- Status
- Anonymous
|
|
Per ottenere questo risultato (che è presente sul nostro forum) dovete andare in Amministrazione/Grafica/ e inserire questo codice:
CODICE /* Codici per le imamgini che si ingrandiscono */
.originale {position: relative; z-index: 0}
.originale:hover {background-color: #1E1E1E; z-index: 9}
.originale span {position: absolute; background-color: #FFFFFF; padding: 5px; left: -1000px; display: none; border: 3px solid #000000; visibility: hidden; color: black; text-decoration: none; font-weight: bold}
.originale span img {border-width: 0; padding: 2px}
.originale:hover span {visibility: visible; top: 10px; display: block; left: 15px}
.anteprima {position: relative; z-index: 0}
.anteprima:hover {background-color: transparent; z-index: 9}
.anteprima span {position: absolute; background-color: #969696; padding: 5px; right: 0; display: none; border: 3px solid #000000; visibility: hidden; color: #FFFFFF; text-decoration: none; font-weight: bold}
.anteprima span img {border-width: 0; padding: 2px}
.anteprima:hover span {visibility: visible; top: -230px; display: block; width: 170px; left: -40}
Evitate di modificare il codice se non ne avete un'adeguata conoscenza ^^
Per far apparire quell'effetto a un'immagine desiderata (per esempio in una tabella della home page) dovete utilizzare un particolare codice. Nel codice verranno inseriti i link della immagine di dimensioni piccole e quella di dimensioni maggiori.
CODICE <a class="originale" href="Collegamento ipertestuale dell'immagine (facoltativo)"> <img src="Link immagine piccola" ><span><img src="Link immagine grande"></span></a>
Un esempio lo potete trovare nella home del forum dove le immagini dello staff si ingrandiscono è portano al loro profilo (con un semplice collegamento ipertestuale).
|
|
|
| .
|
0 replies since 22/2/2011, 17:57 8 views
.
.
Web