miércoles, 17 de julio de 2013

Head

Centrar la WEB

Este código es para las páginas web gratis, para los diseños iceblue y flash (generales), que se les alinea el contenido a la izquierda. 

Van a Editar diseño => Configuraciones avanzadas, buscan la caja que dice Texto por encima de la página y pegan este código arriba de todo lo que tienen. 



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http:/www.w3.org/1999/xhtml"> 
<div style="width:900px; position: relative; margin-left: auto; margin-right: auto;"> 

Titulo con Movimiento

Solo modifica donde dice titulo : 
<Script> 
var titletext="Titulo" 
var thetext="" 
var started=false 
var step=0 
var times=1 

function welcometext() 

times-- 
if (times==0) 

if (started==false) 

started = true; 
document.title = titletext; 
setTimeout("anim()",1); 

thetext = titletext; 



function showstatustext(txt) 

thetext = txt; 
setTimeout("welcometext()",4000) 
times++ 


function anim() 

step++ 
if (step==7) {step=1} 
if (step==1) {document.title='>==='+thetext+'===<'} 
if (step==2) {document.title='=>=='+thetext+'==<='} 
if (step==3) {document.title='==>='+thetext+'=<=='} 
if (step==4) {document.title='=>=>'+thetext+'<=<='} 
if (step==5) {document.title='==>='+thetext+'=<=='} 
if (step==6) {document.title='===>'+thetext+'<==='} 
setTimeout("anim()",200); 


if (document.title) 
window.onload=onload=welcometext 
</script> 

Reloj color negro

<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5012-black.swf";obj.TimeZone="GMT-0200";obj.width=151;obj.height=50;obj.wmode="transparent";showClock(obj);</script> 

Poner fecha

Aprendé a incluir la fecha en tu sitio sin necesidad de actualizarla cada día. Sólo tenés que usar un JavaScript que automáticamente exhibirá la fecha del día en tu página cada vez que ésta se abra. 

No tenés que preocuparte con ninguna configuración. Sólo tenés que copiar y pegar el código en tu página. 



<script language="JavaScript"> 
<!-- 
mydate = new Date(); 
myday = mydate.getDay(); 
mymonth = mydate.getMonth(); 
myweekday= mydate.getDate(); 
weekday= myweekday; 

if(myday == 0) 
day = " Domingo, " 

else if(myday == 1) 
day = " Lunes, " 

else if(myday == 2) 
day = " Martes, " 

else if(myday == 3) 
day = " Miércoles, " 

else if(myday == 4) 
day = " Jueves, " 

else if(myday == 5) 
day = " Viernes, " 

else if(myday == 6) 
day = " Sábado, " 

if(mymonth == 0) 
month = "Enero " 

else if(mymonth ==1) 
month = "Febrero " 

else if(mymonth ==2) 
month = "Marzo " 

else if(mymonth ==3) 
month = "Abril " 

else if(mymonth ==4) 
month = "Mayo " 

else if(mymonth ==5) 
month = "Junio " 

else if(mymonth ==6) 
month = "Julio " 

else if(mymonth ==7) 
month = "Agosto " 

else if(mymonth ==8) 
month = "Setiembre " 

else if(mymonth ==9) 
month = "Octubre " 

else if(mymonth ==10) 
month = "Noviembre " 

else if(mymonth ==11) 
month = "Diciembre " 

