aiuto per sistemare calendario dell'avvento


aiuto per sistemare calendario dell'avvento

Messaggio Da erika87 il Lun 14 Dic 2009 - 11:02

Ciao a tutti! poco tempo fa avevo chiesto aiuto per ottenere uno script di un calendario dell'avvento per il forum.

Molto gentilmente ho ricevuto proprio un bellissimo script di questo calendario a forma di albero. Purtroppo però era troppo grande...e dovendolo mettere nell'indice occupava troppo spazio e avevo gli argomenti troppo in basso.

così con un pò di pazienza ho cercato di capire il codice e me lo sono modificata in modo da creare un calendario dell'avvento lineare...e quindi che occuppasse pochissimo spazio! ci sono riuscita!!!

unica pecca...funziona bene solo con firefox...mentre con internet explorer è bruttino perchè attorno alle immagini si crea uno sfondo grigio Sad...vi dò il link al mio forum così se volete potete guardare la differenza aprendolo prima con firefox e poi con i.e.

http://gnam.forumattivo.com

(come vedrete con firefox passando il mouse sopra alle caselle già aperte l'immagine "scompare" temporaneamente per vedere il numero del giorno mentre su internet explorer è tutto statico...)...

per cui vi chiedo...molto gentilmente riuscireste a modificarmi lo script in modo che sia compatibile anche con in internet explorer?

GRAZIE!!!

lo script è questo:

<style type="text/css">
#advent_calendar {
background-image: url(http://i46.tinypic.com/214tn5k.png);;
width:1000px;
height:60px;
position:relative;
}
#advent_calendar div {
position: absolute;
background-position: 0 0;
display: none;
}
#advent_calendar div:hover {
background: none;
}
#ac_d1 { background-image: url(http://i48.tinypic.com/13zu1hx.png); left: 0px; top:3px; width: 40px; height: 50px; }
#ac_d2 { background-image: url(http://i45.tinypic.com/5ugwax.png); left: 40px; top: 4px; width: 40px; height: 53px; }
#ac_d3 { background-image: url(http://i45.tinypic.com/6j26g9.png);left: 80px; top: 8px; width: 40px; height: 40px; }
#ac_d4 { background-image: url(http://i46.tinypic.com/oi4xzk.png); left: 120px; top: 6px; width: 45px; height: 40px; }
#ac_d5 { background-image: url(http://i47.tinypic.com/200zkg0.png); left: 160px; top: 7px; width: 40px; height: 43px; }
#ac_d6 { background-image: url(http://i47.tinypic.com/2q3c3rb.jpg); left: 200px; top: 6px; width: 39px; height: 39px; }
#ac_d7 { background-image: url(http://i47.tinypic.com/nywf9x.png); left: 240px; top: 6px; width: 40px; height: 40px; }
#ac_d8 { background-image: url(http://i48.tinypic.com/205w8r9.jpg); left: 280px; top: 6px; width: 45px; height: 47px; }
#ac_d9 { background-image: url(http://i49.tinypic.com/2j41o37.png); left: 320px; top: 8px; width: 44px; height: 40px; }
#ac_d10 { background-image: url(http://i49.tinypic.com/ixzj0p.png); left: 360px; top: 0px; width: 40px; height: 60px; }
#ac_d11 { background-image: url(http://i47.tinypic.com/2irlvt5.png); left: 400px; top: 5px; width: 40px; height: 50px; }
#ac_d12 { background-image: url(http://i49.tinypic.com/qnsh89.png); left: 440px; top: 5px; width: 40px; height: 46px; }
#ac_d13 { background-image: url(http://i47.tinypic.com/2eoid61.png); left: 480px; top: 8px; width: 40px; height: 46px; }
#ac_d14 { background-image: url(http://i48.tinypic.com/wspu6w.png); left: 520px; top: 8px; width: 41px; height: 40px; }
#ac_d15 { background-image: url(http://i46.tinypic.com/2i90088.png); left: 560px; top: 8px; width: 40px; height: 42px; }
#ac_d16 { background-image: url(http://i48.tinypic.com/24nhgyw.png); left: 600px; top: 8px; width: 46px; height: 40px; }
#ac_d17 { background-image: url(http://i49.tinypic.com/29ztt8k.png); left: 640px; top: 1px; width: 36px; height: 60px; }
#ac_d18 { background-image: url(http://i47.tinypic.com/2sb3dpf.png); left: 680px; top: 5px; width: 40px; height: 50px; }
#ac_d19 { background-image: url(http://i50.tinypic.com/10r73pt.png); left: 720px; top: 8px; width: 40px; height: 45px; }
#ac_d20 { background-image: url(http://i47.tinypic.com/um1w8.png); left: 760px; top: 8px; width: 40px; height: 40px; }
#ac_d21 { background-image: url(http://i45.tinypic.com/28swjh2.png); left: 800px; top: 8px; width: 40px; height: 40px; }
#ac_d22 { background-image: url(http://i46.tinypic.com/2qcmds3.png); left: 840px; top: 8px; width: 41px; height: 40px; }
#ac_d23 { background-image: url(http://i46.tinypic.com/34isdxf.png); left: 880px; top: 5px; width: 40px; height: 40px; }
#ac_d24 { background-image: url(http://i48.tinypic.com/1zzzh0.png); left: 920px; top: 9px; width: 40px; height: 40px; }
#ac_d25 { background-image: url(http://i49.tinypic.com/2jb1qbq.png); left: 960px; top: 2px; width: 40px; height: 56px; }
</style>
<div id="advent_calendar"><div id="ac_d1"></div><div id="ac_d2"></div><div id="ac_d3"></div><div id="ac_d4"></div><div id="ac_d5"></div><div id="ac_d6"></div><div id="ac_d7"></div><div id="ac_d8"></div><div id="ac_d9"></div><div id="ac_d10"></div><div id="ac_d11"></div><div id="ac_d12"></div><div id="ac_d13"></div><div id="ac_d14"></div><div id="ac_d15"></div><div id="ac_d16"></div><div id="ac_d17"></div><div id="ac_d18"></div><div id="ac_d19"></div><div id="ac_d20"></div><div id="ac_d21"></div><div id="ac_d22"></div><div id="ac_d23"></div><div id="ac_d24"></div><div id="ac_d25"></div></div><script type="text/javascript">var december1= new Date(2009,11,01); var today= new Date(); nb_days=(today-december1)/86400000; var count=0; while(count<=nb_days && count <25) document.getElementById('ac_d'+(++count)).style.display='block'; </script>

