Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : IImanuII 14 Jan 2010, 15:05:20
-
Premetto che cercando con google ho trovato svariate soluzioni ma nessuna ha funzionato.
Sullo stesso forum ho trovato questo topic
http://forum.joomla.it/index.php?topic=82054.msg361475
Ho fatto come segue:
Ho modificato template.css inserendoci
body {
font-family: Helvetica,Arial,sans-serif;
line-height: 1.3em;
margin: 0px 0px 0px 0px;
font-size: 12px;
color: #333;
cursor: url(INDIRIZZO/IMMAGINE.jpg), auto;
}cambiando ovviamente l'indirizzo dell'immagine, ma il risultato è stato nullo.
Su quel topic porta anche
.container {
cursor:_value_;
}Tuttavia non so come utilizzarlo :|
La mia esigenza è che il cursore del mouse sia un immagine per tutto il corpo della pagina, e al passaggio su un link l'immagine cambi.
Ho postato qui perchè non so se sia un problema di template :|
Per farvi un idea del template che uso vi lascio il link del sito.
Grazie Manu
http://mietitori-di-anime.webege.com/
-
Invece funziona IImanuII !
Aggiungendo al body questa riga:
cursor: url(../images/arrow.gif), auto;
l'immagine del cursore cambia in tutta la pagina.
Ma sopra i link torna la manina. Immagino che ci vorrà una riga anche per il mouse over... ;)
E con IE6 non va... >:(
-
Perfetto funziona benissimo XD
non hai qualche soluzione per il passaggio del mouse XD?
Con ie7 non funziona :|
-
Perdonami tu. Davo per scontato che la devi inserire nel selettore body del tuo css
body {
cursor: url(../images/arrow.gif), auto;
}Ovviamente devi mettere la tua immagine arrow.gif dentro la cartella images del template in uso.
Per il mouse over prova con una regole del genere
a:hover{
cursor: url(../images/altra.gif), auto;
} Però bisogna fare prove perchè potrebbe andare su alcuni link mentre in altri potrebbe essere sovrascritta da regole più specifiche...
-
Avevo modificato il post di prima perchè ci sono riuscito XD
Grazie :P
-
Scusa se ti "molesto" ancora :D la funzione a:hover non va in alcuna pagina :O
Tuttavia sul web girovagando ho trovato questo
/* CSS */
a:hover {
cursor: url("DATA_LINK"), auto !important;
}sai che cos'è quell'important e che funzione ha?
Con quell'"aggiunta" al passaggio del mouse su un link l'immagine cambia perfettamente, solo che non mi piace fare le cose senza capire :) illuminami *_*
Grazie :)
Il codice della mia pagina css è scritto così:
/* CSS */
a:hover {
cursor: url(http://mietitori-di-anime.webege.com/images/cursor/Hand.png), auto !important;
}
/* begin Page */
body
{
margin: 0 auto;
padding: 0;
background-color: #000000;
background-image: url('../images/Page-BgTexture.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top center;
cursor: url(http://mietitori-di-anime.webege.com/images/cursor/cursor.cur), auto;
}
-
http://css.html.it/articoli/leggi/2148/css-tecniche-indispensabili/