spritespin

[Zambelletti]

il novinon l'ho completato perchè ho avuto problemi con la versione 10.

[Zambelletti]

@The Mole


ho creato un post nella dovuta sezione.
http://www.unofficialwsx5.com/index.php?topic=1462.0


fammi sapere.

[Zambelletti]

Buon giorno, scusate se ritorno sull'argomento.


L'ho messo in pulito e mi si è verificata un'anomalia : non visualizzo più l'icona 360°


ecco il LINK


Qualcuno può darmi un suggerimento per risolvere?
Grazie!

[lemonsong]

Attualmente manca il div dell'icona:

<div class="icon360"></div>

<div id="360frames" bla bla bla...

[Zambelletti]

Caro Lemong,


ti chiedo scusa perchè è stato un banale errore di copia-incolla.
Come vedi ora è completo e funziona :
LINK


Suppongo, che messa l'icona 360°, utilizzando lo stesso codice, non dovrei avere problemi a sovrapporre a questo html una qualsiasi altra immagine (al posto di 360-icon) e siccome ho z-index, addirittura potrei sovrapporre un immagine all'animazione.
Giusto?


Ti posso chiedere una cortesia personale immensa?
Te lo chiedo amicalmente.


Ho il desiderio, di sovrapporre un testo a questo html (tipo quello che ho già messo), magari che si sovrapponga pure all'animazione, poi intervenendo su z-index, lo posso anche togliere all'occorrenza.
In teoria Immagino che debba creare un div nel html e in esperto css mettere le mie preferenze di stile.


In pratica, non ci riesco.


non ti chiedo di farmi la famosa "pappa pronta" ma almeno una fonte da dove posso estrapolarne il codice, come tutti gli altri esperimenti che ho fatto da solo e completati con il vostro prezioso aiuto.


Ti ringrazio anticipatamente.

[lemonsong]

Temo di aver capito poco.

Prova a vedere se questo esempio si avvicina:
http://lemonsong.altervista.org/test_spritespin/pagina-1.html

Non l'ho fixato per browser tipo IE7.

Se va bene, è da personalizzare.

[Zambelletti]

Mi sono espresso male.
Realizzo un immagine e te la mostro.
Scusa

[Zambelletti]

Eccomi, provo a chiarire,
abbiamo realizzato un immagine (icon-360) sovrapposto ad un html, quindi una volta che ho il codice, mi basta sostituire l'immagine(icon-360) con una a piacere e posizionarla mediante i codici)


La difficoltà sta nel sovrapporre più di una immagine, tipo questo (v. allegato Immagine-img)


La cosa invece che vorrei realizzare è sovrapporre un testo vero (non un immagine) all'oggetto HTML (v. immagine allegata immagine-text).
Poi, se c'è la possibilità in futuro, che il testo scorra, abbia un'animazione, una transizione, ancora meglio, però per ora l'importante è un testo statico che si sovrappone ad un oggetto html.


E' più chiaro?
Grazie!

[lemonsong]

Mah, così al volo, mi sembra che hai già tutto quello che ti serve (stesso metodo dell'icona 360).

Se sovrapponi uno o più div con testo, immagine etc... alla "rotazione", non potrai interagire col mouse nello spazio occupato dal/dai div.

Questa è la prima cosa che mi viene in mente senza andare a cercare altre soluzioni/metodi alternative/i, che sicuramente ci saranno.

[Zambelletti]

Provo e ti faccio sapere, intanto grazie!

[Zambelletti]

buon giorno, scusate.


Ho fatto questa animazione e funziona! :
link


per crearne un'altra, ho copiato la pagina, modificando i nomi dei file e l'altezza del html, perchè le immagini sono più piccole di 18 pixel.
e non mi funziona, non vedo le immagini.
Ho verificato con firebug e mi dava proprio un errore sull'atezza.
Ho provato a modificarla, ma non funziona.


Se avete un secondo, riuscite a dargli un occhio?
Siccome ne debbo fare di diverse di queste animazioni, vorrei capire dov'è l'errore e come rimediare.
Grazie!


link


EDIT :
Come non detto : dopo averle provate tutte, a culo, ho cancellato una parte di codice, e l'ho incollata nuovamente.
Funziona.
Non so che pensare, o veramente mancava un punto, una virgola.......
oppure il mio wsx5 non funziona bene.
Ho molti problemi e vado continuamente in crash.


Grazie comunque.

[Zambelletti]

ok, ci sono riuscito!
Grazie, è una cosa a cui tenevo molto.


Però mi si si sono presentati due problemini :


c'è uno spazio tra la fascia azzurra e l'animazione, e anche il testo e il bordo sono trasparenti.


un piccolo suggerimento per rimediare?
Grazie!


EDIT : ecco il link


p.s
ho provato a fare 2css, uno per il testo e uno per il fondo, ma non ci sono riuscito

[lemonsong]

c'è uno spazio tra la fascia azzurra e l'animazione, e anche il testo e il bordo sono trasparenti.

Se ho capito bene, in HEAD devi portare a 0 (zero) margin (20px):

Codice:

Only registered users can see contents. Please click here to Register or Login.
Nel CSS della pagina (oggetto HTML) devi togliere (o modificare) opacity:

Codice:

Only registered users can see contents. Please click here to Register or Login.

... se ho capito bene.

[Zambelletti]

intanto grazie!
Per la questione della trsparenza, io vorrei che il box nero, sia trasparente com'è adesso, mentre il testo e la cornice le voglio senza trasparenza.
E' possibile? Come potrei modificare?
Grazie!
(mi ero espresso male)

[lemonsong]

Togli tutto quello che riguarda opacity:

Codice:

Only registered users can see contents. Please click here to Register or Login.
Crei un quadratino di pochi px (png) con la % di trasparenza che desideri e usi l'immagine come sfondo (background-image); dovresti togliere pure il colore (background-color).

Credo che sia la via più semplice.