>|MaKlAiiNpRo-Nòn Stòp|< - JavaScripts avanzados

JavaScripts avanzados

Barra de avido

Esta barra es muy util para colocar cualquier tipode avisos en tu web-site e incluye un botom para que el usuario la pueda cerrar en caso que la quiera seguir viendo.
Uno script muy sencillo que le da un muy buen toque a tu web.

[ EL Ejemplo: ]

Mira arriba el ejemplo

Codigo:

Instrucciones:
Solo debes editar donde dice: "Pon aqui tu texto"
Si tienes conosimientos de "Css" puedes modificarlo si no sabes no te recoemdamos hacer modificaciones en el resto del script.

Comentarios en tu web!

Este es un script que te permitira la opcion de que los usuarios dejen comentarios en tu web's. Ademas puedes moderar los comentario ya que el script tiene un registro de ip's la cual sabra cual es el admin.

[ El Ejemplo: ]

Haz click aqui para ver el ejemplo.

codigo:

Transitions Slideshow

Este es un efecto que hace que las imagenes roten cada ciertos segundos con el el texto explicativo que lleva. Es muy atractivo y dinamico para tu sitio web.

[ El Ejemplo: ]

Codigo:

Modificaciones:
- Solo edita los link's que estan ya puestos y modifica los nombre de ellos.
- En "width" y "height" modificas el alto y ancho del cuadro.

Ventana de aviso

Con este recurso podras poner mensajes para los usuarios de forma ordenada y comoda, este recurso da la opcion al usuario de cerrar la ventana si es que le molesta, y puedes poner el contenido uqe tu quieras desde textos, imagenes, link's y mucho mas.

[ Ejemplo ]

En el rincon Izquierdo esta la ventana de muestra.

Codigo:

<div id="postit"> <div align="right"><a href="javascript:closeit()" title="Cerrar"><font color="red"><b>X</b></font></a></div> <b>Titulo:</b><br /> Aqui pon Mensaje que quieres mostrar </div> <style>#postit{display:scroll;position:fixed;bottom:10px;left:5px;visibility:hidden; background:#333;color:#ccc;border:2px solid #ff9900; z-index:100;font:12px verdana;width:200px;padding:3px;height:100px;} #postit a{color:#ff9900;text-decoration:none;}</style>  <script> var once_per_browser=0 var ns4=document.layers var ie4=document.all var ns6=document.getElementById&&!document.all if (ns4) crossobj=document.layers.postit else if (ie4||ns6) crossobj=ns6? document.getElementById("postit") : document.all.postit function closeit(){ if (ie4||ns6) crossobj.style.visibility="hidden" else if (ns4) crossobj.visibility="hide"} function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { // if cookie exists offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end))}} return returnvalue;} function showornot(){ if (get_cookie('postdisplay')==''){ showit() document.cookie="postdisplay=yes"}} function showit(){ if (ie4||ns6) crossobj.style.visibility="visible" else if (ns4) crossobj.visibility="show"} if (once_per_browser) showornot() else showit() </script> <script language="JavaScript1.2"> function drag_drop(e){ if (ie4&&dragapproved){ crossobj.style.left=tempx+event.clientX-offsetx+'px' crossobj.style.top=tempy+event.clientY-offsety+'px' return false} else if (ns6&&dragapproved){ crossobj.style.left=tempx+e.clientX-offsetx+'px' crossobj.style.top=tempy+e.clientY-offsety+'px' return false}} function initializedrag(e){ if (ie4&&event.srcElement.id=="postit"||ns6&&e.target.id=="postit"){ offsetx=ie4? event.clientX : e.clientX offsety=ie4? event.clientY : e.clientY tempx=parseInt(crossobj.style.left) tempy=parseInt(crossobj.style.top) dragapproved=true document.onmousemove=drag_drop}} document.onmousedown=initializedrag document.onmouseup=new Function("dragapproved=false") </script>

ATENCION:
- Solo edita donde dice "Titulo:" y donde dice "Aqui pon Mensaje que quieres mostrar"
- El codigo puedes pegarlo donde quieras pero con la opcion HTML activada.

Snap shots

Snap shots es una mini ventana que se abre en los link's de tu web con una imagen previa del link's, es muy llamativa y eficiente.
Visita la web del autor: http://www.snap.com

[ Ejemplo ]

Mira los link's y pon el cursor encima de ellos y veras el recurso.

Codigo:

Instrucciones:
Solo pega el codigo entre las etiquetas head y en el box que dice por encima de la pagina.

Efecto de transicion del color en link's

Esta secuencia de comandos "desvanecer" vínculos en su página de su color original a un color diferente, como se mueve el ratón sobre ellos. El efecto funciona en Opera5.x, Mozilla/Netscape6.x e IE. Netscape 4 (y otros navegadores incompatibles)

[El Ejemplo: ]

Haz click en el siguiente link's.

Link's de prueba

Codigo:

Instrucciones:
- Solo pega el codigo entre las etiquetas "Body" o en el box por encima de la pagina

Nombre de usuario:
Contraseña: