PDA

Visualizza la versione completa : 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.



<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
cursor: pointer; in css body

Giacomo15
14-04-2016, 15:14
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

Loading