Ayudas Para WebMaster: enero 2008

Botón para volver atrás

Posted by : VM18 on 17:59

Botón volver atrás, history.back. Vuelve atrás haciendo click en el boton.

Debes copiar el código, modificarlo a tu gusto e insertarlo dentro de las etiquetas:

<body> aqui pegas el script </body>

Código:

Ver Ejemplo.

Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.

Cerrar una ventana de tu página con este script

Posted by : VM18 on 17:57

Botón cerrar ventana.window.close

Debes copiar el código, modificarlo a tu gusto e insertarlo dentro de las etiquetas:

<body> aqui pegas el script </body>

Código:

Ver Ejemplo.

Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.

Agregar Página a Favoritos con esté script

Posted by : VM18 on 17:56

Agregar a Favoritos con Javascript AddFavorite Favoritos con Javascript. Link

Debes copiar el código, modificarlo a tu gusto e insertarlo dentro de las etiquetas:

<body> aqui pegas el script </body>

Código:

<a href="javascript:window.external.AddFavorite('http://www.nombredetuweb.com','Descripcion de sitio')"/>Agrégame
a tus favoritos</a>

Este link esta siendo utilizados por la mayoria de las web's para que sus visitantes tenga la pagina cerca y puedan visitarla rapidamente.

Ver Ejemplo.

Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.

Imprimir página con esté script

Posted by : VM18 on 17:54

Al hacer click aparecen las opciones normales antes de una impresion, elegir número de copias, etc , no imprime de inmediato. Imprimir con javascript, link para imprimir.

Debes copiar el código, modificarlo a tu gusto e insertarlo dentro de las etiquetas:

<body> aqui pegas el script </body>

Código:

<a href="javascript:print()">Imprimir</a>

Simple código para que imprimas la pagina en la cual lo insertes, este abrira tu impresora para que la configures y puedas proceder a imprimir.

Las que mayormente ofrecen este enlaces son web de caracter informativo, educativos, noticias, entre otros, pero eso no quieres decir que no lo puedas implementar en tu pagina.

Ver Ejemplo.

Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.

Bloquear el Botón Derecho del mouse

Posted by : VM18 on 17:52

Bloquea el botón derecho del mouse, inavilita el boton derechos para que no pueda ser usado en tu web, al intentar utilizarlos apracera una alerta con un texto el cual puedes modificar a tu gusto.

Debes copiar el código, modificarlo a tu gusto e insertarlo dentro de las etiquetas:

<body> aqui pegas el script </body>

Código:

<script language="JavaScript" type="text/JavaScript">
function click(){
if(event.button==2){
alert(' Tu modificas este alerta');
}
}
document.onmousedown=click
//-->
</script>

Ver Ejemplo.

Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.

Alerta que muestra el navegador qué usas

Posted by : VM18 on 17:50

Detectar el navegador con javascript. Detecta si estás utilizando Internet explorer, netscape, mozilla, etc. Aparece una alerta con la informacón de navegador que estas utilizando.

Debes copiar el código, modificarlo a tu gusto e insertarlo dentro de las etiquetas:

<body> aqui pegas el script </body>

Código:

Ver Ejemplo.

Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.

Hacer pagina de inicio

Posted by : VM18 on 16:47

Página de Inicio con Javascript , Script para hacer "página de Inicio" Crear Link homepage.
Debes copiar el código, modificarlo a tu gusto e insertarlo dentro de las etiquetas:

<body> aqui pegas el script </body>

Código:

<a href="http://www.elnombredetuweb.com" onclick="this.style.behavior='url(#default#homepage)'; this.setHomePage('Un Descricción o el Titulo.');">HAZME TU PAGINA DE INICIO</a>

Ver Ejemplo.

Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.

Detectar la Resolucion que usas

Posted by : VM18 on 16:43

Detecta la resolución de pantalla getScreenSize. Te indica que resolución o tamaño de pantalla estás utilizando.

Debes copiar el código, modificarlo a tu gusto e insertarlo dentro de las etiquetas:

<body> aqui pegas el script </body>

Código:

Ver Ejemplo.

Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.

Actualizar tu sitio con un secillo script

Posted by : VM18 on 16:36

Actualizar la página con javascript . location.reload. Actualizar página

Debes copiar el código, modificarlo a tu gusto e insertarlo dentro de las etiquetas:

<body> aqui pegas el script </body>

Código:

<a href="javascript:location.reload()">Actualizar</a>

Es un Script Simple, solo tienes que copiar y pegarlo en tu sitio.

Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.

Efecto Terremoto en tu pagina.

Posted by : VM18 on 19:17

El efecto o temblor dura 10 segundos, tiempo que puedes modificar. Browser, navegador que tiembla al cargar la página. La primera etiqueta <body> queda así:
<BODY onload="terremoto(6)"> donde (6) es el número de segundos que dura el efecto, y debes copiar el siguiente código insertarlo dentro de las etiquetas:

<body onload="terremoto(6)"> aqui pegas el script </body>

Código Script:

Ver Ejemplo.

Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.

¿Como pegar un script.?

Posted by : VM18 on 19:15

Los scripts presentados en este sitio deben tan solo "pegarse" dentro del código fuente de tu página, por ejemplo al utilizar un editor de html como frontpage o dreamweaver tienes la opción de ver el código de la web que vas creando, y dentro de ese código puedes insertar los scripts en las etiquetas que se indican, ya sea dentro de las etiquetas head o dentro de las etiquetas body.
<html>
<head>

Aquí pegas los scripts dentro de las etiquetas head
<title>titulo de tu pagina</title>
</head>

<body>

Aquí pegas los scripts dentro de las etiquetas body
</body>

</html>

Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.

Menú oculto a la izquierda de la página.

Posted by : VM18 on 19:12

Menú que esta oculto a la izquierda de la pantalla hasta que se pasa el cursor por encima y se desliza suavemente hasta mostrarse completamente.

Configurable para que lo puedas usar para tu sitio.
<head>Inserta el código 1</head>

Código1, esto se lo debes agregar a tu hoja de estilo:

<style>

</style>

y Dentro de la etiqueta <body>Inserta codigo 2</body>

Código 2 Script:

<script language="JavaScript1.2">

if (document.all)
document.write('<div id="slidemenubar2" style="left:-150" onMouseover="pull()" onMouseout="draw()">')
</script>
<layer id="slidemenubar" onMouseover="pull()" onMouseout="draw()">
<script language="JavaScript1.2">
var sitems=new Array()
var sitemlinks=new Array()

//extend or shorten this list
sitems[0]="NOMBRE DE TU LINK 1"
sitems[1]="NOMBRE DE TU LINK 2"
sitems[2]="NOMBRE DE TU LINK 3"
sitems[3]="NOMBRE DE TU LINK 4"
sitems[4]="NOMBRE DE TU LINK 6"
sitems[5]="NOMBRE DE TU LINK 7"
sitems[6]="NOMBRE DE TU LINK 8"

//These are the links pertaining to the above text.
sitemlinks[0]="tuurlalenlace1.html"
sitemlinks[1]="tuurlalenlace2.html"
sitemlinks[2]="tuurlalenlace3.html"
sitemlinks[3]="tuurlenlace4.html"
sitemlinks[4]="tuurlenlace5.html"
sitemlinks[5]="tuurlenlace6.html"
sitemlinks[6]="tuurlenlace7.html"
for (i=0;i<=sitems.length-1;i++)
document.write('<a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br>')
</script>
</layer>
<script language="JavaScript1.2">
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",400)
}
window.onload=regenerate2
if (document.all){
document.write('</div>')
themenu=document.all.slidemenubar2.style
rightboundary=0
leftboundary=-150
}
else{
themenu=document.layers.slidemenubar
rightboundary=150
leftboundary=10
}
function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval("pullengine()",50)
}
function draw(){
clearInterval(pullit)
drawit=setInterval("drawengine()",50)
}
function pullengine(){
if (document.all&&themenu.pixelLeft<rightboundary)
themenu.pixelLeft+=5
else if(document.layers&&themenu.left<rightboundary)
themenu.left+=5
else if (window.pullit)
clearInterval(pullit)
}
function drawengine(){
if (document.all&&themenu.pixelLeft>leftboundary)
themenu.pixelLeft-=5
else if(document.layers&&themenu.left>leftboundary)
themenu.left-=5
else if (window.drawit)
clearInterval(drawit)
}
</script>

Ver Ejemplo.

Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.

Menú horizontal que muestra enlaces desplazados por botones

Posted by : VM18 on 19:10

Inserta el código en la parte de la página donde quieras que aparezca y es una buena opción si tienes muchos enlaces los puedes colocar todos y tu visitante solo tienen que desplazarce por el menú para encontrar lo que buscan.

<Head> Aqui pegas el script o código 1</head>
<body> aqui pegas el scrip o código 2 </body>

Código 1:

<style>
body{
overflow-x:hidden;
overflow-y:scroll;
}
</style>

Código 2:
<script language="JavaScript1.2">
var goleftimage='imagenes/flechaizd.gif'
var gorightimage='imagenes/flechader.gif'
var menuwidth=300
var scrollspeed=6
var menucontents='<nobr><a href="../tu_ruta_enlace1.html">Nombre de tu enlace</a> | <a href="../tu_ruta_enlace2.html" >Nombre de tu enlace</a> | <a href="../tu_ruta_enlace3.html">Nombre de tu Enlace</a> | <a href="../tu_ruta_enlace4.html">Nombre de tu Enlace</a></nobr>'
var actualwidth=''
var ns_scroll
function fillup(){
if (document.all){
test2.innerHTML=menucontents
actualwidth=test2.offsetWidth
}
else if (document.layers){
ns_scroll=document.ns_scrollmenu.document.ns_scrollmenu2
ns_scroll.document.write(menucontents)
ns_scroll.document.close()
actualwidth=ns_scroll.document.width
}
}
window.onload=fillup

