Usar jQuery y Scriptaculous al mismo tiempo

27 de febrero de 2011 224 comentarios ,
Un día te despiertas por la mañana, enciendes la computadora y mientras navegas descubres un menú con un efecto tan espectacular y soberbio que te alegra el día con la ilusión de verlo engalanando tu blog, así que pones manos a la obra, agregas códigos por aquí por allá y de repente... ¡Diablos, el menú no funciona!
Con el ánimo decaído investigas un poco y te enteras que jQuery no funciona con Scriptaculous. Y ahí acabo el entusiasmo del día.

Y sí, es un hecho a medias que si usas jQuery no puedes usar Scriptaculous o viceversa. Y más que un problema de incompatibilidad lo que sucede es que ambos usan la misma sintaxis para llamar a las funciones del script, esto hace que ambas librerías no sepan a quién hacerle caso pues las dos usan la misma forma de leer esas instrucciones.
Sin embargo jQuery soluciona esto desde la versión 1.0 usando una variable en la sintaxis, esto es para que no entren en conflito ambas librerías y se pueda usar jQuery aun cuando se tenga Scriptaculous, Prototype o Mootools en el blog.

Para aplicar esta variable necesitamos hacer uso del comando jQuery.noConflict();
Por ejemplo, un código que use jQuery se vería similar a este:
<script src="URL del archivo jQuery" type="text/javascript" />
<script src="URL de algún script que necesita jQuery" type="text/javascript" />

<script type="text/javascript">
$(document).ready(function(){
$("div").hide();
});
</script>

Lo que hacemos ahora es agregar antes de las instrucciones del script el comando jQuery.noConflict(); y además cambiaremos todos los $ que encontremos por la palabra jQuery
Por ejemplo:
<script src="URL del archivo jQuery" type="text/javascript" />
<script src="URL de algún script que necesita jQuery" type="text/javascript" />
<script src="" type="text/javascript" />

<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function(){
jQuery("div").hide();
});
</script>

Y habiendo hecho eso jQuery podrá usarse sin problemas aun cuando tengamos otra librería de scripts en el blog.
Vemos un ejemplo más preciso, el de arrastrar imágenes con jQuery.
<script src='http://code.jquery.com/jquery-1.4.2.min.js' type='text/javascript'/>
<script src='http://ciudadblogger.googlecode.com/files/jquery.easydrag.js' type='text/javascript'/>

<script type="text/javascript">
$(function(){
$("#easydrag1").easydrag();});
</script>
Ese sería el código común que utilizaríamos, pero si aplicamos el "parche" para que funcione con Scriptaculous entonces el código sería así:
<script src='http://code.jquery.com/jquery-1.4.2.min.js' type='text/javascript'/>
<script src='http://ciudadblogger.googlecode.com/files/jquery.easydrag.js' type='text/javascript'/>

