Este es un codigo muy vistoso! hace que cuando el mouse se pose sobre la imagen seleccionada esta se agite llamando la atencion del visitante.
Ojo: Debemos hacer un uso adecuado de este codigo, puesto que si lo usamos mucho, podria llegar a ser un poco molestoso para nuestros visitantes.
(more…)
Posted by Habannitax |
No Comments »
Aqui una serie de sencillos codigos para que no se nos olviden.
PARA PONER UNA FOTO :
Imagen link
HTML:
-
<a href="URL LINK"><img src="URL IMAGEN"></a>
PARA PONER UN VIDEO:
(more...)
Posted by Habannitax |
No Comments »
Sencillo codigo que es para que los usuarios de tu pagina web puedan escogerel color de fondo que ellos mas deseen, y asi se puedan sentir comodos en tu pagina web.
El codigo es basicamente solo pegarlo en el body y ya.
JavaScript:
-
<FORM>
-
<SELECT Size=5 name=clr onChange="document.bgColor=this.options[this.selectedIndex].value">
-
<OPTION VALUE="blue">Azul
-
<OPTION VALUE="aquamarine">Azul Agua
-
<OPTION VALUE="chocolate">chocolate
-
<OPTION VALUE="darkred">Marron
-
<OPTION VALUE="gold">Oro
-
<OPTION VALUE="red">Rojo
-
<OPTION VALUE="yellow">Amarillo
-
<OPTION VALUE="hotpink">Rosa Fuerte
-
<OPTION VALUE="lime">Lima
-
<OPTION VALUE="darkkhaki">Verdoso
-
<OPTION VALUE="cadetblue ">Lila
-
<OPTION VALUE="darkgoldenrod">Oro Viejo
-
<OPTION VALUE="darkslateblue">Azul Oscuro
-
<OPTION VALUE="blue">Azul
-
<OPTION VALUE="deeppink">Rosa Chillon
-
<OPTION VALUE="darksalmon">Salmon FLojo
-
<OPTION VALUE="salmon">Salmon
-
<OPTION VALUE="tan">Café Claro
-
<OPTION VALUE="wheat">Trigo
-
<OPTION VALUE="tomato">Tomate
-
<OPTION VALUE="springgreen">Verde Fluorescente
-
<OPTION VALUE="turquoise">Turquesa
-
<OPTION VALUE="white" SELECTED>Blanco
-
</SELECT>
-
</FORM>
Posted by Habannitax |
No Comments »
Bien un codigo mas, este es para colocarle una contraseña a una pagina en especial no es para nada complicado el codigo es mas solamente es un pequeño javascript que lo hace todo, eso si tu tendras que proporcionarle la contraseña a tus usuarios para que puedan entrar.
Explicamos:
Solamente es cuestion de agregar el siguiente codigo en el head de tu pagina web.
JavaScript:
-
<SCRIPT language="JavaScript">
-
var password="habannita";
-
var answer="";
-
while (answer != password)
-
{ answer = prompt("Introduzca su contraseña de acceso, en este caso es 'habannita'","");
-
}
-
</script>
Donde dice: habannita es donde ira al password o contraseña de tu pagina web; despues en la otra oracion sustituyes por lo que quieras poner.
Eso es todo saludos.
Posted by Habannitax |
No Comments »
Pff!! tiempo sin publicar hehe he tenido algunos problemas con la web pero bueno aqui traigo un codigo en Javascript muy bueno y util es para preguntarles a los visitantes de tu pagina web si desean entrar o quedarse en la pagina anterior muy bueno para las paginas con contenido protegido aqui el codigo:
JavaScript:
-
<script language="JavaScript" type="text/JavaScript">
-
<!--
-
function validarENTRADA()
-
{
-
if (!confirm ("¿Desea entrar a esta página?"))
-
history.go(-1);return " "
-
}
-
-
document.writeln(validarENTRADA())
-
// -->
-
</script>
Espero poder traer mas codigos seguido pero por ahora solamente les dejo este un saludo!
Posted by Habannitax |
No Comments »
Hola! despues de dos dias sin publicar nada, hoy le toca a este genial script hecho a base de JavaScript, JQuery y CSS esta muy bueno para colocar noticias y muchas otras cosas y como no esta hecho con imagenes, pues no pesa mucho y no tarda en cargar.
Aqui un ejemplo:
(more...)
Posted by Habannitax |
No Comments »
Ahora les traigo este video tutorial creado por mi, sirve para crear un chat online entre el visitante de tu pagina web y el webmaster. Es muy util si quieres tener comunicacion con los usuarios de tu pagina web.
Espero sea de utilidad para todos ustedes:
Posted by Habannitax |
1 Comment »
Aqui les traigo este pequeño script es para colocar un banner en tu pagina web y tiene la opcion para que lo puedas cerrar si a los visitantes no les gusta tenerlo ahi.
Espero que les agrade este aporte es uno de los mejores.
Esta es la primera parte del script esto va dentro del head
JavaScript:
-
<script language=JavaScript type=text/JavaScript>
-
<!--
-
function MM_openBrWindow(theURL,winName,features) {
-
window.open(theURL,winName,features);
-
}
-
-
function MM_findObj(n, d) { //v4.01
-
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
-
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
-
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
-
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
-
if(!x && d.getElementById) x=d.getElementById(n); return x;
-
}
-
-
function MM_validateForm() { //v4.0
-
var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
-
for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=MM_findObj(args[i]);
-
if (val) { nm=val.name; if ((val=val.value)!="") {
-
if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
-
if (p<1 || p==(val.length-1)) errors+='- '+nm+' debe contener una dirección de correo válida.\n';
-
} else if (test!='R') { num = parseFloat(val);
-
if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';
-
if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
-
min=test.substring(8,p); max=test.substring(p+1);
-
if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';
-
} } } else if (test.charAt(0) == 'R') errors += '- '+nm+' es necesario.\n'; }
-
} if (errors) alert('ERROR!!!!!!\n'+errors);
-
document.MM_returnValue = (errors == '');
-
}
-
//-->
-
</script>
(more...)
Posted by Habannitax |
No Comments »
Este es otro menu que encontre por la web, sin embargo en este tienen la posibilidad de configurarlo osea poner el menu en la parte superior de su pagina web, en la parte inferior, o en ambas! ustedes deciden espero sea de su agrado aqui un screenshot del menu:
Aqui esta el archivo del menu, el rar contiene las imagenes, el estilo y los js para su instalacion, es sencillo.
Descargar: CSS Dock Menu
Posted by Habannitax |
No Comments »
Bien aqui mi primer post oficial les traigo un dock estilo Mac para que pongan en sus paginas web y cambien a un mejor menu.
Aqui les dejo las imagenes para que guarden ustedes:
Aqui el codigo que van a pegar en el head de su pagina:
CSS:
-
<style type="text/css">
-
html {
-
overflow: hidden;
-
}
-
body {
-
background: #fff;
-
width: 98%;
-
height: 100%;
-
}
-
#dock {
-
position: absolute;
-
bottom: 1em;
-
width: 100%;
-
text-align: center;
-
left: 0px;
-
}
-
#dock a:visited{
-
text-decoration: none;
-
}
-
#dock a{
-
text-decoration: none;
-
margin: -2px;
-
}
-
#dock img {
-
border: none;
-
width: 0px;
-
}
-
#legend {
-
position: absolute;
-
bottom: 0px;
-
width: 100%;
-
text-align: center;
-
font-family: arial;
-
font-weight: bold;
-
font-size: 1em;
-
color: #000;
-
}
-
</style>
(more...)
Posted by Habannitax |
No Comments »
