Twitter Follow Box BETA 1.0 Jquery y mootools en Joomla 2.5

Diseño y Posicionamiento Web con Joomla Foros Joomla 2.5 Modulos Joomla 2.5 Twitter Follow Box BETA 1.0 Jquery y mootools en Joomla 2.5

Mostrando 2 respuestas a los debates
  • Autor
    Entradas
    • #106155
      williesanswillie
      Participante

      Hola , dado que no he visto plugins o módulos en el JED para Fans de Twitter me propuse hace tiempo buscar alguno que cumpla la expectativa y realice la función medianamente bien en joomla 2.5 y si fuera posible gratis ( ya veis que ando escaso y cambiando extensiones ) la economía esta fatal y el mundo aún peor. Bueno, vamos al asunto con el mini tutorial en español y gratis valga redundancia 🙂

      Twitter Follow Box Beta 1.0 es un plugin para jQuery que nos permite agregar un gadget de Twitter que copia el estilo del plugin Like Box de Facebook. Es fácil de integrar a cualquier sitio y posee varias opciones que permiten adaptarlo a nuestros gustos personales.

      Descargamos el ZIP que ofrecen en la página de los desarrolladores y allí nos encontraremos con cuatro archivos:

      followbox.css ( las reglas css del plugin )

      jquery.followbox.js o jquery.followbox.min.js ( el plugin )

      podemos usar cualquiera de ellos lo agregamos antes del con el siguiente contenido…

      tambien podemos subirlo a nuestro sitio y enlazarlo de esta forma…

      enlazamos tambien el CSS…

      Después, podemos subir la librería de jQuery a nuestro sitio o cargarla desde un servidor externo por ejemplo la del repositorio de Google ( lo que he optado ) por temas de optimización…

      O subirla a nuestro sitio y enlazarla…

      Ahora creamos un módulo personalizado HTML escribimos :

      Es un DIV y la llamada a función donde solo resta indicar nuestro nombre de usuario.
      Exiten opciones extras optativas que permiten configurar algunos detalles:
      [b]
      width[/b] es el ancho en pixeles
      height es el alto en pixeles
      border_color el color del borde
      bg_color el color del fondo
      bg_image una imagen de fondo optativa
      title_color el color del texto del título
      total_count_color el color indicando la cantidad de seguidores
      follower_name_color el color de los enlaces a los seguidores
      theme permite seleccionar un estilo global; puede ser light, dark o custom

      Se agregaria de la siguiente forma separándolas con comas dentro del propio script:

      $('#followboxbeta').followbox({
      'user' : 'NOMBRE_USUARIO',
      'theme' : 'dark'
      });

      Para cambiar un pequeño ícono que utiliza el plugin, la imagen llamada icon_twitter.png la subimos a nuestro sitio y buscamos esto en el script:

      var d="followbox/icon_twitter.png";

      lo cambiamos por la dirección de nuestra imagen.


      var d="http://mi_imagen.png";

      Hasta aquí ya tendriamos una parte del proceso, para que este plugin sea funcional es necesario realizar algunos ajustes debido a que por defecto Joomla viene con la librería mootools, al instalar la libreria jQuery entrará en conflicto. Para que puedan funcionar ambas librerias hay que modificar todas las variables que estan representadas con el simbolo del dollar $ dado que moootools hace referencia a la misma para llamar a…. por lo tanto cambiamos todas para evitar este conflicto y lo reemplazamos porjQuery.

      En el script jquery.followbox.js donde comienza…

      (function(jQuery) {

      Le agregamos encima la función de no conflicto..

      jQuery.noConflict();

      ya tenemos jQuery y mootools en nuestro Joomla.

      [URL=http://imageshack.us/photo/my-images/69/screenshot009xy.jpg/][IMG]http://img69.imageshack.us/img69/1948/screenshot009xy.jpg[/IMG][/URL]

      Un cordial saludo.

    • #106157
      Anónimo
      Invitado

      Muchas gracias. Es de agradecer el esfuerzo por enseñarnos.

    • #106158
      williesanswillie
      Participante

      a tí por comentar ya me dirás que tal saludos.

Mostrando 2 respuestas a los debates
  • El foro ‘Modulos Joomla 2.5’ está cerrado y no se permiten nuevos debates ni respuestas.
Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Ver
Privacidad