<script type='text/javascript'>
jQuery.noConflict();
jQuery(function(){
jQuery(&quot;#easydrag1&quot;).easydrag();});
</script>
Y de esta forma podrías usar el arrastrar imágenes con Scriptaculous, y arrastrar imágenes con jQuery al mismo tiempo.


O bien, otro ejemplo. Veamos cómo sería el código normal del menú deslizante arriba del blog.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
$(document).ready(function() {

// Expand Panel
$(&quot;#open&quot;).click(function(){
$(&quot;div#panel&quot;).slideDown(&quot;slow&quot;);
});

// Collapse Panel
$(&quot;#close&quot;).click(function(){
$(&quot;div#panel&quot;).slideUp(&quot;slow&quot;);
});

// Switch buttons from &quot;Abrir menú&quot; to &quot;Cerrar menú&quot; on click
$(&quot;#toggle a&quot;).click(function () {
$(&quot;#toggle a&quot;).toggle();
});

});</script>

Y así sería si aplicamos el truco para que funcione también con Scriptaculous.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
jQuery.noConflict();
jQuery(document).ready(function() {

// Expand Panel
jQuery(&quot;#open&quot;).click(function(){
jQuery(&quot;div#panel&quot;).slideDown(&quot;slow&quot;);
});

// Collapse Panel
jQuery(&quot;#close&quot;).click(function(){
jQuery(&quot;div#panel&quot;).slideUp(&quot;slow&quot;);
});

// Switch buttons from &quot;Abrir menú&quot; to &quot;Cerrar menú&quot; on click
jQuery(&quot;#toggle a&quot;).click(function () {
jQuery(&quot;#toggle a&quot;).toggle();
});

});</script>

En resumen, agregamos la función jQuery.noConflict(); y cambiamos todos los $ por jQuery
De esta forma en la gran mayoría de los casos podrás usar jQuery y Scriptaculous al mismo tiempo sin resignarte a elegir uno u otro.


224 comentarios en:

" Usar jQuery y Scriptaculous al mismo tiempo "

  1. YEAH!!!!!!!!!!!!!!

    SIN DUDA ESTE SI ES UN REGALOTE DE NAVIDAD (MUY ATRASADO)

    hURRA!!! VIVA!!!! GENIAL!!!

    GRACIAS MIL, GRACIAS UN MIL MILLONES DE GRACIAS!

    PERDON POR LAS MAYUSCULAS PERO ESTA HA SIDO UNA GRAN NOTICIA. Y DE VERDAD ESTOY EMOCIONADO YY CONMOCIONADO.

    AHORA MISMO HAGO ESOS CAMBIOS!

    Gracias, volveré con los resultados ;)

    ResponderEliminar
  2. estoy dando saltos de felicidad porq pude poner el menu deslizante arriba del blog junto con las flechas con el efecto deslizante ¡Y AMBOS FUNCIONAN!
    casi casi miraba a ese menu como un amor imposible que jamas tendria y ahora lo tengo!
    mil gracias potro!

    ResponderEliminar
  3. Por fin te decidiste a ponerlo! XD
    te ha costado la verdad, pero cumpliste tu promesa, en cuanto lo pusdiste comprobar lo pusiste, deberías avisar que algunos plugins de jquery no son compatibles con este sistema y lo inhabilitan P. Ej: Lightbox para Jquery.

    Pero bueno, estoy happy :D

    ResponderEliminar
  4. !!! esperaba esto, creo que hoy no voy a dormir, gracias

    ResponderEliminar
  5. Las Pokas Neuronas de YobLleh, espero que todo te resulte bien ;)

    cutexmas, jajaja, me encantó la analogía del amor imposible!

    Drawer 4 Everyone, una promesa es una promesa :) no agregué la lista de cuáles no aplican pues no conozco todos, pero igual puse que la gran mayoría funcionarán, espero que entiendan que no todos lo harán :P

    ResponderEliminar
  6. por mi parte si no fuer porque tengo la plantilla un poco alocada de mas ya estaria probandolo tambien.. jejeje.. pero muchisimas gracias por tu nueva aportacion a los amantes de la blogosfera.. Salu2

    ResponderEliminar
  7. wow lo acabo de probar y funciono!!!!!
    aunq aun tengo por ahi algunos problemillas con unos scripts ojala y me puedas ayudar
    saludos don potro XD

    ResponderEliminar
  8. Que bien uno de los 10 primeros Comentarios =)

    Jejejeje!

    ResponderEliminar
  9. :DD ya ya ya al fin!!! estaba desenado que ezo se pudiera :P Potro Tu, muy bien jeje

    ResponderEliminar
  10. SDK, espero y te sirva tanto como a mí me sirvió :)

    Θdiŋ-k0, por el momento es mejor que descanses tu plantilla, al menos mientras se resuelve lo otro :P

    wataou, ya tengo programado otro post referente a eso, de el por qué muchos truquillos no funcionan aun cuando ambos son de jQuery y la forma de solucionarlo, sólo dame un poquitín de tiempo en lo que saco otros pendientes :D

    ResponderEliminar
  11. @Potro, jajajaj si si .. tienes todita la razon.. unas vacaciones le vendran de lujo. xD

    ResponderEliminar
  12. miercole, tengo varias cosas con jquery y ni idea cual de todas seran xD

    ResponderEliminar
  13. todo solucionado, no eran tantos como creia ^^
    gracais x la info!!!

    ResponderEliminar
  14. O_o ... Donde está la cámara oculta???

    ResponderEliminar
  15. Osea puedo usar el http://ciudadblogger.com/2011/01/menu-deslizante-arriba-del-blog.html

    y el

    http://ciudadblogger.com/2010/01/sexy-drop-down-menu-con-jquery-y-css.html

    Al mismo tiempo?

    ResponderEliminar
  16. bueno, no me funciono del tooodo bien:
    tengo el top sliding menu, el sexy drop down y el jquery lazy load (creo que son solo esos 3)
    y estoy intentando poner el "expandir y contraer partes de entradas" con scriptaculous
    http://ciudadblogger.com/2009/10/expandir-y-contraer-partes-de-una.html
    y no me va =S
    se puede ver que la última entrada esta con el método para que se expanda/contraiga, pero no sucede nada =S
    que crees que estoy haciendo mal potro?
    www.animestealer.com.ar

    ResponderEliminar
  17. MaG@S RaDioMuSiC, jajajajaja, me encantó eso XD


    Kapyvara, de hecho esos dos menús usan jQuery así que no debería haber problemas aunque nunca los he probado juntos.

    ResponderEliminar
  18. Nehuy,

    Arriba del script de Leer más tienes otros scripts que aún no has cambiado los $ por jQuery.
    Uno es de LazyLoad, el que está arriba de él no sé cuál sea pero parece ser también un script de jQuery.

    ResponderEliminar
  19. Jajaja Potro, tenemos ideas parecidas, tengo una entrada en borrador sobre el mismo tema.

    Te aporto los siguientes datos:

    No es necesario con las ultimas versiones de Jquery utilizar noConflict.

    Tiene que ir el script de jquery siempre arriba de scriptaculous.

    Y si quieren he creado un generador que lo hace automatico el cambio de $ por jquery y agrega el noConflict.

    http://jquery-generador-vku.blogspot.com/

    ResponderEliminar
  20. potro: ya se lo cambie a todos los que vi y no me funca, sera que tengo que cambiar todos los $ de la plantilla?
    >_<

    Vku: en el generador se colocal solo el código del elemento o toda la planilla? :P (asi de huevon soy)

    ResponderEliminar
  21. Vku, excelentes datos los que aportas y ese generador está de lujo, los más perezosos te lo agradecerán jaja

    ResponderEliminar
  22. Nehuy, el comando jQuery.noConflict(); sólo va dentro del script que hace el llamado a las funciones, no dentro del propio script que contiene los códigos de todas las funciones. De igual forma los signos $ sólo se cambian en el script que hace el llamado a las funciones.
    Luego, si lo agregas en el script que tienes arriba del Leer más entonces el jQuery.noConflict(); debe ir después de //<![CDATA[ no antes.

    También no estaría mal que hicieras una limpieza de la plantilla pues veo hay algunos scripts de jQuery que no usas, por ejemplo el del Superfish que parece que alguna vez agregaste pero olvidaste eliminar el script.

    ResponderEliminar
  23. genial esto, ahora si montesco y capuleto juntos digo jquery y scriptaculous..
    solo para confirmar antes de meterme toda una tarde a esto, usando esto ya puedo tener en mi blog el "expandir o contraer parte de una entrada" mas el "menú deslizante arriba del blog"???? ......

    ResponderEliminar
  24. Ey potro esto si que esta regenial usar scriptaculos para subir y jquery para un menu deslizante puede ser algo imposible pero ahora si que se puso bueno eh

    ResponderEliminar
  25. Que bien al fin jQuery y Scriptaculous ya hiceron las pases tal vez sea porque estamos en el mes del cariño.

    ResponderEliminar
  26. Mo, se supone que sí, al menos yo antes de publicar la entrada lo probé en un blog que tenía un menú que usa el expandir y contraer de Scriptaculous junto con el menú deslizante arriba del blog de jQuery y ambos funcionaron sin problema.

    ResponderEliminar
  27. Sergio Molina, sí aunque de cualquier forma tengo el reto de buscar la forma que jQuery tenga la función de bajar como se hace con Scriptaculous, no pierdo la esperanza de que se pueda.

    ResponderEliminar
  28. nEjO, y esperemos que así sigan de cariñosos porque cuando los códigos dicen no es no :/

    ResponderEliminar
  29. Quiero hacer un juego para mi blog, estilo puzzle, rompecabezas, (con una de mis fotos) como hago?¿

    ResponderEliminar
  30. jajaja. Estoy deacuerdo con nEjO.. pero lo que ocurre es que Potro es como una agencia matrimonial de codigos xD.

    ResponderEliminar
  31. Potro ¿que necesitas, el ir arriba y abajo con efecto utilizando Jquery?
    Si es eso mandame un correo y te lo paso.
    anfelweb@gmail.com

    ResponderEliminar
  32. potro gracias por todo de verdad que ha sido de mucha ayuda para mi blog jovenesecheverry.blogspot.com pero en el menu desplegable no logro hacer que funcione el vinculo para que las personas me sigan por medio del mail.
    me puedes ayudar pliss

    ResponderEliminar
  33. Sorry, me tardé un dia en regresar (jajaja, trabajos extras)

    Ya lo instalé, y quedó de pelos, ahora usó scriptaculous para desplegar y plegar "¿Quienes son los Rollers?" en Blog & Roll


    Gracias, nuevamente.

    Saludos.
    p.s. ahhh, y tmbn tuve broncas, pues se me desaparecio la lista de seguidores, pero vi online a Oloman en Twitter y me facilitó el link del parche. ;)
    p.s2 Gracias a "amdos dos" XD

    ResponderEliminar
  34. Me ha funcionado, esto es increíble.
    ¡Gracias!

    ResponderEliminar
  35. Javier David Gomez Rincon, mira esta entrada de Vagabundia que explica cómo hacerlo:
    http://vagabundia.blogspot.com/2010/10/snapfit-un-script-para-generar-puzzles.html

    ResponderEliminar
  36. Walter Conejo Carballo, para nada, los desarrolladores de jQuery lo son :)

    Θdiŋ-k0, pero tipo Las Vegas, con una ceremonia rápida y una cerveza en la mano :P

    ResponderEliminar
  37. Vku, claro, si puedes hacerlo te lo agradecería mucho :)
    Ahora mismo te mando el correo.

    ResponderEliminar
  38. JOVENES IPUC ECHEVERRY, recuerda que debes tener activada la suscripción por email, eso se hace entrando a tu cuenta de Feedburner, luego entra en Publicize > Suscripciones por Email > y busca donde diga Activar servicio. Ya que esté activo el servicio debes cambiar en el código del menú las dos veces que se indica por tu nombre del feed, en este caso debes poner JovenesIpucEcheverry

    Revisa que esté de esa forma para que no tengas problemas.
    Cualquier otra duda sobre ese tema vamos a verla en esa entrada para no desviarnos del tema de este post ;)

    ResponderEliminar
  39. Las Pokas Neuronas de YobLleh, te quedó buena la personalización del menú!

    Adrián J. Messina, qué gusto que hayas tenido los resultados esperados :)

    ResponderEliminar
  40. Sr. Potro, ya lo aplique menú deslizable + expandir o contraer contenido y funcionan bien juntos, ya pude tener el menú en mi blog sencillito pero lo puse, gracias una vez mas.

    ResponderEliminar
  41. Una pregunta señor proto saliendo del tema, ¿Cómo crearon está paginación de blog?
    http://www.blogdelnarco.com/
    Me gusto mucho la paginación como se crea?

    ResponderEliminar
  42. Hola potro me preguntaba cuando puedes liberar el codigo del menu que tu tienes en tu Pagina esk me facina este Menu y pues me gustraia saber si se puede no nomas ami sino a muchos sequidores de tu blog .... ???
    Yo se k es mucho pedir pero ai te lo dejamos a tu desicion ..

    ResponderEliminar
  43. Mo, sencillito pero con mucho estilo que te ha quedado :)


    , una paginación muy parecida es esta que explica Oloman en su blog.


    Flaquitamor, prometo publicarlo lo antes posible, ya lo tengo medio escrito porque varios me lo han pedido pero siempre tengo otras entradas pendientes y nunca termino de redactar la entrada, pero trataré de incluirlo en la próxima semana ;)

    ResponderEliminar
  44. Potro!!! MUCHAS GRACIAS POR CMPARTIR ESTA PERFECTA SOLUCIÓN!!! En verdad me viene al pelo, es justo lo que necesitaba para darle unas actualizaciones fundamentales a mi sitio!

    Saludos desde Argentina colega! y de nuevo, muchas gracias! :)

    ResponderEliminar
  45. @El Potro
    Muchas grasias Potro otro gran Fabor y una Duda es como puedo poner un Reproductor JW Player en blogger .. Nos e si puedes poner un tuto o como hacer lo De favor y me sirvio de mucho el menu
    (ありがとう / Arigato)
    m(._.)mアリガト

    ResponderEliminar
  46. Potro, lo primero, muchas gracias por la pedazo página que tienes, me ha ayudado muchísimo en mis inicios como bloguero.

    Te tengo que pedir un favor: Esta mañana he puesto el script de las Imágenes en Ventanas Modales y como funciona con Scriptaculous y yo mayoritariamente utilizo jQuerty me ha generado algunos problemas. La mayoría de ellos los he conseguido solucionar pero hay uno en particular que no:
    Me ha desparecido el gadget de Seguidores, en su lugar aparece un espacio en blanco.
    ¿Puede deberse a un conflicto entre los dos lenguajes o es por otra cosa?

    Muchas gracias de antemano,
    EPI el Anónimo.


    PD: Si necesitas ver el blog la dirección url es Emececuadrado

    ResponderEliminar
  47. Exel, qué gusto que te haya sido útil esta entrada!


    Flaquitamor, en Vagabundia tienen un tutorial sobre ese reproductor:
    http://vagabundia.blogspot.com/2008/12/jw-flv-player-personalizacin-y-skins.html


    EPI el Anonimo, efectivamente es un conflicto de Scriptaculous y Prototype con ese gadget. Aquí hay una solución buena, aunque aquí hay una solución mejor.

    ResponderEliminar
  48. Muchas gracias,
    de todos modos he hecho un barbaridad que me ha hecho desaparecer todos los textos así que voy a reiniciar el blog de cero.

    Gracias,
    EPI el Anónimo

    ResponderEliminar
  49. Genial!! que grande eres Potro!!!!

    Saludos!

    ResponderEliminar
  50. mm no entiendo tengo que ?

    tengo que agregarle a todas esos ejemplos ? estoy vien perdido con los ejemplos

    ResponderEliminar
  51. Lee de nuevo la entrada, ahí explica claramente qué debes agregar y dónde.

    ResponderEliminar
  52. MM JODER MIRA APLIQUE TAMBIEN EL CODIGO QUE PUSISTE DE EJEMPLO PARA MENU SUPERIOR Y TAMPOCO QUIERE FUNCIONAR

    ResponderEliminar
  53. Debes aplicarlo a todos los scripts que uses con jQuery. Veo que también tienes el botón para mostrar los avatares de Twitter, ese también usa jQuery y por lo tanto también ahí se debe aplicar el hack.

    ResponderEliminar
  54. Esta pregunta no tiene que ver mucho con este tema. No veo el gadgets de seguidores (por cierto no tengo seguidores jaja). No sé que se puede hacer ahí. Espero y me puedas ayudar con esto. Gracias.

    ResponderEliminar
  55. Mira el comentario #48 la respuesta que le he dado a EPI el Anonimo, eso te servirá... para cuando tengas seguidores :P

    ResponderEliminar
  56. Muy buena aportación, Potro.
    Realmente funciona.

    Un saludo.

    ResponderEliminar
  57. Me alegro que te haya sido útil :)

    ResponderEliminar
  58. protro fijate que tambien aplique al de twitter y tampoco quiere funcionar el menu

    http://www.lockerzlatinos.com/

    ResponderEliminar
  59. Puede ser que alguno de tus scripts no haga posible el hack. O quizá por tantas versiones de jQuery que tienes en tu blog.
    Prueba hacer lo que recomendaba Vku, poner el script de Scriptaculous hasta abajo, justo antes de < /body >

    ResponderEliminar
  60. o como debo ponerlo?

    hasta bajo?

    no entendi espero el menu me servira mucho

    ResponderEliminar
  61. Como te dije, busca el script de Scriptaculous y Prototype y ponlo antes de < /body >

    Pero veo que el problema mas bien está en que no se puede siquiera seleccionar el link para abrir el menú, y es que aun tienes el script de las Luces de Navidad, esas están haciendo que no se pueda seleccionar esa área, necesitas quitarlas para que veas si funciona o no el menú.

    ResponderEliminar
  62. uy si potro ya esta en parte solucionado quite las luzes ahora cuadno doy abrir link me abre otra ventana que debo hacer ahora

    ResponderEliminar
  63. Ya te he respondido en la otra entrada.

    ResponderEliminar
  64. GRACIASSSSSSSSSSS POTRO POR FIN ESTA FUNCIONANDO DE MIRA www.lockerzlatinos.com

    no se que aria sin voz xD

    ResponderEliminar
  65. por ultimo potro ultima pregunta

    como evito que cuando abra el menu no se valla al principio de la pagina

    prueba no mas www.lockerzlatinos.com

    ResponderEliminar
  66. Potro tengo un problema. Agregue este codigo para poder colocar las flechas deslizantes y ahora el menu que tengo cuando abre despues no me cierra?¿? Antes de hacer todo me funcionaba bien incluso volvi a dejar el codigo como antes y tampoco me cierra. Lo unico nuevo que inclui y te agradesco es el traductor de Google buenisimo Gracias. No creo que haga conflicto por que tambien lo elimine y tampoco cierra el menu. Que podra ser? Discula las molestias Saludos ;)

    ResponderEliminar
  67. Me vas a matar jejeje pero me funciono ahora. Me falto agregar las flechas y una vez agregadas me funciono sin problemas. Muchisimas gracias por toda la ayuda que brindas! Te tengo una pregunte le coloque a mi esposa en su blog este menu y ahora no lo encuentro por ningun lado. Me estare volviendo loco o tu escondes las cosas de lugar ah?? jajajaja http://adita1987-ada.blogspot.com/ que tengas buen dia. Gracias!

    ResponderEliminar
  68. Vale, no te preocupes, lo importante es que ya lo has resuelto ;)
    El menú que está ahí es este.
    Saludos!

    ResponderEliminar
  69. oye potro gracias por el tuto pero yo si que soy salado ...ayuda porfa
    pasa que uso una galeria jquery : https://sites.google.com/site/ecuasagas/archivador/fadeslideshow.js
    y tambien el ocultar los comentarios con scriptaculous ya hice todo lo del post pero nada ...es que no quiero usar iframes :(
    y gracias de antemano
    este es el post
    http://ecuasagas-manga.blogspot.com/2011/04/naruto-535-jquery-vs-scriptaculos.html

    ResponderEliminar
  70. Pues de hecho se supone que el script fadeslideshow.js ya tiene incluido el hack. Quizá se trata de otro problema o tal vez es de esos scripts que aunque se les aplique el hack no funciona :/

    ResponderEliminar
  71. bueno igual gracias Potro
    en otro caso lo usare
    igual ya me arregle con iframes...asi quedo: :)
    http://ecuasagas-manga.blogspot.com/2011/04/blog-post.html

    ResponderEliminar
  72. Hola Francmi08,

    Ese texto aparece ahí porque al agregar un código has repetido un texto que es el que se muestra, puedes verlo así en tu plantilla:

    <div class='body-fauxcolumns' id='outer-wrapper'> id='outer-wrapper'>

    Elimina lo que está en negrita y se solucionará el problema.
    En cuanto al menú sí tiene solución, de hecho en esa entrada en uno de los comentarios un lector pregunta sobre ese tema y ahí se encuentra la respuesta ;)

    ¡Saludos y gracias por tu comentario!

    ResponderEliminar
  73. Potro ayuda por favor, trate de instalar el meno deslisante, y siempre me daba error cambie todos los $ por jQuery, y aun asi siempre me salia mal que crees que pueda ser? ojala puedas como siempre, jeje =)

    ResponderEliminar
  74. Pues no sé qué error te esté dando, pero si sigues los pasos al pie de la letra no debería salir nada mal.

    ResponderEliminar
  75. potro mira necesito q me ayudes a cambio t dare algo para tu siguiente post muy bueno

    ResponderEliminar
  76. No sé qué ayuda necesites, pero la ayuda que ofrezco la doy sin pedir nada a cambio.

    ResponderEliminar
  77. Hola una vez mas, Potro!!!
    Estoy ultimando detalles de una nueva pagina: www.AngelCanibal.com
    Resulta que luego de agregar el menu deslizante, personalizar las paginas estaticas y centrar los textos de los titulos quiero agregar las flechitas de subir y bajar, pero no resultan! Imagino que es por incompatibilidad entre jquery y scriptaculous... El tema es que no encontre en la plantilla ningun "$" que parezca corresponder a jquery.
    Como siempre, mi agradecimiento de antemano!!!

    ResponderEliminar
  78. Potro, una ultima consulta antes de irme a dormir (arrancar el lunes trasnochado no es negocio xD):

    En angelcanibal estoy luchando con disminuir la distancia entre columnas y contenedor de la entrada, y la distancia entre columnas entre si (entre main-wrapper y sidebar-wrapper, y entre las columnas del sidebar) pero no hay caso, sera mi cansancio o simplemente que no encuentro como.
    Y por ultimo ultimo: como hago para poner color a uno o dos gadgets del sidebar (es decir, solo a unos seleccionados, no al sidebar entero)
    Gracias como siempre y me voy a tirar un rato esperando no soñar con html jaja!!!

    ResponderEliminar
  79. Hola F!X,

    En algunos scripts no siempre se puede hacer, en el caso de ese menú probablemente se tenga que editar el script que está dentro de esta URL:
    http://dl.dropbox.com/u/647003/CiudadBlogger/Scripts/jqueryslidemenu.js

    En cuanto a la distancia que mencionas estoy en las mismas que tú, igual he intentado hacerlo en esas plantillas pero de verdad que esas plantillas no se dejan o mas bien no las entiendo del todo :/

    En cuanto a personalizar algún gadget sólo busca el ID del gadget y luego antes de ]]></b:skin> esto:

    #ID {
    background: #000;
    }

    Donde dice ID pon el ID del gadget que quieres personalizar, ahí mismo puedes agregarle los estilos que desees.

    ¡Saludos y buen sueño con el HTML!

    ResponderEliminar
  80. Potro, buen comienzo de semana.
    Estoy viendo el script y hay un problema que no se como resolver: si reemplazo todo los "$" me van a quedar las palabras "jQuery" pegadas a otras palabras, no todo esta entre "< >" y no sabría donde poner los "jQuery.noConflict();"

    Por otro lado, a modo de agradecimiento puse el link de ciudadblogger en mi bloglist, ojala otros cabezones como yo entren desde mi pagina a aprender como tunnear su blog. Un abrazo como siempre!!!

    ResponderEliminar
  81. Entonces quizá ese es de los scripts que te decía que no "aplican" para el hack, igual intentalo y checa si funciona, sino pues ya sabrás que era de los que no se les podía hackear.
    Gracias por el enlace :)

    ResponderEliminar
  82. Noticias!!! ¬¬ no lo pude hackear :(

    Asi que hay dos opciones:
    1)encontrarle la vuelta para hackearlo
    2)poner el efecto de subir y bajar pero con jQuery


    ...Potro, conoces como poner el efecto de subir y bajar con jQuery? xD jajaja En serio, solo encuentro tutoriales para subir.
    Como siempre, gracias!!!

    ResponderEliminar
  83. Hay uno que explica Vku en su blog, puedes verlo aquí:
    http://loseasi.blogspot.com/2010/03/ir-arriba-centro-y-abajo-con-efecto.html

    ResponderEliminar
  84. Gracias de nuevo!!!

    Parece que en mi plantilla no existe la referencia #outter-wrapper ni #footer-wrapper ¬¬ ire a preguntarle a Vku

    ResponderEliminar
  85. Hola del Potro!! he intentado hacer este truco para hacer funcionar a la vez 2 de tus maravillosos menus, como el de http://ciudadblogger.com/2010/09/menu-desplegable-con-efecto-deslizante.html Menu desplegable con efecto deslizante y el menú arriba del blog http://ciudadblogger.com/2011/01/menu-deslizante-arriba-del-blog.html , pero unicamente me funciona el Menu deslizante arriba del blog, no logro hacer que funcione el 1ro, podrias indicarme que hacer para que funcionen ambos? Gracias!

    http://transformersg.blogspot.com/

    ResponderEliminar
  86. Hola Rob X,

    Si no tienes más jQuery que el del menú deslizante arriba del blog entonces puedes tomar el código de ejemplo que está en la entrada, así es como debe quedar, y si no tienes otro "truco" con jQuery entonces te deberá funcionar con Scriptaculous.

    ResponderEliminar
  87. Es decir que no debo cambiarle el simbolo $ por la palabra Jquery? ni utilizar el jquerynoconflict? Lo intente antes y aunque me aparece el menu desplegable a la derecha no se despliega.

    ResponderEliminar
  88. Por cierto si coloco el menu desplegable por alguna razon desaparecen los seguidores... y el gadget de seguidores queda completamente vacio. que raron no? aunque sabes que? he estado tratando de combinar el menu desplegable con otro menu que se tiene etiqueta "ver/ocultar" .. pero no logro el resultado deseado.. gracias de todas maneras.

    ResponderEliminar
  89. Al contrario, en la entrada verás el ejemplo de cómo es el código 'antes' y cómo es 'después' de ponerle el hack. El código con los cambios es el que debes usar.
    Scriptaculous hace conflicto también con el gadget de seguidores, mira esta entrada:
    http://ciudadblogger.com/2010/01/solucion-la-lista-de-seguidores.html

    ResponderEliminar
  90. ¡Hola! ¿Esto también sería aplicable para la librería Mootools? , porque me gustaría agregar un artilugio con esta librería pero ya tengo aplicado Jquery U.U. Saludos y gracias ;).

    ResponderEliminar
  91. Hola Dulce Musa,

    También debe ser efectivo con Mootools, no sé con cuántos de los scripts de Mootools sea compatible, pero seguro con la mayoría no deberás tener problema.

    Saludos.

    ResponderEliminar
  92. Hola potro, pues revisando en google blogs de ayuda para mi blog te encontre, estuve intentando el script para el preloader y veo que habla sobre esto de jquery.. hermano podrias explicarme que esto ? estoy totalmente confundido.. me no enterder que esto ser ejejjeejeje.. gracias

    ResponderEliminar
  93. Hola TucajaFuerte, ya te he respondido en la entrada del Preloader. Saludos!

    ResponderEliminar
  94. Hola potro me gusto lo de los emoticones ¡muy bueno!

    Gracias! bueno saliendo del tema estoy teniendo un problema en mi blog con un menu drop down y un slider... descargue esta plantilla que ya viene con ese menu aqui(http://www.demo.premiumbloggertemplates.com/2011/07/carsmania-blogger-template-demo.html) pero quite el slider que viene con esa plantilla y quise poner este que esta en vidamrr.com (http://www.vidamrr.com/2011/02/crear-un-slider-de-imagenes-sencillo-en.html) pero al colocar ese slider el menu pierde su efecto drop down, que pasa? si me puedes ayudar te lo agradesco!

    ResponderEliminar
  95. El menú de tu plantilla parece estar hecho con Mootools el cual también es incompatible con jQuery. Aplica el mismo hack, también es válido para Mootools y jQuery.

    ResponderEliminar
  96. Hola potro de verdad que funciona y era cierto lo del menu trabajaba con mootools Pero encontre otro problema despues de hacer eso y es que desaparece todo mostrando unicamente el fondo del blog

    ResponderEliminar
  97. Posiblemente modificaste sin querer alguna otra parte. ¿En cuál blog tienes el problema?

    ResponderEliminar
  98. Hola potro disculpa la mlestia fijate que yo tengo un template para mi blog y tiene jquery y quiero agragar el fambox que publicaste en
    http://ciudadblogger.com/2011/08/el-fanbox-de-facebook-flotante-y-con.html?showComment=1314286950560#c4967680060426610699
    el problema es que cuando lo instalo ya no funciona el jquery anterior me podrias ayudar?

    mi blog es http://vtrautos.blogspot.com/

    gracias por tu ayuda

    saludos

    ResponderEliminar
  99. Hola VTR,

    Prueba quitar la versión antigua que tienes de jQuery:
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js' type='text/javascript'></script>

    ResponderEliminar
  100. Buenas tardes potro gracias por tomarte la molestia, pues ya cambie el script que tenia por este que de diste pero no paso nada, disculpa no seria mucha molestia te podria mandar el pass para que puedas ver la plantilla de mi blog?

    gracias por tu tiempo

    ResponderEliminar
  101. No hay nada que yo pueda hacer, ni desde aquí ni dentro del blog, son cuestiones de compatibilidad. Ahora, yo no te dije que lo cambies, sino que lo elimines, esa es una versión anterior a la actual, por eso te decía que lo quites para que sólo dejaras la versión más nueva que has borrado.

    ResponderEliminar
  102. Excelente potro no había entendido pero ahora me funciona al 100% no se como pagarte gracias compañero....

    ResponderEliminar
  103. Excelente Potro, gracias. Funciona OK.

    ResponderEliminar
  104. Me gusto tu entrada nadamas un consejo invierte los boton de subir y bajar ya que en lo que subo el puntero hasta arriba mejor me sale agarrar la barra de desplazamiento

    ResponderEliminar
  105. Y si quisieras el botón de bajar tendrías el mismo problema :/

    ResponderEliminar
  106. Potro, que tal?

    Más que gracias por esta entrada, el menu JQuery que puse dentro de la entrada entró en conflicto con el menu Scriptaculous de blog. La entrada quedó así:

    http://cmviaje.blogspot.com/2011/11/tourist-card-tarjetas-turisticas.html

    Gracias a Ti, nuevamente.

    ResponderEliminar
  107. Qué bien se ve cuando todo se desliza sin problemas Tomás :)
    ¡Saludos!

    ResponderEliminar
  108. Potro y para usar mootools y scriptaculous a la vez? Saludos

    ResponderEliminar
  109. No hay un hack para ellos, con esos dos sí tienes que elegir entre uno u otro.

    ResponderEliminar
  110. Hola, puedes ver mi blog? http://creacionestejidas.blogspot.com/ hize todo lo que me dijiste pero aun no me resulta.. que estare haciendo mal?

    ResponderEliminar
  111. Hola Nataly, no veo que tengas nada de jQuery ni Scriptaculous en tu blog :/

    ResponderEliminar
  112. Hola Potro:
    No encuentro nada de esto para poder aplicarlo a mi blog.Te recuerdo no puedo poner boton de avance para carrusel de imagenes.
    http://franciscoadame.blogspot.com
    Saludos

    ResponderEliminar
  113. Hola FRANCISCO,

    Estás usando el script de Coda Slider, puedes identificarlo buscando:
    $(function() {

    A partir de ahí eso es jQuery.
    No sé si sigas usando ese slider, si ya no lo usas elimina el código y no necesitarás hacer nada de esto.
    Saludos.

    ResponderEliminar
  114. Hola Potro:
    Te recuerdo mi problema los botones del carrusel de imágenes no aparecen dime que he de hacer.

    Saludos.

    ResponderEliminar
  115. Por eso, el carrusel usa Scriptaculous, y tú en el blog usas jQuery que agregaste para el Coda Slider, por eso te decía que apliques el hack donde te indiqué, o que si ya no usas el Coda Slider elimines ese código para que te funcione el carrusel.

    ResponderEliminar
  116. Hola Potro:
    Cuando elimino ese código los vídeos desplegados hacia abajo y el carrusel de imágenes no le afecta para nada.
    Saludos

    ResponderEliminar
  117. Pero el código sigue ahí. Si ya no lo usas elimina todo lo que sea de esa galería, sobre todo el script. Si aun lo usas entonces aplica el truco como se explica en esta misma entrada.

    ResponderEliminar
  118. Muchisimas gracias!!! Es excelente la ayuda que nos dan!!!

    ResponderEliminar
  119. Gracias por tu comentario Angel, saludos!

    ResponderEliminar
  120. Todavia no probe lo que explicas en este tuto...
    Pero me hiciste reir mucho en el primer parrafo, y de echo.. es lo que me paso esta mañana ..
    un saludo.. jaja.. estubo bueno..
    Ahora a trabajar y ver si soluciono el conflicto !!!

    ResponderEliminar
  121. Ojalá que así sea MARIANO, suerte ;)

    ResponderEliminar
  122. Una pregunta...

    ¿Siempre habría que poner: "jQuery.noConflict();"?
    ¿No se puede poner, por ejemplo: "j.noConflict();" para que sea mas facil de poner?

    ResponderEliminar
  123. Sí, puedes poner en realidad cualquier palabra, en el caso que mencionas pondrías:
    j.noConflict();
    Y luego todos los $ los cambiarías por la j

    Sólo hay que procurar que la palabra o letra que elijas no haga conflicto también con la librería de Prototype.

    ResponderEliminar
  124. Eiii! Aquí estoy! Llego aquí desde la entrada de el botón de fb, twitter, y +1 del blog (http://ciudadblogger.com/2012/01/botones-flotantes-para-recomendar-el.html), en la que te dije que no me iba el slider junto al botón (por ser jquery o algo así combinado con scriptaculous), el caso es que lo de las $ por jquery lo entiendo, pero lo de poner jQuery.noConflict(); antes de las instrucciones del script no lo acabo de pillar (ayy dios...), te pego aquí los códigos para el botón; son 3 por eso van separados. A ver si puedes descifrar que es lo que he de cambiar! 1000000000000000000 GRACIAS! :D!

    2 segundos después: mierda! Blogger no me deja copiar al código en el comment! :( Bueno, te he puesto el link y allí están todos los códigos... Dime donde van los cambios plis! :) Gracias! :)

    ResponderEliminar
    Respuestas
    1. No vi el link, pero arriba de este blog hay un apartado que dice "Conversor", pon ahí el código, conviértelo a texto plano y podrás ponerlo aquí en los comentarios ;)

      Eliminar
    2. Oye, he convertido el código pero no me deja pegarlo porque escede los 4096 caracteres, te pongo la entrada:

      http://ciudadblogger.com/2010/10/orbit-slider-de-imagenes-con-jquery.html

      Ahí están los tres códigos, me ha ido todo bien hasta que he combinado este slider de jquery con los botones de compartir el blog de Scriptaculous. El problema es que no se muy bien donde colocar los cambios que dices en esta entrada para que sean compatibles. Muchas gracias de antemano! :D

      PD: para que veas lo que pasa con el slider cuando combino Jquery y Scriptaculous, este es mi blog: www.elrincondedomive.blogspot.com

      PD2: solo se ha de cambiar el código de uno de los 2 no? Osea, o de jquery o de scriptaculous.

      Un saludo bloggero! :)

      Eliminar
    3. Sólo se cambia el de jQuery. Y aplica los cambios que se explican en esta entrada úncamente a esta parte:
      <script type='text/javascript'>
      $(window).load(function() {
      $(&#39;#featured&#39;).orbit({
      advanceSpeed: 5000,
      &#39;bullets&#39;: true,
      &#39;timer&#39; : true,
      &#39;animation&#39; : &#39;horizontal-slide&#39;
      });
      });
      </script>

      El resto déjalo como está.
      Saludos.

      Eliminar
    4. Ahora sí! :) Muchas gracias! :D

      Eliminar
  125. muchas gracias! :D Voy a probar y te cuento! :)

    ResponderEliminar
  126. tengo problema con el boton no se espande

    ResponderEliminar
  127. Gracias Potro!
    Hace mucho tenia problemas con esto y por fin lo pude solucionar.

    http://www.sinlevantarlapiz.com/

    Gracias, tambien por el dominio que me otorgaste.

    ResponderEliminar
  128. Hola Potro!! Actualice mi Slider (usa JQuery), pero el slider de mi menú no se despliega y mi lista de amigos de twitter, que tengo con JQuery, no se ve. Es posible que el problema sea que uso Prototype para agrupar gadgets?
    Coloqué los cambios que dijiste en este post pero todo sigue igual ;( Ayudaaaa
    Para pilotearla armé mi menú sin submenú y si no encuentro salida pondré mis amigos de twitter sin slider.

    ResponderEliminar
    Respuestas
    1. No parece que tengas Scriptaculous que es con el que usualmente hay incompatibilidad. Mas bien parece que ya has metido demasiadas versiones de jQuery, lo cual también causa inestabilidad en los gadgets:
      http://ciudadblogger.com/2011/10/jquery-sus-versiones-y-el-conflito.html

      Si te fijas en tu plantilla verás que tienes todas estas versiones:
      1.4.3
      1.7.1
      1.4.2
      1.7.1

      Eliminar
    2. hola! he actualizado el jquery y ni el menu ni la lista de amigos se deslisan ;(
      Así puse la lista de amigos de twitter sin slider y el menu lo simplifique para que no tengasub menu.
      de todas formas miiiilll gracias :)

      Eliminar
    3. Dime cuál es tu blog, porque si cancelas el perfil no puedo saber en cuál blog tienes el problema :/

      Eliminar
    4. Hola otra vez! mi blog es:
      http://culturaesdisenio.blogspot.com/

      gracias por tu tiempo ;)

      Eliminar
    5. Sigues teniendo muchas versiones de jQuery. Sólo debes tener una, nada más. El resto tienen que quitarse, sino muchas de las cosas que usen jQuery no funcionarán. Mira de nuevo el enlace que te di en el otro comentario para que veas a qué me refiero.
      Saludos.

      Eliminar
  129. Hola Potro!! estoy intentando poner el menú deslizante y me da error cuando intento cambiar los $!! que puedo hacer? he seguido todos los pasos! no se que es lo que hago mal! este es mi blog reconexiondelser.blogspot.com
    Muchas gracias por adelantado, eres un sol!

    ResponderEliminar
  130. Respuestas
    1. Prueba eliminar las cookies y caché del navegador, o bien, hacerlo desde otro navegador.

      Eliminar
  131. Hola de nuevo! ya lo he conseguido!! al final he tenido que eliminar el blog y volver hacer todo el proceso!pero ha merecido la pena ha quedado muy bonito ! GRACIAS! ahora tengo otro problemilla! cuando hago clik en la subpagina me dice que no se encuentra la página!he intentado crear contenido pero nada no encuentro la forma.....!
    que tengo que hacer???

    ResponderEliminar
  132. ...puede ser por que no he hecho lo de jQuery.noConflict(); y el cambio de $ por jQuery!? antes lo hice y aparte de no funcionar el menú tambien me salia lo de no se encuentra la pagina!

    ResponderEliminar
    Respuestas
    1. Si te dice que no encuentra la página entonces es que la URL que has puesto no es correcta. Asegúrate de haber puesto el http:// en la dirección, por ejemplo:
      http://google.com

      Eliminar
  133. ....eeeeeiñññ!!!!!perdona pero no te entiendo no se que quieres decir! que URL he puesto!? que yo sepa no he puesto ninguna a parte de mi openID y esta bien!y donde esta el http:// donde esta la dirección y que dirección tengo que poner!? estoy intentando entender y probar cosas para dar con lo que dices pero es como el que tiene tos y se rasca el culo!! jaja!!

    ResponderEliminar
  134. Potro!! ya he dado con el fallo! no habia puesto nada en URL del enlace!jeje perdón!!de todas formas me ha costado lo mio saber lo que tenia que poner! ahora lo que no se es como crear contenido dentro del menú he probado varias cosas pero nada!! puedes decirme como lo hago!?

    ResponderEliminar
    Respuestas
    1. Pues depende qué quieras poner en el menú, puedes enlazar entradas, páginas, o una categoría de entradas:
      http://ciudadblogger.com/2010/06/menu-de-categorias.html

      Eliminar
  135. Hola Potro!! estoy intentando meter contenido en las subpestañas siguendo tus indicaciones pero me pasa una cosa rara el contenido me sale clikando en todas las pestañas y subpestañas menos en la que tendria que estar y cuanto cliko en esta me sale que no hay ninguna entrada con esta etiqueta despues cliko en las demas pestañas y ya no sale en ningun lado me dice en todas que no hay ninguna entrada....
    luego cliko en entrada pricipal y me sale el contenido sabes tu que puede ser!?? si me lo puedes mirar te estaría muy agradecida te paso el blog por si no me he explicado bien reconexiondelser.blogspot.com

    ResponderEliminar
    Respuestas
    1. Hola Yessica, no veo que tengas ningún enlace en ese menú, ahí debías colocar donde decía "URL del enlace" el sitio, página, o entrada que quieres que habra al hacer click.
      Ve a la entrada del menú, ahí verás que la parte de donde se pone el enlace la has puesto mal, corrige esa parte y agrega la URL correspondiente.
      Saludos.

      Eliminar
  136. Gracias Potro funciona, tu nunca decepcionas

    ResponderEliminar
  137. No me salio :( intente, pero me aparecio el codigo
    jQuery.noConflict(); arriba en el intro del blog... y cuando entre tenia el orbit sin funcionar y las fotos alineadas una arriba de la otra...

    ResponderEliminar
    Respuestas
    1. El jQuery.noConflict(); se debe poner justo debajo de:
      <script type="text/javascript">

      Ya teniendo puesto eso sólo hay que cambiar los signos de $ por la palabra jQuery

      Eliminar
  138. script type="text/javascript" asi tal cual no me aparece en la plantilla. me aparece sin el <script adelante , ahi abajo lo puse... y me volvio a pasar lo mismo...:(

    ResponderEliminar
    Respuestas
    1. Ponlo para que lo vea, quizá hay un signo de $ que estás omitiendo sin querer.

      Eliminar
    2. Ya esta aplicado. Ojala lo veas pronto y no entre nadie ! :P

      Eliminar
    3. No debe ir ahí, ponlo justo antes de $(document).ready(function() {
      Además, ese es un signo de $ que no has cambiado.

      Eliminar
  139. Sigue sin funcionarme. No se ve el texto ahi arriba pero el slide no funciona. ademas la imagen del intro se me va para arriba. Hice algo mal??

    ResponderEliminar
    Respuestas
    1. Puede ser porque tienes dos versiones de jQuery y debes tener sólo una, la más actual:
      http://ciudadblogger.com/2011/10/jquery-sus-versiones-y-el-conflito.html

      Deja sólo una, y preferentemente ponla después de HEAD

      Eliminar
  140. Ya habia probado dejar una hace un tiempo, pero no me funcionaba el slider con la version 7.1 asi que vos me dijiste que si con las 2 versiones todo andaba bien deje las 2. Creo que voy a desistir, tengo miedo de meter la pata :( Gracias por tu ayuda como siempre. Un beso Potro!

    ResponderEliminar
  141. Lo que me pasa ahora es que la imagen del intro me desaparece antes de hacer click en "Entrar". Sera que toque algo que afecto eso? porque hasta ayer andaba perfecto . Ayuda Potro! Sos el unico que puede !

    ResponderEliminar
    Respuestas
    1. Desde aquí se ve bien o.O
      Acabo de entrar y la imagen permanece hasta que le dé click en Entrar.

      Eliminar
  142. POTRO...
    quiero poner el de arrastrar imágenes con Scriptaculous y precargar el blog con Jquery

    ResponderEliminar
  143. PD: te digo porque no se cual seria el código

    ResponderEliminar
    Respuestas
    1. Al de jQuery es al que le tendrías que aplicar lo que se indica en la entrada. Hay un archivo que se descarga, a ese hay que aplicárselo.

      Eliminar
  144. Otra vez molestando. En el blog SOLO PARA PRUEBAS CROCHET estoy tratando ahora de colocar "EXPANDIR y CONTRAER GADGETS CON EFECTO DESLIZANTE" y no puedo. Además me crea conflicto con el video que hice y no funciona. Estará el tema entre JQuery y Scriptaculous?
    Valoraría tu opinión y por supuesto "ayuda".
    Gracias por tu esfuerzo. Abrazo

    ResponderEliminar
    Respuestas
    1. Sí, esa es la razón. Veo que cambiaste los $ pero no pusiste el jQuery.noConflict(); donde se debe colocar, sin él es como si no se aplicara el parche.

      Eliminar
  145. Hola que tal Potro, nuevamente molestando por acá. Fijate que tengo un trozo de codigo que va en un gadget html que usa jQuery. Te paso el codigo: (No me dejo ponerlo en el comentario te dejo el link)

    http://www.scribd.com/doc/102727094/Post-Recientes

    Entonces, siguiendo tus instrucciones, no encuentro donde meter el jQuery.noConflict(); ni cambiar las $.

    Espero que me puedas ayudar. Gracias.


    Dark

    ResponderEliminar
    Respuestas
    1. Hola ...Dark Angel..., sino me equivoco tendrías que descargar el script que está ahí para hacer los cambios en ese archivo:
      http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js

      Eliminar
  146. Hola POTRO denuevo molestandote, mia he puesto uno de tus tutos pero no recuerdo cual a mi pagina: http://sergiokou7.blogspot.com pero ahora las imagenes de arriba que son 5 ya no se deslizan como deberian de ser, seguro hay un conflicto pero nose como arreglarlo, nose si me puedes ayudar con eso, es urgente por favor!!
    de antemano muchas gracias

    ResponderEliminar
    Respuestas
    1. Hola Sergio. Tienes dos veces la versión 1.7.1 de jQuery, y también tienes la 1.5.1
      Elimina todas, en su lugar pon justo después de <head> esta:

      <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>

      Eliminar
  147. Una pregunta adicional, cuando entras a la unica entrada que he puesto de prueba abajo del post salen mis 3 imagenes pero con un borde en plomo :S como puedo hacer para poner las 3 imagenes arriba de esa raya ploma que sale encima de ellos ademas que ese borde plomo de las imagenes sea transparente? espero me puedas ayudar, ya que estoy creando una nueva imagen a mi blog, espero tu espuesta, Gracias!

    ResponderEliminar
    Respuestas
    1. Bueno, los bordes no pueden ser transparentes, no existe esa propiedad en CSS.
      La línea esa supongo que tú se la has puesto en las entradas, así que sólo sería cuestión de que pongas todo el contenido arriba de ella, es un DIV.
      Saludos.

      Eliminar
  148. Potro como has estado? ricien probando el sistema de "Botones para compartir flotantes que se deslizan al bajar" que usa jquery y a la vez esto usando "Carrusel de imágenes con Scriptaculous" y aplique esto pero sigo sin ver los botones, sabes potro donde le estoy errando?
    este es el blog, muchas gracias.

    ResponderEliminar
    Respuestas
    1. Hola Martin, si no se ven entonces el problema está en la colocación, prueba poner los botones arriba de <div class='postdate'

      Eliminar
    2. era eso mcuhas gracias, ah, no se si podras ayudarme potro, el tema es que en chorme las fuentes que uso de las webfonts de google se ven mal los bordes, segun leei (en ingles) hay alguna propiedad css para areglarlo, puede ser?

      Eliminar
    3. No sé Martin, habría que ver qué propiedad te dijeron que lo arregla, yo no recuerdo alguna que haga algo parecido :/

      Eliminar
    4. Este comentario ha sido eliminado por el autor.

      Eliminar
    5. Esto fue lo que econtre potro http://goo.gl/VY9jh y http://goo.gl/2LblA.
      Lo que entendi basicamente es agregarle una sombra al texto.
      Voy a porobar ello, al margen, que me recomiendas usar las fonts de google o usar el sistema de @font-face ya que no se si este ultimo da mucho problema o deja muy pesada la pagina.

      Eliminar
    6. Uso Mac así que no puedo ver las letras pixeladas del ejemplo del primer enlace pues al parecer sólo sucede en Windows, pero puedes probar con lo de la sombra.
      Las fuentes de Google a mí me parece que son buena opción, usualmente no tardan mucho en cargar (varía de cada tipo de fuente), y estando en el servidor de Google es hasta cierto punto una garantía de que ahí van a estar.

      Eliminar
    7. gracias potro, probe lo de la sombre y no queda muy bien al final busque otra fuente que no se nota tanto el mal renderizado.
      Al margen me encontre tambie con que se puede habilitar una opcion en windows que mejora eso, te lo comento por si publicas algo referido si le pasa a alguien mas.
      Otra cosa potro, me encontre con este experimento, se puede aplicar?

      Eliminar
    8. Supongo que sí, tendrías que probar para ver en qué navegadores funciona porque las transiciones no funcionan todas en todos los navegadores.

      Eliminar
    9. si en IE probe y no =S como siempre IE je, gracias... ah potro alquilas espacios publicitarios?

      Eliminar
    10. IE... cuándo no :P
      Por ahora no Martin, aún no están abiertos para todo el público, quizás más delante.

      Eliminar
    11. perfecto potro estare atento, disculpa, una cosnulta me sucede que agregue un boton de twitter en cada resumen de post en la pagina principal de este blog pero me toma la url del blog y no la de la entrada, tendria que modificar el codigo que da twitter o lo agregue mal? saludos!

      Eliminar
    12. Hola Martin, ¿le pusiste una URL al botón cuando lo creaste? porque debes dejar la casilla "Usar el URL de la página"
      https://twitter.com/about/resources/buttons#tweet

      Eliminar
    13. Ricien verifique por las dudas potro y si como que no reconoce que esta en una pag de post y tira la url princial, siendo que esta junto con el resto de los botones y esto si la toman bien =S

      Eliminar
    14. Entonces agrégale esto al código del botón:
      expr:data-text='data:post.title'

      Eliminar
  149. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  150. Hola Potro, tengo una duda, mi blog tiene agregado el Lazy Load y también quiero poner la lista de enlaces de forma en que se expandan con efecto deslizante (http://ciudadblogger.com/2011/04/expandir-y-contraer-gadgets-con-efecto.html).
    Mi duda es que en el código de Lazy load hay varios $, creo que son más de 20 :/
    ¿Tengo que cambiarlos todos?

    ResponderEliminar
    Respuestas
    1. Hola Kelly, sólo a esta parte debes hacerle el cambio:

      $(document).ready(function($){
      $('img').lazyload({
      effect:'fadeIn',

      Eliminar
  151. Potro recien descubri que poniendo var $ = Jquery.noconflict();
    antes del codigo, haces todo el parcheado automaticamente.
    saludos, y seguimos creciendo :)

    ResponderEliminar
    Respuestas
    1. Genial Daniel, no estaba enterado de eso, lo probaré esperando tener éxito :)

      Eliminar
  152. osea tengo todo mi blog llamando a librerias jquery, en el caso que quisiera usar scriptaculous tendria que modificar absulamente todos mis scripts jquery?

    ResponderEliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

Nota: solo los miembros de este blog pueden publicar comentarios.

 
Ir Arriba Ir Abajo
I Ciudad Blogger