Intro con estilo maquina de escribir
Les traigo una introduccion muy buena y facil de implementar a sus paginas web's.
Este codigo esta implementado en javascript el cual le permite antes de entrar a la web mostrar frases, imagenes, publicidad lo que ustedes quieras.
y las muestra en forma de maquina de escribir y luego se reedirecciona automaticamente hacia tu web.
Para probar el codigo solo Haz click aqui
Vista previa:
Codigo 1:
- Lo pegan en el primero box de extra con la opcion HTML activada.
Código: <style type="text/css">
input{display:none;}
body{background:#333;color:white; overflow:hidden }
#skipDiv{position:absolute; visibility:hidden; width:80px; }
#skipDiv a:link, #skipDiv a:visited{font-family: verdana,arial,helvetica,sans-serif;
font-size:10pt;color:#dee7f7; }
#wipeDiv1{position:absolute;visibility:hidden;left:0px;top:0px;width:1px;height:1px;z-index:1;}
.wipe {color:#fafafa; font-family: verdana, arial, helvetica, sans-serif;}
a{color:#ff9900;text-decoration:none;}
.wipe1{ font-size:36pt;}
.wipe2{ font-size:22pt; }
.wipe3{ font-size:18pt; }
</style>
<script src="http://cssplantillas.netau.net/ap/files/intro.js" language="javascript" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
dom = (document.getElementById) ? true : false;
ns5 = ((navigator.userAgent.indexOf("Gecko")>-1) && dom) ? true: false;
ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false;
ns4 = (document.layers && !dom) ? true : false;
ie4 = (document.all && !dom) ? true : false;
opr= navigator.userAgent.indexOf("Opera")!=-1
nodyn = (!ns5 && !ns4 && !ie4 && !ie5) ? true : false;
var wipe_imgs=new Array(
'dwc_btn.gif'
);
if (document.images) {
var theImgs=new Array();
for (var i=0;i<wipe_imgs.length;i++) {
theImgs[i]=new Image();
theImgs[i].src=wipe_imgs[i];
}
}
var wipe_array=new Array(
'<span class="wipe1">Bienvenidos a mi web!</span>',2500,
'<span class="wipe3">Esta es la web mas variada de toda la red</span>',2500,
'<span class="wipe2">Entra ahora, mañana puede ser muy tarde</span>',2500,
'<span class="wipe3"><center>entra <a href="http://tuweb.es.tl">haciendo click aqui!</a></center></span>',2500
);
var wipe_final=new Array('Click here',2500);
var wipe_in_delay=1000;
var wipe_out_delay=1200;
// wipe out speed (wipe-in time is divided by this number)
var wipe_out_dv=2.5;
var dest_delay=0;
function setDest() {
window.location = "http://tuweb.es.tl";
}
if (opr||nodyn)
setDest()
function initDynLyrs() {
// non-capable browsers skip this and go to your url
if (nodyn) setDest();
positionBotmRt('skipDiv');
wipeLyr1 = new dynObj('wipeDiv1');
wipeLyr1.centerIn(window);
wipeLyr1.show();
//wipeLyr2 = new dynObj('wipeDiv2');
//wipeLyr2.centerIn(window);
doWipes();
}
window.onload=initDynLyrs;
</script>
<div id="wipeDiv1"></div>
<div id="skipDiv">
<a id="skipLnk" href="javascript:setDest()">Saltar Intro</a>
</div><div style="display:none;">
Codigo 2:
- Lo pegan en el 2do box con la opcion HTML activada.
¿Como ponerlo en tu web?
Vas a:
:: Identificate :: Controlar extras :: Agregar extras ::
Y elegimos el extra "Intro"
Y pegamos el codigo en el primer box que nos sale con la opcion "HTML" Activada.
Tienes que editar esto:
Cita: var wipe_array=new Array(
'<span class="wipe1">Bienvenidos a mi web!</span>',2500,
'<span class="wipe3">Esta es la web mas variada de toda la red</span>',2500,
'<span class="wipe2">Entra ahora, mañana puede ser muy tarde</span>',2500,
'<span class="wipe3"><center>entra <a href="http://tuweb.es.tl">haciendo click aqui!</a></center></span>',2500
);
Hay editas lo que quieres poner en tu web.
--- O ---
- Ahora busca esto:
Cita: window.location = "http://cssplantillas.es.tl/home.htm";
Ultima edición por cssplantillas el Mar Feb 09, 2010 10:49 am; editado 5 veces
|