Salve a tutti. per chiarire meglio il topic spieghero' meglio che problema ho..
vorrei realizzare una presentazione dei componenti della mia band musicale.
ed avevo pensato di inserire le nostre immagini e che quando il puntatore passasse sopra queste immagini si aprisse una specie di riquadretto con testo a mia scelta.
qualcuno sa come posso fare?
plz sono alle prime armi, spiegatemi abb. bene
ciao
NOFXER
non ti basta quella che esce passando col puntatore sul logo html.it?
no.. non avrei bisogno di una descrizione, quanto di una finestrella proprio carina e personalizzabile, e magari che la foto venga anche illuminata.. dove mi devo rivolgere? javascript?
come faccio?
grazie per l'attenzione
NOFXER
In questo script è possibile assegnare un colore diverso ad ogni sfondo del popup che, inoltre, si autodimensiona in funzione della lunghezza del messaggio.Originariamente inviato da NOFXER
no.. non avrei bisogno di una descrizione, quanto di una finestrella proprio carina e personalizzabile, e magari che la foto venga anche illuminata.. dove mi devo rivolgere? javascript?
come faccio?
grazie per l'attenzione
NOFXER
L'inserimento dello script avviene in TRE fasi
PRIMA FASE
------- INIZIO CODICE DA COPIARE NELL'INTESTAZIONE (tra <head> e </head>) --------
<style TYPE="text/css">
<!--
BODY {OVERFLOW:scroll;OVERFLOW-X:hidden}
.DEK {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}
//-->
</style>
------- FINE CODICE DA COPIARE NELL'INTESTAZIONE (tra <head> e </head>) --------
SECONDA FASE
------- INIZIO CODICE DA COPIARE NEL CORPO DELLA PAGINA (tra <body> e </body>) --------
<div ID="dek" CLASS="dek"></div><script TYPE="text/javascript">
<!--
Xoffset=-60;
Yoffset= 20;
var nav,old,iex=(document.all),yyy=-1000;
if(navigator.appName=="Netscape"){(document.layers )?nav=trueld=true;}
if(!old){
var skn=(nav)?document.dek:dek.style;
if(nav)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=get_mouse;
}
function popup(msg,bak){
var content="<TABLE WIDTH=150 BORDER=1 BORDERCOLOR=black CELLPADDING=2 CELLSPACING=0 "+
"BGCOLOR="+bak+"><TD ALIGN=center><FONT COLOR=black SIZE=2>"+msg+"</FONT></TD></TABLE>";
if(old){alert(msg);return;}
else{yyy=Yoffset;
if(nav){skn.document.write(content);skn.document.c lose();skn.visibility="visible"}
if(iex){document.all("dek").innerHTML=content;skn. visibility="visible"}
}
}
function get_mouse(e){
var x=(nav)?e.pageX:event.x+document.body.scrollLeft;s kn.left=x+Xoffset;
var y=(nav)?e.pageY:event.y+document.body.scrollTop;sk n.top=y+yyy;
}
function kill(){
if(!old){yyy=-1000;skn.visibility="hidden";}
}
//-->
</script>
------- FINE CODICE DA COPIARE NEL CORPO DELLA PAGINA (tra <body> e </body>) --------
TERZA FASE
----------INIZIO CODICE DA COPIARE PER OGNI COLLEGAMENTO IPERTESTUALE------------
Link 1
----------FINE CODICE DA COPIARE PER OGNI COLLEGAMENTO IPERTESTUALE------------
ATTENZIONE: Il colore dello sfondo del popup (nell'esempio sopra 'lightgreen') deve essere scritto
in lingua inglese e riconoscibile dal browser. Non utilizzate nomi di colori poco comuni, né tantomeno espressi in italiano.
Fammi sapere se ti piace.
nel tuo caso devi sostituire il link (che io ho inserito nel listato di prima) con l'immagine che vuoi.
Io ho gia uno <style> per background e scrollbar.
Per inserire questo mi basta modificare <style ...etc...>
ed inserire <!--
BODY {OVERFLOW:scroll;OVERFLOW-X:hidden}
.DEK {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}
//--> semplicemente tra <style> e </style>?
oppure devo creare un altro <style> </style>
scusami per come mi spiego da barbaro
e Grazie Mille
NOFXER
usti che bel codicione! me lo copio pure io che magari può servirmi!
Gl'altri Style che tu hai nella pagina dovrebbero definire propieta del background ecc.ecc.Originariamente inviato da NOFXER
Io ho gia uno <style> per background e scrollbar.
Per inserire questo mi basta modificare <style ...etc...>
ed inserire <!--
BODY {OVERFLOW:scroll;OVERFLOW-X:hidden}
.DEK {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}
//--> semplicemente tra <style> e </style>?
oppure devo creare un altro <style> </style>
scusami per come mi spiego da barbaro
e Grazie Mille
NOFXER
Copia il listato cosi come l'ho postato che dovrebbe funzionare.
funziona!!ma non era quello che desideravo -.-
io ho una semplice immagine in quella pagina, non devo collegare niente a nessuno, quando il mouse passa sopra a quell'immagine deve comparire (possibilmente allineata a destra del puntatore) una finestrella con font background e testo modificabile..
Se passando sopra l'immagine questa si illuminasse anche sarebbe il massimo..
mi sapresti nuovamente aiutare?
Grazie dell'attenzione!
NOFXER
Allora qualcuno mi saprebbe rispondere? grazie
Permessi di invio
Rispondi quotando