function moveleft(){
if (document.all&&test2.style.pixelLeft>(menuwidth-actualwidth))
test2.style.pixelLeft-=scrollspeed
else if (document.layers&&ns_scroll.left>(menuwidth-actualwidth))
ns_scroll.left-=scrollspeed
lefttime=setTimeout("moveleft()",50)
}

function moveright(){
if (document.all&&test2.style.pixelLeft<0)
test2.style.pixelLeft+=scrollspeed
else if (document.layers&&ns_scroll.left<0)
ns_scroll.left+=scrollspeed
righttime=setTimeout("moveright()",50)
}

if (document.all||document.layers){
with (document){
write('<table border="0" cellspacing="0" cellpadding="0">')
write('<td valign="middle"><a href=#" onMouseover="moveleft()" onMouseout="clearTimeout(lefttime)"><img src="'+goleftimage+'" mce_src="'+goleftimage+'"border=0>
</a> </td>')
write('<td valign="top">')
if (document.all){
write('<span style="position:relative;width:'+menuwidth+';">')
write('<span style="position:absolute;width:'+menuwidth+';clip:rect(0 '
+menuwidth+' auto 0)">')
write('<span id="test2" style="position:absolute;left:0;top:0">')
write('</span></span></span>')
}
else if (document.layers){
write('<ilayer width='+menuwidth+' name="ns_scrollmenu">')
write('<layer name="ns_scrollmenu2" left=0 top=0></layer></ilayer>')
}
write('</td>')
write('<td valign="middle"> <a href="#" mce_href="#" onMouseover="moveright()" onMouseout="clearTimeout(righttime)">')
write('<img src="'+gorightimage+'" mce_src="'+gorightimage+'"border=0></a>')
write('</td></table>')
}
}
</script><style>
body{
overflow-x:hidden;
overflow-y:scroll;
}
</style>

Puedes modificar:

Lo que esta en rojo son las imagenes de las flechas puedes cargar las tuyas propias.
Lo que esta en azul determinan la anchura valor(300 - 468 - cualquieras) y la velocidad valor(6 - 10).
Son lo enlaces o link a los que serán dirigidos tu visitantes.
El nombre que le darás a tus enlaces o link.

Ver Ejemplo.

Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.

Menú por jerarquia muy practico cuando se tiene muchos enlaces

Posted by : VM18 on 19:08

Inserta el código en la parte de la página donde te guste, este menú ofrecer la posibilidad de almacernar gran cantidad de enlaces, jerarquizando cada uno de ellos, por su prioridad o simplemente porqué quieres que sean los primeros en visualizarce.

<Head> aqui pegas código 1 </head>
<body> Aqui pegas el código 2 </body>

Código 1:

<style>

</style>
<script language="JavaScript1.2">
var head="display:''"
img1=new Image()
img1.src="fold.gif" mce_src="fold.gif"
img2=new Image()
img2.src="open.gif" mce_src="open.gif"

function change(){
if(!document.all)
return
if (event.srcElement.id=="foldheader") {
var srcIndex = event.srcElement.sourceIndex
var nested = document.all[srcIndex+1]
if (nested.style.display=="none") {
nested.style.display=''
event.srcElement.style.listStyleImage="url(open.gif)"
}
else {
nested.style.display="none"
event.srcElement.style.listStyleImage="url(fold.gif)"
}
}
}

document.onclick=change

//-->
</script>

Código 2:
<ul>

<li id="foldheader">Ayudas Para WebMaster.</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="http://castudillo.wordpress.com"><b><u>Página principal Ayudas WebMaster</u></b></a></li>
<li id="foldheader">Lista de Enlaces</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="http://castudillo.wordpress.com/contacto/"><b><u>Contacto</u></b></a></li>
<li><a href="http://castudillo.wordpress.com/javascript/"><b>Códigos Javascript</b></a></li>
<li><a href="http://castudillo.wordpress.com/html/"><b>Códigos HTML</b></a></li>
<li><a href="http://castudillo.wordpress.com/red-amiga/"><b>Red-Amiga</b></a></li>
<li><a href="http://castudillo.wordpress.com/foro/"><b>Foro</b></a></li>
<li><a href="http://castudillo.wordpress.com"><b>Publcidad Web</b></a></li>
<li><a href="http://tu_ruta_al_enlace.html"><b>enlace 1</b></a></li>
</ul>
<li id="foldheader">Nombre Sección 1</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="http://tu_ruta_al_enlace.html"><b><u>Cambia en nombre para tu uso.</u></b></a></li>
<li><a href="http://tu_ruta_al_enlace.html"><b>Cambia en nombre para tu uso.</b></a></li>
<li><a href="http://tu_ruta_al_enlace.html"><b>Cambia en nombre para tu uso.</b></a></li>
<li><a href="http://tu_ruta_al_enlace.html"><b>Cambia en nombre para tu uso.</b></a></li>
<li><a href="http://tu_ruta_al_enlace.html"><b>Cambia en nombre para tu uso.</b></a></li>
<li><a href="http://tu_ruta_al_enlace.html"><b>Cambia en nombre para tu uso.</b></a></li>
<li><a href="http://tu_ruta_al_enlace.html"><b>Cambia en nombre para tu uso.</b></a></li>
</ul>
<li id="foldheader">Nombre Sección 2</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="http://tu_ruta_al_enlace.html"><b><u>Cambia en nombre para tu uso.</u></b></a></li>
<li><b><a href="http://tu_ruta_al_enlace.html">Cambia en nombre para tu uso.s</a></b></li>
<li><a href="http://tu_ruta_al_enlace.html"><b>Cambia en nombre para tu uso.</b></a></li>
<li><a href="http://tu_ruta_al_enlace.html"><b>Cambia en nombre para tu uso.</b></a></li>
<li><a href="http://tu_ruta_al_enlace.html"><b>Cambia en nombre para tu uso.</b></a></li>
<li><a href="http://tu_ruta_al_enlace.html"><b>Cambia en nombre para tu uso.</b></a></li>
<li><b><a href="http://tu_ruta_al_enlace.html">Cambia en nombre para tu uso.</a></b></li>
<li><b><a href="http://tu_ruta_al_enlace.html">Cambia en nombre para tu uso.</a></b></li>
<li><a href="http://tu_ruta_al_enlace.html"><b>Cambia en nombre para tu uso.</b></a></li>
<li><a href="http://tu_ruta_al_enlace.html"><b>Cambia en nombre para tu uso.</b></a></li>
</ul>
<li id="foldheader">Nombre sección 3</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="http://tu_ruta_al_enlace.html"><b><u>Cambia en nombre para tu uso.</u></b></a></li>
<li><b><font face="Verdana" size="2"><a href="http://tu_ruta_al_enlace.html">Cambia en nombre para tu uso.</a></font></b></li>
<li><b><font face="Verdana" size="2"><a href="http://tu_ruta_al_enlace.html">Cambia en nombre para tu uso.</a></font></b></li>
<li><b><font face="Verdana" size="2"><a href="http://tu_ruta_al_enlace.html">Cambia en nombre para tu uso.</a></font></b></li>
<li><b><font face="Verdana" size="2"><a href="http://tu_ruta_al_enlace.html">Cambia en nombre para tu uso.</a></font></b></li>
<li><b><font face="Verdana" size="2"><a href="http://tu_ruta_al_enlace.html">Cambia en nombre para tu uso.</a></font></b></li>
<li><b><font face="Verdana" size="2"><a href="http://tu_ruta_al_enlace.html">Cambia en nombre para tu uso.</a></font></b></li>
<li><b><font face="Verdana" size="2"><a href="http://tu_ruta_al_enlace.html">Cambia en nombre para tu uso.</a></font></b></li>
</ul>

<li id="foldheader">Nombre sección 4</li>
<ul id="foldinglist" type="disc">
<li><b><a href="http://tu_ruta_al_enlace.html"><u>Cambia en nombre para tu uso.</u></a></b></li>
<li><a href="http://tu_ruta_al_enlace.html"><b>Cambia en nombre para tu uso.</b></a></li>
<li><b><a href="http://tu_ruta_al_enlace.html">Cambia en nombre para tu uso.</a></b></li>
</ul>
<li id="foldheader">Cambia en nombre para tu uso.</li>
<ul id="foldinglist" type="disc">
<li><b><a href="http://tu_ruta_al_enlace.html"><u>Cambia en nombre para tu uso.</u></a></b></li>
<li type="disc"><a href="http://tu_ruta_al_enlace.html"><b>Cambia en nombre para tu uso.</b></a></li>
<li><a href="http://tu_ruta_al_enlace.html"><b>Cambia en nombre para tu uso.</b></a></li>
<li><a href="http://tu_ruta_al_enlace.html"><b>Cambia en nombre para tu uso.</b></a></li>
<li><a href="http://tu_ruta_al_enlace.html"><b>Cambia en nombre para tu uso.</b></a></li>
</ul>

</ul>

</ul>
</ul>

Puedes modificas:

El nombre de las secciones tu lista de enlaces.
La ruta a tu enlaces o link.
Nombre del enlaces, es obvio los puedes modificar a tu gusto.

Ver Ejemplo.

Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.

Ocultar la url o dirección en la barra de estado

Posted by : VM18 on 19:02

Simple codigo que oculta la dirección de un enlace o link, podemos colocar cualquier dirección para que se muestre en la barra de estado, muy bueno si tienes estas alojado a un servidor gratis la cual mayormente muestra un dirección muy larga, puedes ocultarla.

<body> Aqui pegas script </body>

Código:
<a href="http://la_direccion_que_quieras_que_aparezca_en_la_barra" onClick="javascript:window.location='http://la_dirección_verdadera'‘;’
return false">nonmbre del enlace</a>

Ver Ejemplo.

Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.

Imagen que se muestra cargando...!

Posted by : VM18 on 18:56

Muestra una imagen mientras se carga la imagenes de nuestra pagina, es muy utilil aunque este es un poco lento para cargar, le da ese toque de suspenzo al visitante, ya que le informa que esta en espera. Puedes aconpañar la carga con algun juego, publicidad intersante, música, o lo que se te ocurra, miestras se carga la pagina.

<head> Aqui pegas código 1 </head>
<body> aqui pegas código 2 </body>

Código 1:

<script language="JavaScript1.2">

</script>Código 2:

<center>Cargando imagenes de la página... Por Favor, espere..</center>
<script language="JavaScript1.2">

</script>
</center>
</font>

Ver Ejemplo:

Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.

Detectar Pais y idioma de tu visitante.

Posted by : VM18 on 18:54

Existe un código en Javascript que te permite hacerlo permite determinar el idioma y país del visitante, detectando el lenguaje configurado en el navegador que esté utilizando. Pues aqui te explicaremos como usarlos.

Consta de una llamada al objeto navigator.userLanguage que detecta el navegador de tu visitante.

idioma_navegador = navigator.userLanguage;

Si imprimos el valor de la variable idioma_navegador la misma contendrá:es-ve

Puedes incorporar una estructura switch() con los países que tu desees y comparar el
valor para así detectar el país del usuario.

switch (idioma_navegador){
case "es-ar":
pais = "Argentina";
break;
case "es-es":
pais = "España";
break;
case "es-cl":
pais = "Chile";
break;
case "es-mx":
pais = "Mexico";
break;
case "es-co":
pais = "Colombia";
break;
case "es-ec":
pais = "Ecuador";
break;
case "es-py":
pais = "Paraguay";
break;
case "es-pe":
pais = "Peru";
break;
case "es-uy":
pais = "Uruguay";
break;
case "es-ve":
pais = "Venezuela";
break;
default :
pais = "Otro";
break;
}

Para detectar el idioma, tienes que armar otra estuctura switch, pero esta vez comparando los dos primeros caracteres de la variable idioma_navegador. Debemos tomar la cadena (Por ejemplo: es-ar) y recuperar los dos primeros caracteres (es) utilizando substring():

idioma = idioma_navegador.substring(0,2)

Estes es el códigos completo para detectar el Idioma de tu vistante:

Ver Ejemplo.

Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.

Adecuar tu página a la resolución que utiliza tu visitante.

Posted by : VM18 on 18:39

La funcion de este código es, colocar del tamaño de la resolución de pantalla que tengan tus visitante, ajusta tu pagina al tamaño de dicha resolución que puede ser:
640x480 - 800x600 - 1024x768

Debes colocar el código entre las etiquetas

<head> script aqui </head>

Código:

<script LANGUAGE="JavaScript">
function redireccionar() {
var url640x480 = http://www.ayudaswebmaster.ve.tc/640x480;
var url800x600 = http://www.ayudaswebmaster.ve.tc/800x600;
var url1024x768 = http://www.ayudaswebmaster.ve.tc/1024x768;
if ((screen.width == 640) && (screen.height == 480))
window.location.href= url640x480;
else if ((screen.width == 800) && (screen.height == 600))
window.location.href= url800x600;
else if ((screen.width == 1024) && (screen.height == 768))
window.location.href= url1024x768;
else window.location.href= url640x480;
}
</script>

Lo unico que tienes que cambiar es la dirección por la de tu pagina.

Ver Ejemplo:

Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.

Eliminar Frames en tu pagina. 2 códigos usa solo 1.

Posted by : VM18 on 18:37

Esto códigos eliminan los frames de tu pagina web, es decir no permite insertar el contenido de otra pagina por medio de los códigos <iframe> </iframe>.

Son dos códigos pero son completamente funcionales los dos cualquiera que uses dará el mismo resultado lo unico que varia entre los dos es la posición en el documento HTML de tu pagina.

Código 1:

<head> Aqui código 1 </head>
<SCRIPT LANGUAGE="JavaScript">
setTimeout ("breakOut()", 5000);
function breakOut()
{
if (self.parent.frames.length != 0)
self.parent.location=document.location.href;
}
</SCRIPT>

Código 2:

<Body> aqui código 2 </body>

<script LANGUAGE="JavaScript">
function quitarFrame()
{
if (self.parent.frames.length != 0)
self.parent.location=document.location.href;
}
quitarFrame()
</script>

Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.

Precargar tu Pagina, antes de que entre tu visitante II

Posted by : VM18 on 18:32

Este es otro código que muestra un mensaje a tu visitante, avisandole que la pagina esta en carga..

Código 1:

<head> aqui código 1 </head>

<SCRIPT LANGUAGE="JavaScript">


Coloca el inicio de la etiqueta <body> asi:

<BODY OnLoad="loadImages()"> y aqui pegas el código 2 </body>

Esto es lo que mostrara el mensaje de espera a tu visitante:
Código 2:
<div id="hidepage" style="position: absolute; center:5px; top:5px; background-color: #336699; layer-background-color: #020202; height: 100%; width: 100%;">
<table width=100%><tr><td>Pagina Cargando.. Por Favor Espera..</td></tr></table></div>

Rojo: Son los códigos de color puedes cambiarlos a tu gusto.
Verde: Define alto y ancho de mensaje.
Azul: Mensaje, modificalo para tu uso.

Ver Ejemplo:

Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.

Precargar tu Pagina, antes de que entre tu visitante.

Posted by : VM18 on 18:28

Este script te permite hacer que el contenido de tu web sea cargado, como con una especie de cortina que recubre todo hasta que se carga todo, luego desaparece. Debes seguir paso a paso la manera de pegar este scrit en tu web, lo debes colocar en las etiqueta indicadas.

Código 1:

<head> Aqui código 1 </head>

<script language="JavaScript">
ns=document.layers
ie=document.all
function esconde() {
if (ie) precarga.style.visibility="hidden";
if(ns) document.pregarga.visibility="hide";
}
// -->
</script>
<style>
#precarga{position:absolute; width:100%; height:100%; top:0; left:0}
</style>

Código 2:

La etiqueta <Body> inicial debe quedar asi:

<body onload="esconde();">

Luego pegas este script entre
<body onload="esconde();"> aqui script </body>

<script language="JavaScript">
if(ie ns) document.write('<div id="precarga" align="center"><br>Esperen por favor...</div>');
</script>

Ver Ejemplo:

Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.

Detectar Host Name que usa tu visitante.

Posted by : VM18 on 18:27

Este código te dice que cual es Nombre del hostname de tu visitante.

<Body> aqui pegas código </body>

Código:

<SCRIPT LANGUAGE="JavaScript">
netscapeTest = parseInt(navigator.appVersion)
explorerTest = navigator.appName.indexOf("Microsoft") + 1
function netscapeThree() {
if (navigator.javaEnabled()) {
userDomain = java.net.InetAddress.getLocalHostName()
return (userDomain.toString())
} else {
return null
}
}
function netscapeFour() {
if (navigator.javaEnabled()) {
baseAddress = java.net.InetAddress.getLocalHost()
userDomain = baseAddress.getHostName()
return (userDomain.toString())
} else {
return null
}
}
if ((explorerTest == "0") && (netscapeTest == "3")) {
domainName = netscapeThree()
}
else if ((explorerTest == "0") && (netscapeTest == "4")) {
domainName = netscapeFour()
}
else {
domainName = "IE User"
}
document.write('Hola, Esta Usando, ' + domainName + '!!!')
</SCRIPT>

Puedes cambiar el mensaje que se muestra en rojo.

Ver Ejemplo:

Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.

Efecto barrido de centro hacia arriba y abajo.

Posted by : VM18 on 18:22

Este códigos te da un efecto de barrido a tu pagina cuando carga, debes colocar el script de esta manera:

El inicio de la etiqueta <body> de quedar así:

<BODY bgColor=#ffffff leftMargin=0 rightMargin=0 topMargin=0>

luego debes colocar el resto del código entre:

<BODY bgColor=#ffffff leftMargin=0 rightMargin=0 topMargin=0> aqui pegas código </body>

Código que debes agregar a tu hoja de estilo:

<style>

</style>
<div id="c1" class="curtain"></div><div id="c2" class="curtain"></div>
<script language="JavaScript1.2">

var speed=15
var temp=new Array()
var temp2=new Array()
if (document.layers){
for (c=1;c<=2;c++){
temp[c]=eval("document.c"+c+".clip")
temp2[c]=eval("document.c"+c)
temp[c].width=window.innerWidth
temp[c].height=window.innerHeight/2
temp2[c].top=(c-1)*temp[c].height
}
}
else if (document.all){
var curtainbottom=document.body.offsetHeight/2,curtaintop=0
for (c=1;c<=2;c++){
temp[c]=eval("document.all.c"+c+".style")
temp[c].width=document.body.clientWidth
temp[c].height=document.body.offsetHeight/2
temp[c].top=(c-1)*parseInt(temp[c].height)
}
}
function openit(){
window.scrollTo(0,0)
if (document.layers){
temp[1].bottom-=speed
temp[2].top+=speed
if (temp[1].bottom<=0)
clearInterval(stopit)
}
else if (document.all){
curtainbottom-=speed
temp[1].clip="rect(0 auto+"+curtainbottom+" 0)"
curtaintop+=speed
temp[2].clip="rect("+curtaintop+" auto auto)"
if (curtainbottom<=0)
clearInterval(stopit)
}
}
function gogo(){
stopit=setInterval("openit()",60)
}
gogo()
</script>

Ver Ejemplo:

Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.

Menú que se desliza y se mantiene siempre visible

Posted by : VM18 on 18:14

Script muy sencillo para mantener un menú horizontal todo el tiempo visible.

El script se encarga simplemente de asignar un tipo de posicionamiento fijo para los
navegadores que no sean IExplorer y para explorer se encarga de mantenerlo
siempre visible cambiando su posición a medida que se le da scroll a la página.

Versión 2 actualizado el 27-06-05

Configuración

La posición desde la parte superior de la pantalla se define en la variable
posicionSup

var posicionSup = 10; //posición del menú desde arriba

Y en body:

<body onload="iniciaMenu()">

El menú debe estar dentro de una capa que lleve por nombre 'menu'.
Si se le quiere dar otro nombre a la capa contenedora del menú habrá que
cambiar ese nombre en el script.
El aspecto del contenido del menú se maneja con estilos CSS.

Código:

<HEAD> aqui colocas el Script y Estilo.css </HEAD>

SCRIPT:

Al Estilo.css de tu paginá debes agregarle:

Esto definira como sera el menú los colores las altura y ancho, y
su posición.

Ver Ejemplo:

Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.

Sobre Publicidad Web

Posted by : VM18 on 17:56

Desde esta sección te mostrares las opciones de Publicidad Web, que tienen más efectividad en este entorno, para que puedas mantener tu sitio activo, con los ingresos que generes con la publicidad, te mostrare consejos, las efectivas, confiables, como sacar el mayor provecho, entre otros temas, espero te sea de utilidad.

Consejos:

Opciones Publicitarias

Anunciante por impresiones y/o referencias:

Anuncios con el Equipo de Google.com, son muy utilizados hoy en día por su seriedad, pagos a tiempo, ect. Muestran una variada gama de formas para insertar publicidad en tu web, anuncios relevantes, descargar de softwares entre otras cosas más.

Publicidad Por E-mail

Enlaces Útiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.

Sobre PHP

Posted by : VM18 on 17:41

Desde esta sección de sitio podrás encontrar todos lo enlaces organizados de forma que puedan ayudarte a comprender mejor lo que se escribe sobre el Lenguaje PHP, también encontraras de forma más rápida lo que buscas en Ayudas Para WebMaster, esperamos sea de tu total entendimiento.

Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.

Sobre CSS

Posted by : VM18 on 17:40

Desde esta sección de sitio podrás encontrar todos lo enlaces organizados de forma que puedan ayudarte a comprender mejor lo que se escribe sobre el Lenguaje CSS, también encontraras de forma más rápida lo que buscas en Ayudas Para WebMaster, esperamos sea de tu total entendimiento.

Aprendiendo CSS

Menús:

Efectos

Efecto barrido de centro hacia arriba y abajo.

Enlaces Útiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.

Sobre JavaScript

Posted by : VM18 on 17:39

Desde esta sección de sitio podrás encontrar todos lo articulos sobre JavaScript, mostrare los diversos usos de este lenguaje de gran utilidad en una web para crear darle algo de dinamismo, todos lo enlaces organizados de forma que puedan ayudarte a comprender mejor lo que es el Lenguaje JavaScript, también encontraras de forma más rápida lo que buscas, esperamos sea de tu total entendimiento.

Aprendiendo Sobre JavaScript:

¿Como pegar un script.?

Lista de Efectos Javascript más usados.

Alertas:

Alerta que muestra el navegador qué usas

Popus

Relojes, calendarios, tiempo…

Cursor o puntero.

Bloquear el Botón Derecho del mouse

Barra del titulo o superior.

Barra de estado o inferior.

Efectos en el Fondo de la página.

Texto e imagenes.

Contadores.

Scrolleres.

Botones y enlaces.

Menús.

Otros Scripts

Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.

Sobre HTML

Posted by : VM18 on 17:34

Desde esta sección de sitio podrás encontrar todos lo enlaces organizados de forma que puedan ayudarte a comprender mejor lo que se escribe sobre HTML, también encontraras de forma más rápida lo que buscas en Ayudas Para WebMaster, esperamos sea de tu total entendimiento.

Aprendiendo sobre HTML.
Conociendo Html.
Documento HTML
Organización de una Web
El lenguaje HTML
Editores y convertidores
¿Qué son Url's?
Creacion de enlaces
Creación de Listas
Estilos de caracter
Texto preformateado
Saltos y lineas
Carácteres especiales
Creación de tablas

Efectos, Decoraciónes, tratamientos, etc; que puedes colocarle a tu sitio con HTML.
Cambier el color a la barra de desplazamiento.
Evitar que aparesca la dirección de la imagen en el barra de estado.
Mostrar el Ip de tu Visitante.
Ejecutar un Video en tu web con sencillo Script.
Dale un toque electrisante a tu web, con este Efecto Rayo.
Texto que oculta la Dirección de la barra de estado

Enlaces Útiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.

Texto que oculta la Dirección de la barra de estado

Posted by : VM18 on 18:26

Este scrit presenta dos texto distintos en tu pagina, puedes configurar el Texto cuando tu visitante no señala el link, y colocar otro cuando pasa el curosor por encima de él.

Colocas el código, entre las etiquetas:

<Body> Aqui código </body>

Código:

<a href="http://ladireccion_o_enlace/" onmouseout="window.status='Texto al sacar el puntero'" onmouseover="window.status='Texto cuando se esta señalando el enlace';return true">Nombre de tu Enlace</a>

Ver Ejemplo:

Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.

Dale un toque electrisante a tu web, con este Efecto Rayo.

Posted by : VM18 on 18:24

Este código simula el efecto de rayos que caen de la parte superior de tu web, aunque el script es algo larguito pero el resultado es bueno debes colocar el Script entre las etiquetas:

<head> aqui código 1</head>

Código 1:

<SCRIPT language="Javascript">

</SCRIPT>
<STYLE TYPE="text/css">
#frm {position:absolute; left:20; top:10; width:100; height:100; visibility:visible; z-Index:951;
color:blue; overflow:clip; font-style:Times}
</STYLE>

