Es muy probable que en la red navegues en paginas que tienen muy buenos efectos y animaciones sin la necesidad de utilizar flash, tal vez esten usando jquery o mootools.
Tengo unos dias que comence a diseñar un nuevo theme para wordpress, y tenia en la mente la idea de utilizar jquery para hacer mas vistoso el diseño, asi que me di a la tarea de buscar informacion y tutoriales para incluir esta gran libreriade javascript. Lo que cualquiera hubeira hecho es descargar jquery y cargarla en el header de nuestro theme, pero ¿para que descargarla si WordPress ya utiliza esta libreria?... asi que encontre algo que me resulto de mucha ayuda y ademas podemos aprovechar que worpress ya la inluye jquery.
Lunico que hay que hacer es modificar un poco el header.php de nuestro tema y agregar el codigo siguiente en la seccion del <head>:
<?php wp_enqueue_script("jquery"); ?>
<?php wp_head(); ?>Es muy probable que en tu theme ya este la funcion wp_head, asi que solo coloca wp_enqueue_script justo antes de esa funcion. Inemdiatamente despues agrega el script que desea utilizar.
<script type="text/javascript" src="<?php bloginfo("template_url"); ?>/js/TuScript.js"></script>Como plus te dejo 25+ Tutoiales y plugins Jquery para wordpress.
Archivado en Javascript, google :: Por aldols :: Septiembre 18, 2009 ::
Algo muy comun que puede pasarnos a los que tenemos un blog o pagina web es que un gran numero de nuestras visitas provenga desde google images. ¿pero que hacer si quieres que se esas visitas permanezcan en tu blog?. Leyenfo Foro Beta me encuentro con un pequeño javascript que no permite que tu pagina se cargue en un iframe, ademas eliminan el marco de google images y hace que el visitante entre directamente a tu blog.
<script type="text/javascript"><!--
if(top.location!=this.location) top.location=this.location;
//--></script>
Este pequeño script tendras que agregarlo inmediatamente despues de la etiqueta <body>. Asi que cuando alguien llegue desde Google buscando una imagen, automaticamente se abrirá tu pagina completa obligando al usuario a recorrer tu pagina en busca de la imagen que desea. Aumentando las posibilidades de que se mantenga leyendo otros articulos en tu blog.
Si desea agregar este codigo en un theme de wordpress entra a aspecto --> editar ---> cabecera (header.php), y como ya mencione pegalo despues de <body>.
Archivado en Javascript :: Por aldols :: Junio 6, 2009 ::
La proteccion de imagenes es un tema importante hoy en dia, asi que buscando en la red encontre dwProtector el cual es un script de mootools que te permitira proteger tus imagenes.
dwProtector previene:
- Clic derecho "guardar imagen como"
- Arrastrar una imagen al escritorio
- Clic derecho "guardar fondo como"
- Clic derecho "ver imagen de fondo"
Este script fue creado por David Walsh para ayudar a los diseñadores y artistas a proteger sus imagenes en la red.
Mas Informacion: Mootools 1.2 Image Protector: dwProtector
Demo | Descargar
Archivado en Javascript :: Por aldols :: Mayo 14, 2009 ::
Noobslide es una ligera clase basada en mootools, script que nos permite crear slides en nuestra pagina web, logrando con esto una navegación elegante y dinamica. Actualmente la estoy utilizando para un proyecto y la implementacion de este script me ha resultado sencillo.
Si deseas sacarle el mayor provecho te recomiendo que leas un tutorial de mootools.
NoobSlide:
Archivado en Javascript :: Por aldols :: Mayo 11, 2009 ::
jPlayer es un plugin de jQuery, el cual nos permite controlar y reproducir archivos de audio MP3 en una pagina web. Este reproductor fue desarrollado por Happyworm y utiliza un pequeño archivo swf, el cual no es visible y solo se utiliza para reproducir el audio, motivo por el que el reproductor puedes ser personalizado utilizando XHTML y CSS.
jPlayer te permite:
- Reproducir y controlar los mp3 en un pagina web
- Personalizar el reproductor utilizando XHTML y CSS
- Agregar efectos de sonido a tus proyectos jQuery
jPlayer: Demos | Descarga
Via | Happyworm
Archivado en Javascript :: Por aldols :: Marzo 27, 2009 ::
Tiny JS es un sitio en donde encontraras pequeños y especificos plugins que hacen "algo" bien. Ademas, los scripts deben se rlo mas pequeños posibles porque estan evitando los scripts cuyo codigo es demasiado largo.
En Tiny JS encontraras scripts que estan agrupados en diferentes categorias como: jQuery, Mootools y YUI
Via | Intenta
Archivado en Javascript :: Por aldols :: Febrero 7, 2009 ::
Hace tiempo realice una pagina para un cliente, pero tenia demasiados enlaces a otras paginas, ademas queria que las paginas se abrieran en una nueva ventana. Ya se que es sencillo utlilando "target=_blank" en el enlace, pero un dia encontre un script de java que me facilito esto.
No tuve que agregar mas "target=_blank". Asi que les dejo este pequeño script.
Antes de la etiqueta </head>escribimos
<script type="text/javascript">
y copiamos el siguiente codigo:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
| var dominio = "tudominio.com";
function LinksExternos() {
var Externo;
if (document.getElementsByTagName('a')) {
for (var i = 0; (Externo = document.getElementsByTagName('a')[i]); i++)
{
if (Externo.href.indexOf(dominio) == -1) {
Externo.setAttribute('target', '_blank');
}
}
}
}
window.onload = function()
{
LinksExternos()
} |
Cerramos el script.
</script>
Modifiquen la variable dominio por la URL de su dominio, sin agregar www (ej: perro.com).
Espero les haya servido. XD
0 comentarios
