WebSite X5Help Center

 
Mario P.
Mario P.
User

Sfondo cliccabile  it

Author: Mario P.
Visited 1713, Followers 1, Shared 0  

Ciao a tutti,

ho implementato lo "sfondo cliccabile" su due siti, come consigliato da "ESSEDI".

Funziona tutto perfettamente ma solo su alcuni computer sugli altri (la maggioranza) si nota solo un cambio di colore e non appare la "manina" che indica il collegamento.

Se qualcuno può darmi qualche "dritta".

Saluti

Mario P.

http://www.marioperfetto.it

http://www.antoniniermanno.com

Posted on the
14 ANSWERS - 1 USEFUL - 1 CORRECT
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT

... secondo me Mario ha sbagliato con i livelli, assegnando una z-index negativo...

... ad occhio e croce ... potrebbe risolvere assegnando il livello "0" e sollevando la pagina di un livello...

... quindi quel "-1" in #sfondocliccabile dovrebbe diventare "0", e per la pagina aggiungere: 

#imPage {z-index:1}

.

prova,

.

ciao

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Mario P.
Mario P.
User
Author

Per Esse Di:

Forse mi sono espresso male.

Mi riferisco proprio a quel sito http://essedi.altervista.org/_EVO10/_sfondocliccabile/index.html

Su alcuni computer funziona perfettamente e su altri no.

Grazie per la pronta risposta, provvederò  a controllare "display:blocked;"

Mi sembrano buoni anche i suggerimenti di KolAsim, spero di risolvere.

Ciao a tutti.

Read more
Posted on the from Mario P.
Mario P.
Mario P.
User
Author

Problema risolto.

Era proprio un problema di livelli.

KolAsim ha centrato l'obiettivo.

Grazie a tutti.

Mario P.

Read more
Posted on the from Mario P.
Esse Di
Esse Di
User
Mario P.
Problema risolto. Era proprio un problema di livelli. KolAsim ha centrato l'obiettivo. Grazie a tutti. Mario P.

Avevo capito che volevi inserire un link solo sullo sfondo.

Nel tuo sito http://www.antoniniermanno.com/ , il link http://www.marioperfetto.it/ viene assegnato, oltre che allo sfondo, alle sezioni Intestazione, Piè di Pagina, Titolo della Pagina e, addirittura, all'icona di Facebook.

E' veramente ciò che volevi ottenere?

Read more
Posted on the from Esse Di
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT
Mario P.
Problema risolto. Era proprio un problema di livelli. KolAsim ha centrato l'obiettivo. Grazie a tutti. Mario P.


... sempre ad occhio e croce, noto che involontariamente hai inserito #imPage{z-index:1};   ...nel riferimento all'elemento "a", ed invece deve starne al di fuori delle parentesi graffe, quindi per conto suo ma sempre dentro a STYLE; ...controlla...
... noto che l'incona si deforma a seconda della finestra...
.


ciao

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Mario P.
Mario P.
User
Author

Salve ragazzi,

volevo ottenere esattamente quello che ad "occhio e croce" mi ha consigliato KolAsim e che ha percepito bene Essedi.

Non avevo visto le Vostre risposte e questa mattina stavo cercando di completare la funzione.

Come avrete capito per me la programmazione è poco più di zero, sto cercando di studiare.

Adesso la situazione è risolta ma dovrei cambiare le dimensioni dello sfondo inserito in quanto le immagini sono diventate troppo grandi.

Secondo voi posso operare anche dai parametri dello script senza toccare lo sfondo?

Grazie a tutti.

Mario P.

Read more
Posted on the from Mario P.
Esse Di
Esse Di
User

Nel tuo post di apertura hai dichiarato

Mario P.
ho implementato lo "sfondo cliccabile" su due siti, come consigliato da "ESSEDI". Funziona tutto perfettamente ma solo su alcuni computer sugli altri (la maggioranza) si nota solo un cambio di colore e non appare la "manina" che indica il collegamento.

Io avevo capito che i tuoi siti non funzionavano e ti ho fatto notare che il tuo codice era diverso dal mio.

La tua risposta

Mario P.

Mi riferisco proprio a quel sito http://essedi.altervista.org/_EVO10/_sfondocliccabile/index.html

Su alcuni computer funziona perfettamente e su altri no.

Qui io capisco che il mio sito non funziona su alcuni computer. Può benissimo essere così, nel qual caso mi piacerebbe sapere in quali condizioni non funziona, in modo da tentare di correggerlo

Mario P.