El inicio de tu etiqueta <body> de quedar asi:

<BODY onLoad="window.focus();init();" onResize="document.location.href=document.location.href;" bgColor="#000000" text="#FFFFFF" onUnload="halt();" link="#FFFF00" vlink="#00FF00"> Aqui pegas el código 2</body>

Código 2:

<SCRIPT language="Javascript">

</SCRIPT>

Ver Ejemplo:

Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.

Ejecutar un Video en tu web con sencillo Script.

Posted by : VM18 on 18:20

Este código sirve para que puedas reproducir videos desde tu web.

<EMBED src="http://dirección_del_video.avi" HEIGHT=300 WIDTH=400 AUTOSTART=TRUE LOOP=FALSE>

SRC Indica dónde está el fichero de vídeo. HEIGHT (alto) y WIDTH (ancho) no pueden omitirse, ya que sus valores por defecto no permiten ver ninguna imagen real. Los tamaños standard de los ficheros .AVI son 90x120, 120x160, 180x240, 240x320, 300x400, etc., las medidas deben conservar las proporciones de la televisión, es decir 4:3. Hay que tener cuidado a la hora de poner el valor de estos atributos, ya que si no coinciden con los que realmente tiene la imagen, ésta será recortada (no redimensionada) de derecha a izquierda y de abajo a arriba.
El siguiente atributo es AUTOSTART, con dos valores posibles: FALSE (por defecto) y TRUE que como puedes suponer, sirve para que el vídeo arranque nada más cargarse el fichero. Si estableces FALSE, entonces el vídeo se activa al hacer click con el ratón sobre él, lo mismo que para repetir el pase una vez finalizado.
Para hacer que el vídeo se repita contínuamente o se pare después de un pase, tenemos el atributo LOOP con dos valores: FALSE (por defecto) y TRUE.