document.write("<font face=arial, size=1>"+ day); 
document.write(myweekday+" de "+month+ "</font>"
// --> 
</script> 

Pagina protegida

Este es un excelente recurso. Podés proteger tus páginas con una clave. Así podés definir exactamente quienes entrarán a tu página. No tenés que preocuparte por configuraciones. Es muy sencillo: la clave siempre será el nombre de tu página sin la extensión .htm, es decir, si la página tiene el nombre de "ejemplo.htm", la clave será "ejemplo". ¿Ves que fácil?. 

Para tener este recurso en tu sitio debes incluir un código en la página de "entrada" en donde el visitante ingresará la clave, y enviar a tu sitio el archivo de la página que será cargada. 



<Form name="frm"> 
<center> 
<Script Language="JavaScript"> 
<!-- 
// 
function loadpage(){ 
var psj=0; 
newwin = window.open(document.frm.pswd.value + ".htm" 

//--> 
</script> 
Ingresa tu clave: 
<input 
type="password" name="pswd" size="20"> 
</center> 
<center> 
<p> 
<input type="button" value="Entra" 
onClick="loadpage()" name="button"> 
&nbsp;</p> 
</center> 
</form> 

Boton animado

Aprendé a dar movimiento a tu página con botones animados por Java Script. Cada botón puede llevar a un enlace distinto. Sólo tienes que configurar los parámetros "lineArr" y "urlArr" del script, que permiten destacar cosas en tu página. 

<font face="Arial, Helvetica, sans-serif" size="2"> 
<script language="JavaScript"> 
var timerID = null 
var timerRunning = false 
var charNo = 0 
var charMax = 0 
var lineNo = 0 
var lineMax = 3 
var lineArr = new Array(lineMax) 
var urlArr = new Array(lineMax) 
lineArr[1] = "Pauluk Computación" 
urlArr[1] = "http://www.CheNico.com" 
lineArr[2] = "Trucos PC" 
urlArr[2] = "http://www.pauluk.8k.com/trucosprin.htm" 
lineArr[3] = "Noticias Tecnológicas y Actualidad" 
urlArr[3] = "http://www.pauluk.8k.com/noticias.htm" 
var lineText = lineArr[1] 
function StartShow() { 
StopShow() 
ShowLine() 
timerRunning = true 

function FillSpaces() { 
for (var i = 1; i <= lineWidth; i++) { 
spaces += " " 


function StopShow() { 
if (timerRunning) { 
clearTimeout(timerID) 
timerRunning = false 


function ShowLine() { 
if (charNo == 0) { 
if (lineNo < lineMax) { 
lineNo++ 

else { 
lineNo = 1 

lineText = lineArr[lineNo] 
charMax = lineText.length 

if (charNo <= charMax) { 
document.formDisplay.buttonFace.value = lineText.substring(0, charNo) 
charNo++ 
timerID = setTimeout("ShowLine()", 100) 

else { 
charNo = 0 
timerID = setTimeout("ShowLine()", 3000) 


function GotoUrl(url) 

top.location.href = url 

document.write("<form name="formDisplay">"
document.write("<input type="button" name="buttonFace" value="&{lineText}" size="18" onClick="GotoUrl(urlArr[lineNo])">"
document.write("</form>"
StartShow(); 
</script></font> 

Como crear enlaces

Cuadro explicativo de los enlaces: 

Sorprendé a tus visitantes con este asombroso truco. Al pasar el mouse sobre el link, aparece la explicación de ese link en un cuadro con la cantidad de palabras que queramos poner. Solo tenés que reemplazar mis direcciones por las tuyas, y el texto deseado por el tuyo. 

<p> 
<script language="JavaScript"><!-- 
function escribe(frase){document.desplaza.cuadro.value=frase; } 
// --></script> 
</p> 
<table border="0"> 
<tr> 
<td width="200"><p align="center"><strong>Opciones.</strong></p> 

<p><a href="http://www.CheNico.com" 
onmouseover="escribe(' Página principaln ----------------nn Cuando hagas Click en este enlace irás directamente a la página de inicio de mi web');">Página 
principal</a><br> 
<a href="http://***/pauluk/trucosprin.htm" 
onmouseover="escribe(' Trucos PCn -----------nn Este enlace te llevará a la página de Trucos PC en la que podés encontrar muchos más trucos interesantes para realizar e incluir en tus páginas web');">Trucos PC</a><br> 
<a href="http://***/pauluk/GLOSARIO.HTM" 
onmouseover="escribe(' Glosarion -------------- nn Diccionario de Términos Informáticos. Enterate el significado de esas palabras de computación que decís todos los días pero que no sabés exactamente qué significa.');">Glosario</a><br> 
</p> 
</td> 
<td><form name="desplaza"> 
<p><textarea name="cuadro" rows="8" cols="30" 
wrap="physical"></textarea></p> 
</form> 
</td> 
</tr> 
</table> 

Crear Formulario

Con este código podemos crear un formulario para que complete el visitante. O también un libro de visitas, luego que el visitante apriete el botón "enviar", los datos serán enviados a tu casilla de correo. 

<H2>Libro de visitas de www.CheNico.com</H2> 
<FORM ACTION="mailto:tunombre@tuservidor.com" METHOD="post"> 

<TABLE> 

<TD ALIGN=RIGHT>Nombre:</TD> 
<TD><INPUT type="text" size=36 name="nombre"></TD> 
<TR><TD ALIGN=RIGHT>Direccion E-mail:</TD> 
<TD><INPUT type="text" size=36 name="direccion"></TD> 
<TR><TD ALIGN=RIGHT>como llegaste hasta esta pagina?</TD> 
<TD><INPUT type="text" size=36 name="procedencia"></TD> 
<TR><TD ALIGN=RIGHT>Tus comentatios:</TD> 
<TD><TEXTAREA rows=5 cols=30 name="comentarios"></TEXTAREA></TD> 

</TABLE> 

<INPUT type="reset" value="Borrar todo"> <INPUT type="submit" value="Enviar"> 

</FORM> 

Pantalla que tiembla

Pantalla que tiembla: 

Al insertar este código, cada vez que entremos en la Web se producirá una especie de terremoto en el explorador. Un efecto interesante para atraer la atención de nuestros visitantes. 

<html> 
<head> 
<title>www.pauluk.8k.com</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
</head> 
<body bgcolor="#FFFFFF" text="#000000"> 
<p> 
<script language="JavaScript1.2"> 
function tremer(n) { 
if (self.moveBy) { 
for (i = 10; i > 0; i--) { 
for (j = n; j > 0; j--) { 
self.moveBy(0,i); 
self.moveBy(i,0); 
self.moveBy(0,-i); 
self.moveBy(-i,0); 
}}}} 
tremer(5) 
</script> 
<Script language=JavaScript> 
function right(e) { 
if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){ 
alert("www.pauluk.8k.com"); 
return false; 

else if (navigator.appName == 'Microsoft Internet Explorer' && 
(event.button == 2 || event.button == 3)) { 
alert("www.pauluk.8k.com"); 
return false; 

return true; 

document.onmousedown=right; 
if (document.layers) window.captureEvents(Event.MOUSEDOWN); 
window.onmousedown=right; 
</script> 
</body> 
</html> 

lunes, 3 de junio de 2013

Codigos para crear un formulario o un libro de visitas!!

<H2>Libro de visitas de www.sdfsdfsdfsdf.com</H2> 
<FORM ACTION="mailto:tunombre@tuservidor.com" METHOD="post"> 

<TABLE> 

<TD ALIGN=RIGHT>Nombre:</TD> 
<TD><INPUT type="text" size=36 name="nombre"></TD> 
<TR><TD ALIGN=RIGHT>Direccion E-mail:</TD> 
<TD><INPUT type="text" size=36 name="direccion"></TD> 
<TR><TD ALIGN=RIGHT>como llegaste hasta esta pagina?</TD> 
<TD><INPUT type="text" size=36 name="procedencia"></TD> 
<TR><TD ALIGN=RIGHT>Tus comentatios:</TD> 
<TD><TEXTAREA rows=5 cols=30 name="comentarios"></TEXTAREA></TD> 

</TABLE> 

<INPUT type="reset" value="Borrar todo"> <INPUT type="submit" value="Enviar"> 

</FORM> 

Plataforma o IDE que utilizamos para Programar en HTML5