Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje21-10-2009, 18:20 (UTC)    
Título del mensaje: [Código Javascript] Intro con estilo maquina de escribir

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.
Código:
</div>



¿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";

Y modifica lo que esta en verde por la url de tu web de la pagina principal. ya sea portada.htm, inicio.htm, index.htm o el nombre que le tenga a tu pagina de inicio.

Si saben algo mas de Css y HTML le pueden sacar buen probecho a este codigo.

Saludos y cualquier consulta por aqui mismo.

Fuente: DynamicDrive.com
______________
Cssplantillas - Moderador Paginawebgratis.es
Email: cssplantillas@gmail.com -Twitter // @cssplantillas


Ultima edición por cssplantillas el Mar Feb 09, 2010 10:49 am; editado 5 veces
Mensaje21-10-2009, 21:33 (UTC)    
Título del mensaje:

Si para los que les gusta poner intros en sus webs este recurso le servira de mucho.

Pueden modificar el fondo solo edite lo que dice
Código:
background:#333

Donde dice #333 ponen el color que más les guste lo mismo en la propiedad "color: #fafafa"

Sigan dejando sus comentarios =D

Saludos
______________
Cssplantillas - Moderador Paginawebgratis.es
Email: cssplantillas@gmail.com -Twitter // @cssplantillas
Mensaje21-10-2009, 22:43 (UTC)    
Título del mensaje:

borislizana escribió:
Se les puden Colocar fondos ?


Claro, solo edita esto:
Código:

Background-image: url("URL DE TU FONDO;")


Y lo agregas entre las etiquetas <style type="text/css"></style>

Saludos
______________
Cssplantillas - Moderador Paginawebgratis.es
Email: cssplantillas@gmail.com -Twitter // @cssplantillas
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group