Por último tenemos el atributo ALIGN y sus valores TOP, BOTTOM, CENTER, LEFT, RIGHT, MIDDLE y TEXTTOP que funcionan igual que sus respectivos del elemento IMG, es decir, que no tiene efectos sobre el vídeo, sino sobre su alineación con el texto de la página.

Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.

Mostrar el Ip de tu Visitante.

Posted by : VM18 on 18:17

Este sencillo códigos le muestra a tu visitante cual es su IP. Debes colocar el script entre las etiquetas.

<body> aqui código </body>

Código:

<script language="javascript">
var ip = java.net.InetAddress.getLocalHost().getHostAddress();
document.writeln('Tu IP es: "' + ip + '"')
</script>

Ver Ejemplo:

Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.

Evitar que aparesca la dirección de la imagen en el barra de estado.

Posted by : VM18 on 18:12

Por ejemplo cuando, tienes una imagen la cual, es muy pesada o tarda mucho en aparece, y esto hace que tu web se más lenta al carga, solo tienes que utilizar es sencillo código, para saltarte la carga de la imagen.

Debes colocar este códigos junto con tus otros Meta-TAG en cuaquier posición, generalmente los meta se encuentran entre las etiqueta <head> tus meta-tag </head>, aqui explicamos lo importante que son tener bien hechos tus meta-tag para facilitar que te indexen a los buscadores.

Código:
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">

Luego dentro de las etiquetas:

<body> codigos de la imgen </body>

Solo tienes que pegar el codigo como lo haces normalmente, pero este solo tienes un atributo. GALLERYIMG="no" ese el es que te eliminara el que paresca la dirección y cargue más rapido tu web de la imagen.
El código queda así:

Código:
<img src="la_dirección_de_tu_imagen.gif" GALLERYIMG="no">
las etiquetas:

<body> codigos de la imgen </body>

Solo tienes que pegar el codigo como lo haces normalmente, pero este solo tienes un atributo. GALLERYIMG="no" ese el es que te eliminara el que paresca la dirección y cargue más rapido tu web de la imagen.
El código queda así:

Código:
<img src="la_dirección_de_tu_imagen.gif" GALLERYIMG="no">

Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.

Recent News

Configuración

Recent Comments | Recent Posts

Recent Posts

Recent Comments

About Me

Etiketler

Blog Archive