Sfondo cliccabile
Auteur : Mauro S.
Visité 1492,
Followers 2,
Partagé 0
sto cercando di inserire uno sfondo cliccabile sul mio sito.ho seguito alla lettera quanto esposto nel seguente indirizzo http://www.essedi.altervista.org/_EVO10/_sfondocliccabile/ ma non ho ottenuto il risultato sperato.
il mio sito è www.misterbonus.eu
spero possiate aiutarmi. vi ringrazio
Posté le
Nel tuo sito non c'è alcuna traccia del mio codice.
Auteur
in effetti l ho cancellato vedendo che non funzionava. in giornata provo a metterlo sulla pagina http://www.misterbonus.eu/tutti-i-bonus-su-scommesse.html e ti ringrazio anticipatamente.
Auteur
ok...pubblicato ma non va.....
... a colpo d'occhio noto che hai sbagliato ad assegnare l'ID al TAG A rispetto a quello dichiarato in STYLE:
#sdBg { .../... #sdBg:hover {
... contro: <a id="sdBG"
... che invece dovrebbe essere: <a id="sdBg"
...
... non posso verificare, ma fai una prova a correggere e lo saprai subito...
.
ciao
Come detto da KolAsim è sufficiente cambiare sdBG con sdBg. Provato con Firebug e funziona.
Auteur
Premetto di essere molto ignorante in materia e che sto usando website x5 ev. 11.
nella sez esperto e prima della chiusura del tag head ho inserito questi codici
<!-- Inizio CSS per sfondo cliccabile -->
<style>
/************************************************************/
/* come rendere cliccabile lo sfondo standard di un sito */
/* sovrapponendovi un altro sfondo trasparente */
/************************************************************/
/* trasparente in condizioni normali */
#sdBg {
background-color: transparent;
position: fixed;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
}
/* rosso semitrasparente al passaggio del mouse */
#sdBg:hover {background-color: rgba(128, 0, 0, 0.3);}
/* contenuto della pagina in primo piano rispetto allo sfondo aggiunto */
#imPage {z-index: 1;}
</style>
<!-- Fine CSS per sfondo cliccabile -->
mentre prima della chiusura del tag BODY ho scritto questi altri codici:
<a id="sdBG" title="Vai al sito di gazzabet"
href="http://online.gazzabet.it/promoRedirect?key=ej0xMzUyNzAxMSZsPTEzNTIzODI3JnA9NDgwNw=="
target="_blank">
</a>
Come da te detto ho cambiato la riga:
#sdBg:hover {background-color: rgba(128, 0, 0, 0.3);}
con
<a id="sdBG" {background-color: rgba(128, 0, 0, 0.3);}
ma non funziona ancora.
Sono un neofita...mi serve la vostra pazientosa collaborazione.....grazie ancora
...!... leggi attentamente; ... si parlava del TAG A, differente da quanto dichiarato in STYLE...
... ho visto adesso il codice di Esse Di; ... cosa ti costa fare un Copia/Incolla di quel codice secondo le sue istruzioni...?...
.
C'è un refuso nella pagina di Esse Di, la lettera G è maiuscola, meglio correggerlo.
Hai ragione. Provvedo subito.
@Mauro.
L'errore non è nel CSS ma nel codice HTML. Occorre cambiare a id="sdBG" cona id="sdBg"
Auteur
Grazie a tutti per la collaborazione. Ora funziona!!