Introducir Código

09/11/2005 - 18:11 por Josema | Informe spam
Hace unos días en el hilo denominado reloj (6/11/2005) me recomendó Mariluz
entrar en una página en la que me encontré montones de cosas interesantes,
una de ellas llamada Away Box, que creo daría un efecto interesante a la
página que estoy haciendo, pero no sé como introducir el código.
Espero que hoy miércoles que vuelve Mariluz me responda, por qué la verdad
hasta ahora no lo hacéis nadie, entiendo que pregunto cosas muy sencillitas
y sin importancia para muchos de vosotros, pero bueno, todos tenemos que
comenzar alguna vez.
Trabajo con el FrontPage que viene con el Office XP y lo que he hecho hasta
ahora es lo siguiente:

He deducido, que el texto, por lo que comento Mariluz el pasado día habría
que depositarlo en la pestaña donde
pone HTML y así lo he hecho, pero nada no consigo que funcione, pero no sé
si es que no tengo que poner el
código en esta pestaña o es que lo pongo mal, en realidad no sé si va al
principio, al medio, o final del código que ya existe. Seguro que con un
poco de paciencia por vuestra parte lo consigo, espero vuestra ayuda.
Un saludo y muchas gracias
Josema
 

Leer las respuestas

#1 FJTL
09/11/2005 - 21:42 | Informe spam
A ver si te aclaro algo básico.
El código html tiene tres partes que están enmarcadas por:
1. El propio código, que siempre se inicia con: <html> y se cierra con
</html> (se les llama etiquetas).
2. Un encabezado, que siempre se inicia con <head> y se cierra con </head>
(también son etiquetas).
3. Un cuerpo, que siempre se inicia con <body> y se cierra con </body>
(también son etiquetas).
Tanto el encabezado como el cuerpo siempre va dentro del código html (es
decir, entre <html> y </html> uno a continuación del otro, con la siguiente
estructura:
<html>
<head>
Contenido.
</head>
<body>
Contenido
</body>
</html>
Si ves el código del javascript que dices tienes que poer entre <head> y
</head> el siguiente código que se inicia con etiqueta <style> y se cierra
con etiqueta </style>:

<style>
i<!--
.intro{
position:absolute;
left:0;
top:0;
layer-background-color:green;
background-color:green;
border:0.1px solid green;
z-index:10;
}
</style>


conviene ponerlo inmediatamente antes de la etiqueta </head>
Si te fijas, aquí puedes modificar el color de los cuadros o los bordes por
otro color ya que está en verde (green) y puede que te interese otro
(yellow, por ejemplo).

A continuación de la etiqueta <body> debes poner el resto del código:

<div id="p1" class="intro"></div>
<div id="p2" class="intro"></div>
<div id="p3" class="intro"></div>
<div id="p4" class="intro"></div>
<div id="p5" class="intro"></div>
<div id="p6" class="intro"></div>
<div id="p7" class="intro"></div>
<div id="p8" class="intro"></div>
<div id="p9" class="intro"></div>
<div id="p10" class="intro"></div>
<div id="p11" class="intro"></div>
<div id="p12" class="intro"></div>
<div id="p13" class="intro"></div>
<div id="p14" class="intro"></div>
<div id="p15" class="intro"></div>
<div id="p16" class="intro"></div>
<div id="p17" class="intro"></div>
<div id="p18" class="intro"></div>
<div id="p19" class="intro"></div>
<div id="p20" class="intro"></div>
<div id="p21" class="intro"></div>
<div id="p22" class="intro"></div>
<div id="p23" class="intro"></div>
<div id="p24" class="intro"></div>
<div id="p25" class="intro"></div>
<script>
/*
Boxing-away Script- By Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more free DHTML scripts, and TOS,
visit http://www.dynamicdrive.com
*/

var espeed00
var counter=1
var temp=new Array()
var temp2=new Array()
var ns4=document.layers?1:0
var ie4=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0

////////Code for Netscape NS 4+////
if (ns4){
for (i=1;i<%;i++){
temp[i]=eval("document.p"+i+".clip")
temp2[i]=eval("document.p"+i)
temp[i].width=window.innerWidth/5
temp[i].height=window.innerHeight/5
}
for (i=1;i<=5;i++)
temp2[i].left=(i-1)*temp[i].width
for (i=6;i<;i++){
temp2[i].left=(i-6)*temp[i].width
temp2[i].top=temp[i].height
}
for (i;i<;i++){
temp2[i].left=(i-11)*temp[i].width
temp2[i].top=2*temp[i].height
}
for (i;i< ;i++){
temp2[i].left=(i-16)*temp[i].width
temp2[i].top=3*temp[i].height
}
for (i!;i<%;i++){
temp2[i].left=(i-21)*temp[i].width
temp2[i].top=4*temp[i].height
}
}
function erasecontainerns(){
window.scrollTo(0,0)
var whichcontainer=Math.round(Math.random()*25)
if (whichcontainer==0)
whichcontainer=1
if (temp2[whichcontainer].visibility!="hide")
temp2[whichcontainer].visibility="hide"
else{
while (temp2[whichcontainer].visibility=="hide"){
whichcontainer=Math.round(Math.random()*25)
if (whichcontainer==0)
whichcontainer=1
}
temp2[whichcontainer].visibility="hide"
}
if (counter=%)
clearInterval(beginerase)
counter++
espeed-
}

////////End code for NS 4+////////

///////////Code for IE 4+ and NS6/////////
if (ie4||ns6){
var containerwidth=ns6?parseInt(window.innerWidth)/5-3 :
parseInt(document.body.clientWidth/5)
var containerheight=ns6?parseInt(window.innerHeight)/5-2 :
parseInt(document.body.offsetHeight/5)
for (i=1;i<%;i++){
temp[i]=ns6?document.getElementById("p"+i).style :
eval("document.all.p"+i+".style")
temp[i].width=containerwidth
temp[i].height=containerheight
}
for (i=1;i<=5;i++)
temp[i].left=(i-1)*containerwidth
for (i=6;i<;i++){
temp[i].left=(i-6)*containerwidth
temp[i].top=containerheight
}
for (i;i<;i++){
temp[i].left=(i-11)*containerwidth
temp[i].top=2*containerheight
}
for (i;i< ;i++){
temp[i].left=(i-16)*containerwidth
temp[i].top=3*containerheight
}
for (i!;i<%;i++){
temp[i].left=(i-21)*containerwidth
temp[i].top=4*containerheight
}
}
function erasecontainerie(){
window.scrollTo(0,0)
var whichcontainer=Math.round(Math.random()*25)
if (whichcontainer==0)
whichcontainer=1
if (temp[whichcontainer].visibility!="hidden")
temp[whichcontainer].visibility="hidden"
else{
while (temp[whichcontainer].visibility=="hidden"){
whichcontainer=Math.round(Math.random()*25)
if (whichcontainer==0)
whichcontainer=1
}
temp[whichcontainer].visibility="hidden"
}
if (counter=%){
clearInterval(beginerase)
if (ns6){
for (i=1;i<26;i++)
temp[i].display="none"
}
}
counter++
espeed-
}
/////////End IE 4+ code////////
if (ns4)
beginerase=setInterval("erasecontainerns()",espeed)
else if (ie4||ns6){
beginerase=setInterval("erasecontainerie()",espeed)
}

</script>

Y ya debe funcionar.
Saludos.


"Josema" <josedoal28ARROBAterra.es> escribió en el mensaje
news:uQ%
Hace unos días en el hilo denominado reloj (6/11/2005) me recomendó
Mariluz entrar en una página en la que me encontré montones de cosas
interesantes, una de ellas llamada Away Box, que creo daría un efecto
interesante a la página que estoy haciendo, pero no sé como introducir el
código.
Espero que hoy miércoles que vuelve Mariluz me responda, por qué la verdad
hasta ahora no lo hacéis nadie, entiendo que pregunto cosas muy
sencillitas y sin importancia para muchos de vosotros, pero bueno, todos
tenemos que comenzar alguna vez.
Trabajo con el FrontPage que viene con el Office XP y lo que he hecho
hasta ahora es lo siguiente:

He deducido, que el texto, por lo que comento Mariluz el pasado día habría
que depositarlo en la pestaña donde
pone HTML y así lo he hecho, pero nada no consigo que funcione, pero no
sé si es que no tengo que poner el
código en esta pestaña o es que lo pongo mal, en realidad no sé si va al
principio, al medio, o final del código que ya existe. Seguro que con un
poco de paciencia por vuestra parte lo consigo, espero vuestra ayuda.
Un saludo y muchas gracias
Josema


Preguntas similares