erika87
Sono un nuovo membro :)

Messaggi : 49

Vedi il profilo dell'utente http://gnam.forumattivo.com/
erika87 è stato ringraziato dall'autore di questo topic.

Re: aiuto per sistemare calendario dell'avvento

Messaggio Da daniele il Lun 14 Dic 2009 - 17:32

sfiziosissimo.
Con I.E. 8 lo vedo bene.
Confermo che passando il mouse sulle caselle già aperte si vedono i numeri.

Brava!
avatar
daniele
***

Sesso : Maschile
Età : 56
Messaggi : 116
Località : Napoli


Vedi il profilo dell'utente http://vangelo.forumattivo.com
daniele è stato ringraziato dall'autore di questo topic.

Re: aiuto per sistemare calendario dell'avvento

Messaggio Da erika87 il Lun 14 Dic 2009 - 17:34

grazie! io ho internet explorer 6 e non si vede bene Sad...normalmente uso firefox..però pensavo agli utenti che hanno i.e...

erika87
Sono un nuovo membro :)

Messaggi : 49

Vedi il profilo dell'utente http://gnam.forumattivo.com/
erika87 è stato ringraziato dall'autore di questo topic.

Re: aiuto per sistemare calendario dell'avvento

Messaggio Da the crow il Lun 14 Dic 2009 - 19:32

io uso ie7 e funziona benissimo..quando passi il mouse sull'immagine , questa scompare per far vedere il numero.ciao
avatar
the crow
Veterano dello staff

Sesso : Maschile
Età : 26
Messaggi : 8797
Località : Roma


Vedi il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Re: aiuto per sistemare calendario dell'avvento

Messaggio Da erika87 il Lun 14 Dic 2009 - 19:35

e allora è dalla versione 6 (la mia) in giu che non funziona...Wink grazie mille!!!

ah...ovviamente lo script è a disposizione di chiunque voglia usarlo Wink

ciao!

erika87
Sono un nuovo membro :)

Messaggi : 49

Vedi il profilo dell'utente http://gnam.forumattivo.com/
erika87 è stato ringraziato dall'autore di questo topic.

Re: aiuto per sistemare calendario dell'avvento

Messaggio Da the crow il Lun 14 Dic 2009 - 19:39

grazie, poi lo sposto nei tutorini.auguri
avatar
the crow
Veterano dello staff

Sesso : Maschile
Età : 26
Messaggi : 8797
Località : Roma


Vedi il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Re: aiuto per sistemare calendario dell'avvento

Messaggio Da erika87 il Lun 14 Dic 2009 - 19:40

ok perfetto! Tanti auguri anche a te! ciao!

erika87
Sono un nuovo membro :)

Messaggi : 49

Vedi il profilo dell'utente http://gnam.forumattivo.com/
erika87 è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum