Trucos HTML

La página "Actualizar" lleva al usuario a otra página sin que el mismo deba ejecutar acción alguna. Funciona como un simple redireccionador.

<HTML>
<HEAD>
<META HTTP-EQUIV="REFRESH" CONTENT="Segundos;URL=http://www.pauluk.8k.com">
<TITLE> Titulo </TITLE>
</HEAD>
<BODY>
Códigos HTML
</BODY>
</HTML>

En "segundos", colocás el tiempo que deseas que la página demore hasta redireccionar el usuario al nuevo URL.

Aprendé a incluir en tu página un enlace para que los usuarios puedan agregarla automáticamente a los favoritos del navegador. El visitante sólo tiene que hacer clic en un enlace para que la página se incluya en su lista de favoritos.

<a href="javascript:window.external.AddFavorite('http://www.pauluk.8k.com',
'Pauluk Computacion')"><small><font face="Verdana" size="1">
Agregar a favoritos</font></small></a>

Podés darle movimiento a la barra de estado del navegador del visitante en tu sitio. Es un efecto fabuloso que te permite destacar lo que desees.

Copiá el siguiente código y pegalo en tus páginas debajo de la etiqueta <Body>.

<script language="JavaScript">
tempo = 10;
chars = 5;
texto = "-- Ingresa el texto aquí --";
wtexto = new Array(33);
wtexto[0] = texto;
blnk = " ";//Mantén estos espacios
for (i = 1; i < 32; i++) {
b = blnk.substring(0, i);
wtexto = "";
for (j = 0; j < texto.length; j++) wtexto = wtexto + texto.charAt(j) + b;
}
function animastatus() {
if (chars > -1) str = wtexto[chars];
else str = wtexto[0];
if (chars-- < -40) chars = 31;
status = str;
clearTimeout(tempo);
tempo = setTimeout("animastatus()", 150);
}
animastatus()
</script>

Este efecto ofrece otra alternativa de apertura para tu sitio, una forma diferente de presentarlo a los visitantes. Es sólo copiar y pegar el código en tu página. Siempre que alguien acceda a tu sitio el efecto será activado.

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

<div id="i1" class="intro"></div>
<div id="i2" class="intro"></div>
<div id="i3" class="intro"></div>
<div id="i4" class="intro"></div>
<div id="i5" class="intro"></div>
<div id="i6" class="intro"></div>
<div id="i7" class="intro"></div>
<div id="i8" class="intro"></div>
<script language="JavaScript1.2">
var velocidade=20
var tempo=new Array()
var tempo2=new Array()
if (document.layers){
for (i=1;i<=8;i++){
tempo=eval("document.i"+i+".clip")
tempo2=eval("document.i"+i)
tempo.width=window.innerWidth
tempo.height=window.innerHeight/8
tempo2.top=(i-1)*tempo.height
}
}
else if (document.all){
var clipright=document.body.clientWidth,clipleft=0
for (i=1;i<=8;i++){
tempo=eval("document.all.i"+i+".style")
tempo.width=document.body.clientWidth
tempo.height=document.body.offsetHeight/8
tempo.top=(i-1)*parseInt(tempo.height)
}
}
function openit(){
window.scrollTo(0,0)
if (document.layers){
for (i=1;i<=8;i=i+2)
tempo.right-=velocidade
for (i=2;i<=8;i=i+2)
tempo.left+=velocidade
if (tempo[2].left>window.innerWidth)
clearInterval(stopit)
}
else if (document.all){
clipright-=velocidade
for (i=1;i<=8;i=i+2){
tempo.clip="rect(0 "+clipright+" auto 0)"
}
clipleft+=velocidade
for (i=2;i<=8;i=i+2){
tempo.clip="rect(0 auto auto "+clipleft+")"
}
if (clipright<=0)
clearInterval(stopit)
}
}
function gogo(){
stopit=setInterval("openit()",100)
}
gogo()
</script>

¿Quieres cambiar el color? Puedes cambiarlo por cualquier otro color. ¡Es muy fácil:

Observá que existe una parte del código que contiene:

<style>

</style>

Donde dice "green", tenés que poner el nombre en inglés o el código hexadecimal del color que deseas.

Podés también seleccionar uno de los colores que siguen y sustituir la referida parte del código original por esta nueva que vas a recibir.

¿Querés que la barra de estado cambie cuando el mouse pase sobre los enlaces? ¡Es fácil! Podés hacer que cualquier mensaje aparezca en la barra de estado del navegador cuando alguien pase el mouse sobre los enlaces de tu página. Observá cómo hacerlo acá:

- Ejemplo- El código HTML de un enlace común se parece al siguiente ejemplo:

<a href=fotos.html>Fotos del Viaje</a>

Sólo tenés que incluir el siguiente código:

ONMOUSEOVER="window.status='COLOCA EL TEXTO AQUI';return true;" ONMOUSEOUT="window.status='';return true;"

- Código<a href=fotos.html ONMOUSEOVER="window.status='COLOCA EL TEXTO AQUI';return true;" ONMOUSEOUT="window.status='';return true;">Fotos del Viaje</a>

Copia el código y pégalo en tus páginas debajo de la etiqueta <Body>.

Con el texto aleatorio es posible hacer que, a cada visita a tu página, el usuario vea un mensaje diferente sin necesidad de actualizar tu sitio a todo momento.

<Script Language="JavaScript">
hoje = new Date()
numero_de_textos = 4
segundos = hoje.getSeconds()
numero = segundos % numero_de_textos
if (numero == 0){
texto = "Ingresa el primer texto aquí"
}
if (numero == 01){
texto = "Ingresa el segundo texto aquí"
}
if (numero == 02){
texto = "Ingresa el tercer texto aquí"
}
if (numero == 03){
texto = "Ingresa el cuarto texto aquí"
}
document.write('' + texto +'')
</script>

Instrucciones para personalización: Si deseas incluir más de tres textos, debes ingresar en "numero de textos" el número total de textos que aparecerán.

if (numero == Ingresa el número del texto aquí){
texto = "Ingresa el texto que aparecerá aquí"
}

En "Ingresa el número del texto aquí", sigue la secuencia. En el código, por ejemplo, el último número era "03", por lo tanto, para incluir un nuevo texto, el número será "04", y así sucesivamente para cada nuevo texto.

¡ATENCION! Incluye el código del nuevo texto siempre antes de "document.write('' + texto +'') </script>".

Con este recurso es posible hacer que, a cada visita a tu página, el usuario vea una imagen diferente sin necesidad de actualizar tu sitio a cada momento.

Imágenes aleatórias con enlaces: Pegá el siguiente código en tu página HTML. Podés pegarlo donde quieras que aparezcan las imágenes.

<Script Language="JavaScript">
hoje = new Date()
numero_de_imagens = 2
segundos = hoje.getSeconds()
numero = segundos % numero_de_imagens
if (numero == 0){
banner = "Ingresa el nombre de la imagen 1 aqui"
link = "http://"
alvo = "_self"
}
if (numero == 1){
banner = "Ingresa el nombre de la imagen 2 aqui"
link = "http://"
alvo = "_self"
}
document.write('<a href="' + link + '" target="' + alvo + '" ><img src="' + banner + '" border=0></a>')
</script>

Esto sirve para comprobar el navegador que se está usando, por si queremos crear una página para Netscape y otra para Internet Explorer:

<script language="JavaScript">



function cargar(){

if (esIE30())

window.location.href="indice_ie.htm";

else

window.location.href="indice_netscape.htm";

}

//-->

</script>

Nota: Hay que tener en cuenta que se diferencian las mayúsculas de las minúsculas.

<a href="#posicion1">Ir a la posicion1</a>

Nota: Hay que tener en cuenta que se diferencian las mayúsculas de las minúsculas.

<a href="otra_pagina.htm#posicion1">Ir a la posicion1 de otra_pagina</a>

O mejor dicho, cargar otra página después de "x" segundos.
Este comando debe estar en el bloque <HEAD>...</HEAD>

<HEAD>

<META http-equiv="refresh" content="segundos; url=siguiente_pagina.htm">

</HEAD>

chavales, teneis un don..PERO IO NO.

y esque no entiendo una kosa. todos estos codigos para dificultar la copia de mi space y para comvertir el cursor en una mira... donde los pongo?

por favor necesito que me digais donde los pongo, porque lo he provado en el boton de HTML del blog, en la barra de direcciones... pero nada

ESPERO RESPUESTA Huh

Pues si:

Justo lo ke taba buskando!!! es todo.

Algunos esta espacificado donde van, los demas prueba al iniciar el BODY, o en HEAD a ver ke tal, si dices ke es en tu blog no sirve porke no te muestra esas "secciones".

Viejo eres o mejor muy bueno me gusta todo lo que has hecho grasia amigo por ayudar a ls novatos...

salu2

gracias men por los trucos estan re buenos, los estoy probando y me han gustado mucho.- muchas gracias

la verdad es k eres impresionante nomas k no todos los trukos los puedo aplicar.
1.-Donde es el body?

2.-Don de es el HEAd?

ja ja ja, estructura del html amigo, solo eso:

<html>
<head>
//cosas pa el head
</head>
<body>
//cosas pa el body
</body>
</html>

ByTes Wink

para trucos para spaces (todo en html) ir a www.vici13.tk

Bue... soy nuevo jeje
dejo algunos codigos

-----------------------------------------------------------------------
Poner un archivo ".avi" en la pagina para visualizarlo

<object id="xxxxxxxx" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<param name="url" ref value="http://www.tu_web.com/archivo.avi">
<param name="rate" value="1">
<param name="balance" value="0">
<param name="currentPosition" value="0">
<param name="defaultFrame" value>
<param name="playCount" value="1">
<param name="autoStart" value="-1">
<param name="currentMarker" value="0">
<param name="invokeURLs" value="-1">
<param name="baseURL" value>
<param name="volume" value="50">
<param name="mute" value="0">
<param name="uiMode" value="full">
<param name="stretchToFit" value="0">
<param name="windowlessVideo" value="0">
<param name="enabled" value="-1">
<param name="enableContextMenu" value="-1">
<param name="fullScreen" value="0">
<param name="SAMIStyle" value>
<param name="SAMILang" value>
<param name="SAMIFilename" value>
<param name="captioningID" value>
<param name="enableErrorDialogs" value="-1">
<param name="_cx" value="6482">
<param name="_cy" value="6350">
<embed animationatstart="0"
autosize="1"
autostart="1"
displaybackcolor="black"
width="176"
height="132"
name="WMP"
pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"
showcontrols="1"
showpositioncontrols="0"
showdisplay="0"
showstatusbar="0"
src="aqui la url del video o audio"
type="video/x-ms-asf-plugin"
>
</embed>
<noembed><a href="aqui la url del video o audio">Click here to play</a></noembed></object>

------------------------------------------------------------------------

Reloj siempre visible en la pagina

<script language="JavaScript">
fCol='000000';//face colour.
sCol='ff0000';//seconds colour.
mCol='000000';//minutes colour.
hCol='000000';//hours colour.

H='....';
H=H.split('');
M='.....';
M=M.split('');
S='......';
S=S.split('');
Ypos=0;
Xpos=0;
Ybase=8;
Xbase=8;
dots=12;
ns=(document.layers)?1:0;
if (ns){
dgts='1 2 3 4 5 6 7 8 9 10 11 12';
dgts=dgts.split(' ')
for (i=0; i < dots; i++){
document.write('<layer name=nsDigits'+i+' top=0 left=0 height=30 width=30><center><font face=Arial,Verdana size=1 color='+fCol+'>'+dgts+'</font></center></layer>');
}
for (i=0; i < M.length; i++){
document.write('<layer name=ny'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></layer>');
}
for (i=0; i < H.length; i++){
document.write('<layer name=nz'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"></layer>');
}
for (i=0; i < S.length; i++){
document.write('<layer name=nx'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"></layer>');
}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=1; i < dots+1; i++){
document.write('<div id="ieDigits" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial,Verdana;font-size:10px;color:'+fCol+';text-align:center;padding-top:10px">'+i+'</div>');
}
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < M.length; i++){
document.write('<div id=y style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></div>');
}
document.write('</div></div>')
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < H.length; i++){
document.write('<div id=z style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></div>');
}
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < S.length; i++){
document.write('<div id=x style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"></div>');
}
document.write('</div></div>')
}
function clock(){
time = new Date ();
secs = time.getSeconds();
sec = -1.57 + Math.PI * secs/30;
mins = time.getMinutes();
min = -1.57 + Math.PI * mins/30;
hr = time.getHours();
hrs = -1.57 + Math.PI * hr/6 + Math.PI*parseInt(time.getMinutes())/360;
if (ns){
Ypos=window.pageYOffset+window.innerHeight-60;
Xpos=window.pageXOffset+window.innerWidth-80;
}
else{
Ypos=document.body.scrollTop+window.document.body.clientHeight-60;
Xpos=document.body.scrollLeft+window.document.body.clientWidth-60;
}
if (ns){
for (i=0; i < dots; ++i){
document.layers["nsDigits"+i].top=Ypos-5+40*Math.sin(-0.49+dots+i/1.9);
document.layers["nsDigits"+i].left=Xpos-15+40*Math.cos(-0.49+dots+i/1.9);
}
for (i=0; i < S.length; i++){
document.layers["nx"+i].top=Ypos+i*Ybase*Math.sin(sec);
document.layers["nx"+i].left=Xpos+i*Xbase*Math.cos(sec);
}
for (i=0; i < M.length; i++){
document.layers["ny"+i].top=Ypos+i*Ybase*Math.sin(min);
document.layers["ny"+i].left=Xpos+i*Xbase*Math.cos(min);
}
for (i=0; i < H.length; i++){
document.layers["nz"+i].top=Ypos+i*Ybase*Math.sin(hrs);
document.layers["nz"+i].left=Xpos+i*Xbase*Math.cos(hrs);
}
}
else{
for (i=0; i < dots; ++i){
ieDigits.style.pixelTop=Ypos-15+40*Math.sin(-0.49+dots+i/1.9);
ieDigits.style.pixelLeft=Xpos-14+40*Math.cos(-0.49+dots+i/1.9);
}
for (i=0; i < S.length; i++){
x.style.pixelTop =Ypos+i*Ybase*Math.sin(sec);
x.style.pixelLeft=Xpos+i*Xbase*Math.cos(sec);
}
for (i=0; i < M.length; i++){
y.style.pixelTop =Ypos+i*Ybase*Math.sin(min);
y.style.pixelLeft=Xpos+i*Xbase*Math.cos(min);
}
for (i=0; i < H.length; i++){
z.style.pixelTop =Ypos+i*Ybase*Math.sin(hrs);
z.style.pixelLeft=Xpos+i*Xbase*Math.cos(hrs);
}
}
setTimeout('clock()',50);
}
if (document.layers || document.all) window.onload=clock;
//-->
</script>

-----------------------------------------------------------------------

Calculadora de multiples funciones (largo pero bueno)

<script language="javascript">
//
</script>
<table BORDER="3" CELLSPACING="3" ALIGN="CENTER">
<tr BGCOLOR="#c0c0c0">
<td>
<form name="result">
<input size="18" name="result" onFocus="refresh(); this.blur();">
</form>
<img SRC="images/calc.gif" usemap="#map" border="0" width="158" height="240">
<map name="map">
<area SHAPE="rect" HREF="javascript:digit(0)" COORDS="12,210,32,228">
<area SHAPE="rect" HREF="javascript:period()" COORDS="40,210,60,228">
<area SHAPE="rect" HREF="javascript:exp()" COORDS="68,210,88,228">
<area SHAPE="rect" HREF="javascript:sign()" COORDS="96,210,116,228">
<area SHAPE="rect" HREF="javascript:equals()" COORDS="124,210,144,228">
<area SHAPE="rect" HREF="javascript:digit(1)" COORDS="12,186,32,204">
<area SHAPE="rect" HREF="javascript:digit(2)" COORDS="40,186,60,204">
<area SHAPE="rect" HREF="javascript:digit(3)" COORDS="68,186,88,204">
<area SHAPE="rect" HREF="javascript:operator('+')" COORDS="96,186,116,204">
<area SHAPE="rect" HREF="javascript:operator('-')" COORDS="124,186,144,204">
<area SHAPE="rect" HREF="javascript:digit(4)" COORDS="12,160,32,178">
<area SHAPE="rect" HREF="javascript:digit(5)" COORDS="40,160,60,178">
<area SHAPE="rect" HREF="javascript:digit(6)" COORDS="68,160,88,178">
<area SHAPE="rect" HREF="javascript:operator('*')" COORDS="96,160,116,178">
<area SHAPE="rect" HREF="javascript:operator('/')" COORDS="124,160,144,178">
<area SHAPE="rect" HREF="javascript:digit(7)" COORDS="12,136,32,154">
<area SHAPE="rect" HREF="javascript:digit(" COORDS="40,136,60,154">
<area SHAPE="rect" HREF="javascript:digit(9)" COORDS="68,136,88,154">
<area SHAPE="rect" HREF="javascript:clear()" COORDS="96,136,116,154">
<area SHAPE="rect" HREF="javascript:clearAll()" COORDS="124,136,144,154">
<area SHAPE="rect" HREF="javascript:openp()" COORDS="12,111,32,125">
<area SHAPE="rect" HREF="javascript:closep()" COORDS="40,111,60,125">
<area SHAPE="rect" HREF="javascript:func('Min')" COORDS="68,111,88,125">
<area SHAPE="rect" HREF="javascript:func('MR')" COORDS="96,111,116,125">
<area SHAPE="rect" HREF="javascript:func('M+')" COORDS="124,111,144,125">
<area SHAPE="rect" HREF="javascript:operator('pow')" COORDS="12,87,32,102">
<area SHAPE="rect" HREF="javascript:func('n!')" COORDS="40,87,60,102">
<area SHAPE="rect" HREF="javascript:func('sqrt')" COORDS="68,87,88,102">
<area SHAPE="rect" HREF="javascript:func('1/x')" COORDS="96,87,116,102">
<area SHAPE="rect" HREF="javascript:func('swap')" COORDS="124,87,144,102">
<area SHAPE="rect" HREF="javascript:inv()" COORDS="12,63,32,77">
<area SHAPE="rect" HREF="javascript:func('sin')" COORDS="40,63,60,77">
<area SHAPE="rect" HREF="javascript:func('cos')" COORDS="68,63,88,77">
<area SHAPE="rect" HREF="javascript:func('tan')" COORDS="96,63,116,77">
<area SHAPE="rect" HREF="javascript:func('pi')" COORDS="124,63,144,77">
<area SHAPE="rect" HREF="javascript:func('log')" COORDS="12,39,32,53">
<area SHAPE="rect" HREF="javascript:func('ln')" COORDS="40,39,60,53">
<area SHAPE="rect" HREF="javascript:func('log2')" COORDS="68,39,88,53"></map></td>
</tr>
</table>

------------------------------------------------------------------------

Marquesina de doble mensaje y efecto

<script language="JavaScript">
0) {
shift();
setTimeout("scroll()",65) // 65 tiempos de display entre letras //
}
else {
if (countb-->0) {
if ((countb % 2)==0) {
document.scrform.scrtext.value= " "
setTimeout("scroll()",250) //250 tiempos de Flash para el primer mensaje//
}
else {
document.scrform.scrtext.value= scrtxt;
if (countb==1) {
setTimeout("scroll()",2000)} //2000 tiempo de retardo para que aperezca mensaje despues de flash//
else {
setTimeout("scroll()",250)} // retardo de flashing para que comienze el mensaje //
}
}
else {
now= new Date();
n= 1+Math.floor(nmsg*Math.abs(Math.sin(now.getTime())));
if (n>nmsg) { n= nmsg}
scrtxt= message[n];
lentxt= scrtxt.length;
count= lentxt+width+1;
setTimeout("scroll()",150) //150 tiempo de retardo para mostrar el segundo mensaje //
}
}
}
// -->
</script>
<center>
<form NAME="scrform" onSubmit="0">
<input TYPE="text" NAME="scrtext" SIZE="60">
</form>
<script> scroll();</script>

Bue solo eso je

;DMuy productivos los trucos , muchas Gracias Grin

Como seria el codigo de ejecucion de archivos.exe??

Un saludo

Hola

Cita de: DarknessFeatSunny en Marzo 06, 2007, 09:07:51
Como seria el codigo de ejecucion de archivos.exe??

Un saludo

e estado investigando mucho si existe un código capas de hacer lo que dices, pero parece ser que no hay, e encontrado algunos pero son detectados y no son programados en html.

salu2

Aqui una solucion haber si le sirve

http://foro.el-hacker.com/index.php/topic,67168.0.html

Saludos

Bueno no,mi problema es mas bien este:

http://foro.el-hacker.com/index.php/topic,87084.msg327393.html#msg327393

ejecutar un archivo exe en un servidor ftp en el que tengo una cuenta de admin,y todos los privilegios,pero no se como ejecutar .exes remotamente desde mi cliente...uso el flashFXP, pero igual con la consola de win tampoco lo consigo...

Por eso yo abia pensado en crear un index.html,y, desde el navegador,cargar ese index para ejecutar un archivo qe este con el index...me explico???

Si alguien me pudiera ayudar,o si saben alguna otra manera la acepto...gracias

Un saludo

	Bienvenido(a), Visitante. Favor de ingresar o registrarse. ¿Perdiste tu email de activación? - Julio 09, 2008, 04:22:43 Boton Buscar