Adesso la situazione è risolta ma dovrei cambiare le dimensioni dello sfondo inserito in quanto le immagini sono diventate troppo grandi.

Secondo me non devi utilizzare una immagine per lo sfondo, ma sovrapporre ad esso l'icona in alto a sinistra.

Qui trovi un esempio per EVO 11

 http://essedi.altervista.org/_EVO11/_sfondocliccabile/index.html

Il link assegnato all'icona in alto a sinistra è diverso da quello assegnato allo sfondo, ma tu puoi benissimo utilizzarne uno unico per entrambi.

Se non sei interessato alla evidenziazione del passaggio del mouse sullo sfondo e/o sull'icona, elimina dai CSS le dichiarazioni #sdBg:hover e #sdIcon:hover

Read more
Posted on the from Esse Di
Mario P.
Mario P.
User
Author

Ciao essedi,

inizialmente avevo usato il codice postato da te cambiando lo sfondo ed i link.

Sul computer che uso per evo11 e su altri due che ho in casa funzionava perfettamente, forse perchè facevano parte della stessa rete, all'esterno nulla andava.

Ho visto il tuo sito dal link che mi hai inviato e penso che durante le feste avrò diverso lavoro da fare.

Complimenti è tutto molto interessante!

Sicuramente avrò bisogno di aiuto, mi farò sentire.

Grazie

Mario P.

Read more
Posted on the from Mario P.
Esse Di
Esse Di
User
Mario P.
inizialmente avevo usato il codice postato da te cambiando lo sfondo ed i link.

Non è proprio così.

Esse Di
Se ti riferisci a questo sito http://essedi.altervista.org/_EVO10/_sfondocliccabile/index.html il codice da me consigliato è alquanto diverso da quello da te utilizzato. Fra l'altro "display:blocked;" non è un codice valido. Sarà mica esso che non viene accettato su alcuni computer? http://www.w3schools.com/cssref/pr_class_display.asp

dove "alquanto diverso" era un eufenismo per dire "molto diverso".

Fra l'altro "display:blocked;" continua ad essere presente. Deduco che non hai consultato la guida che ti avevo indicato.

Mario P.

Ho visto il tuo sito dal link che mi hai inviato e penso che durante le feste avrò diverso lavoro da fare.

Questo mi preoccupa. Vuol dire che prevedi corposi adattamenti al mio codice.

Non devi fare altro che:

  • ritagliare dal tuo attuale sfondo la piccola immagine da posizionare iin alto a sinistra, in luogo della mia icona home_n.png
  • cambiare i link associati allo sfondo e alla suddetta icona
  • eventualmente eliminare dai CSS le dichiarazioni #sdBg:hover e #sdIcon:hover (se non sei interessato alla evidenziazione del passaggio del mouse sullo sfondo e/o sull'icona).

Ricordati infine di inserire la tua icona nella cartella files (ma anche images, se preferisci).

Read more
Posted on the from Esse Di
Mario P.
Mario P.
User
Author

Ciao Essedi,

ho eliminato dal codice "display:blocked;" e tutto funziona.

Vorrei usare il tuo codice cambiando link ed icona sul lato sinistro, sempre se tu permetti.

Eventualmente, potrei aggiungere altre icone da rendere cliccabili?

Tieni presente che sono alle prime armi e cerco di adattare quello che trovo sul web alle mie piccole esigenze.

Ancora grazie.

Mario P.

Read more
Posted on the from Mario P.
Esse Di
Esse Di
User
Mario P.
Vorrei usare il tuo codice cambiando link ed icona sul lato sinistro, sempre se tu permetti.

Certo che puoi, ci mancherebbe! Tra la versione 10 e la 11 vi sono delle differenze introdotte proprio per venire incontro alle tue esigenze.

Mario P.

Eventualmente, potrei aggiungere altre icone da rendere cliccabili?

Qui trovi le istruzioni per inserire più elementi esterni alla pagina, nelle diverse posizioni possibili

http://essedi.altervista.org/_EVO10/_esterno/index.html

Tieni presente che

  • Impostazioni Generali -> Scheda Esperto della versione 10, nella 11 è diventato Impostazioni Avanzate -> Statistiche, SEO e Codice -> Scheda Esperto
  • I codici HTML delle icone vanno inseriti dopo il codice dello sfondo cliccabile, altrimenti quest'ultimo si sovrappone alle icone impedendone il click.
Read more
Posted on the from Esse Di
Mario P.
Mario P.
User
Author

Grazie mille!

Mario P.

Read more
Posted on the from Mario P.