Aiuto per sfondo cliccabile

**Giacomo15** · 13-04-2016, 17:21

Ciao, devo fare un sito dove ci deve essere una div centrale largo 1000px+- e un immagine si sfondo fissa e cliccabile.
Come posso fare?

**emi10** · 13-04-2016, 17:45

Ciao,

questa è una base su cui partire. Io ti ho messo tutto su una pagina, ma ti conviene creare il css e il Javascript in documenti separati per pulizia di codice.

Comunque in questo modo hai un'immagine di sfondo fissa e cliccabile (devi cambiare il link) e con un div al centro largo 1000px.

codice:

<html>
<head>
<style>
body
{
background-image:URL(contenitore.jpg);
background-attachment:fixed;
background-repeat: no-repeat;
background-position: center; 
}
#contenitore
{
margin:0 auto;
width:1000px;
height:500px;
background:#fff;
border:1px solid #000;
}
</style>
</head>
<body>
<script>
document.body.onclick = function(e) {
  if (e.target === document.body) {
      window.location = "link.html"
  }
}
</script>
<div id="contenitore"></div>
</body>
</html>

**Giacomo15** · 14-04-2016, 14:43

Grazie, ma come faccio a far apparire la "manina" quando ci vado sopra con il cursore?

**carlomarangoni** · 14-04-2016, 14:54

codice:

cursor: pointer;

in css body

**Giacomo15** · 14-04-2016, 15:14

Originariamente inviata da carlomarangoni

codice:

cursor: pointer;

in css body

E no, così me la mette sempre, anche nel div dove ci dovrebbe stare il sito, vorrei farla apparire solo quando il cursore è sullo sfondo...

**carlomarangoni** · 14-04-2016, 16:03

Già ma è nel body che hai il contenitore e lo sfondo quindi!! se vuoi cose diverse devi settare per il contenutore e i suoi elementi un cursore diverso.

Se vuoi la mia opinione, mai fare lo sfondo cliccabile neanche con js, ma se vuoi uno sfondo cliccabile devi usare un div sopra allo sfondo

Discussione: Aiuto per sfondo cliccabile

Strumenti discussione

Ricerca discussione

Visualizza

Aiuto per sfondo cliccabile

Permessi di invio