añadir nuevo efecto zoom a vinaora nivo slider

Para añadir un nuevo efecto a vinaora nivo slider, seguiremos unos pasos. El efecto que voy a añadir es un zoom sobre la imagen total, no un zoom sobre la imagen como he visto en algunos plugins sino sobre el recuadro y la imagen total, no se si me explico bien lo mejor es verlo, y aqui teneis el enlace de la página:

http://victorcabralvida.esy.es/

No es muy común ya que he buscado y no he encontrado mucho, solo en una página y no era con el plugin nivo slider, estaba hecho con transiciones el paso de las imágenes, en nivo slider esta hecho con display, creo que es así, tampoco llevo mucho tiempo programando y no soy un entendido.

Bueno, empecemos con los pasos:

1-añadir este código en el archivo situado en /public_html/media/mod_vt_nivo_slider/js/jquery.nivo.slider.js en tu servidor externo,
entre las lineas 399 y 617, entre alguno de los efectos que vienen por defecto en el nivo slider, o al final en la linea 617 después de la llave "}" de cierre del último else if.

Código a copiar:

 else if(currentEffect === 'zoomIn'){//efecto creado por victor
                createSlices(slider, settings, vars);
                
                    var slice = $('.nivo-slice:first, .nivo-caption .nivo-heading, .nivo-caption > div',slider);
                    
                    slice.css({
                    'animation-name': 'zoom',
                    'animation-iteration-count': '1',
                    'animation-duration': '6s'
                    }); 
                    var main_image = $('.nivo-main-image', slider);
                    main_image.css({
                    'visibility': 'hidden'
                    });
                  
                        slice.hover(
                                function(){
                                    $(".nivo-main-image").css('visibility', 'visible');
                                    $(".nivo-slice:first").css('visibility', 'hidden');
                                }
                                ,function(){
                                    $(".nivo-main-image").css("visibility", "hidden");
                                    $(".nivo-slice:first").css('visibility', 'visible');
                                });
                    slice.animate({ opacity: '1' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
                
            }

2-Ahora vamos al archivo situado  en: /public_html/modules/mod_vt_nivo_slider/helper.php y en la linea 112:

en la función addNivoScript cambiamos la ruta, en vez del archivo jquery.nivo.slider.min.js ponemos el archivo que se ve en la imagen en total la ruta queda así: 'media/mod_vt_nivo_slider/js/jquery.nivo.slider.js'.

3-Ahora vamos al archivo que esta en la ruta:  /public_html/modules/mod_vt_nivo_slider/language/en-GB/en-GB.mod_vt_nivo_slider.ini 

.Y entre la linea 127 y 142 o en una nueva linea (143), añadimos el código que se ve en la imagen en la linea 144:

MOD_VT_NIVO_SLIDER_OPTION_EFFECT_ZOOMIN="zoomIn".

4-Ahora vamos al archivo que esta en la ruta: /public_html/modules/mod_vt_nivo_slider/mod_vt_nivo_slider.xml. Y añadimos el siguiente código entre las lineas 58 y 73 o en una nueva linea (74), dentro de la etiqueta <field></field> donde están agrupadas las otras opciones:

<option value="zoomIn">MOD_VT_NIVO_SLIDER_OPTION_EFFECT_ZOOMIN</option>

5-Y por último vamos a crear las dos clases CSS que vamos a utilizar en el paso 1. Si la plantilla tiene para añadir CSS en la página introducimos ahí el código, si no vamos a la ruta:  /public_html/templates/txzmash/css , en vez de txzmash accedemos a la plantilla (protostar, etc...) que estemos usando para el sitio web. Y en el archivo templates.css introducimos el código.

@keyframes zoom{

0%{

opacity: 0;

transform: scale3d(.3,.3,.3);

}

50%{

transform: scale3d(1,1,1);

opacity: 1;

}

}

Y ya esta, ya tenemos el efecto incluido, y la opción de elegirlo entre las opciones que ofrece el módulo Vinaora Nivo Slider.

Instalación BreezingForms en Joomla 3.6.4

He instalado breezingForms en Joomla 3.6.4 y me he encontrado el problema de que los tutoriales que he visto eran antiguos, con el Joomla 2.5.7, así que he decidido crear este tutorial por si alguien le sirve de ayuda.

Vamos a seguir unos pasos:

1-Nos vamos a extensiones -> gestionar -> instalar y pulsamos, nos sale esta pantalla.

2-Pulsamos sobre Instalar desde la web, así nos aseguramos que sea la descarga correcta y nos abre una página con extensiones de Joomla, si no vemos breezingForms entre las extensiones, vamos cuadro de busqueda como sale en la imagen:

3-Y lo buscamos, a continuación pulsamos sobre breezingform, y nos abre otra página donde pulsamos sobre download (el botón verde) y nos abre otra página donde pone esto:

4-Pulsamos sobre el botón rojo donde pone Try BreezingForms (free) si queremos el paquete gratuito, si quieres el paquete mas avanzado con mas características pero de pago pulsa sobre el amarillo Buy BreezingForms Pro, y lo descargamos.

5-Lo descargamos en la carpeta que elijamos, habremos de ir a la carpeta y haber descomprimido el archivo zip, 

6-Vamos a la página del paso 1, y en vez de entrar en el descargar desde la web, pulsamos sobre subir archivo del paquete, pulsamos sobre seleccionar archivo y vamos a la carpeta donde descargamos el archivo zip de la extensión.

7-Entramos en la carpeta descomprimida -> extensions y nos encontramos con un archivo zip:

com_breezingforms.zip

8-seleccionamos este archivo y le damos a subir e instalar, y ya hemos instalado parte.

9-Después volvemos a pulsar sobre seleccionar archivos y esta vez vamos archivo descomprimido -> 

extensions -> addons y subimos uno por uno los dos archivo zip que están dentro de esa carpeta.

Y ya está ya tenemos breezingForms subido a nuestro Joomla.

Espero que tengan suerte y lo hayan podido realizar sin problema y que les haya servido de ayuda.

Problema Joomla en servidor externo.

Hola, me he encontrado con el problema de haber instalado Joomla en un servidor externo, la página Inicio me carga bien, pero cuando quiero entrar en otras página de la aplicación, no puedo, excepto el sitio del administrador, en el que si puedo entrar.

Pues el problema es tan simple como, entre los archivos que hemos subido a nuestro servidor remoto, hay uno que es el htaccess.txt, pues ahí esta el problema.

Debemos cambiar el nombre de htaccess.txt que es el nombre que tenía en el servidor local, a .htaccess.

Y ya esta, solucionado.

Ya puedo ver todas mis páginas normalmente.

Otra solución, es ir a Sistema -> Configuración Global y en el apartado que dice Url amigables le damos a No.

Esto nos permitirá ver las páginas, pero en la barra de búsqueda, verás que en vez de los nombres de las páginas, aparecen números y nombres que no sabemos descifrar.

Elijan la opción que más les guste.

Acceder papelera Joomla 3.6.4

Supongamos que hemos enviado un artículo a la papelera por error y lo queremos recuperar, vamos a seguir estos pasos:

1-Accedemos a nuestro site administrator.

2-Nos vamos a contenido -> articulo, no en añadir un artículo, pulsamos articulo, y nos aparecen todos nuestros artículos.

3-Pulsamos donde pone herramientas de búsqueda y se nos abren varías ventanas.

4-Pulsamos en seleccionar estado y nos sale una opción de movido a la papelera. Pulsamos esa opción. Y ya estamos en la papelera.

5-Seleccionamos los resultados que queramos recuperar de la papelera y pulsamos en publicar, junto a editar. 

Y ya los hemos recuperado.

Instalar español en Joomla! 3.6.4

Para instalar Joomla! con el idioma español, lo primero es tener instalado Joomla.

Vamos a seguir unos pasos:

1-Entrar en site administrator en el menú. Introducimos nuestra contraseña que ya introdujimos cuando configuramos nuestro sitio Joomla y el nombre de usuario.

2-Nos vamos al menu de arriba donde pone Sistema, Usuario, Menus, Contenido, Componentes, Extensiones, Ayuda.

3-Pulsamos en Extensions -> Languages -> Installed.

4-Debajo de esta escrito: Languages: installed (site) pulsamos Install Languages.

5-Seleccionamos el idioma, el español es la version 3.6.3.1

6-Pulsamos en el botón Install y nos saldrá un mensaje que se instalo con éxito (language was successful.).

7-Pulsamos en el menu de arriba Extensions -> Languages -> Installed, y nos llevará a la página donde están los idiomas que hemos instalado.

8-Seleccionamos el idioma en el botón pequeño redondo en la izquierda del idioma y pulsamos el botón default arriba a la izquierda. Y ya lo tenemos seleccionado como predeterminado.

9-A continuación nos vamos al menú de arriba, y donde pone Users pulsamos ahí y nos abre una ventana donde pone manage, pulsamos ahí.

10-Pulsamos sobre el usuario que queremos instalar el idioma, en mi caso Super User.

11-Debajo del nombre Super User encontramos tres enlaces, uno de ellos Basics Settings, pulsamos ahí.

12-Y para terminar, vemos varios apartados cuando hemos entrado en Basics Setting, pulsamos en Backend Language y lo cambiamos a español, después nos vamos al apartado Frontend Language y hacemos lo mismo que en Backend Language.  Pulsamos arriba save y close. Y ya está.

Después de esto nos debería salir el sitio del administrador en español.

Problema instalacion Joomla 3.6.4

A algunos usuarios, nos pasa que hemos tenido problemas al instalar Joomla!, y el problema es que cuando rellenamos todos los datos al entrar en nuestro sitio, ej: localhost/sitio. Nunca termina de instalarse Joomla!.
Pues el problema es fácil de solucionar si encuentras la solución.

1-Vamos al control de panel y pulsamos en config. de apache.

2-Pulsamos en config. y se nos abre una ventana donde deberemos pulsar PHP (php.ini),

y nos abre un fichero de texto.

3-Pulsamos Edicion -> buscar y se nos abrira una ventana como esta.

4-Lo que debemos escribir en el cuadro de búsqueda es: max_exe

5-Pulsamos en buscar siguiente y nos lleva a 

6-Y donde pone max_execution_time=30 , sustituimos 30 por 250 o 500.

7-Pulsamos en archivo -> guardar.

8-Reiniciamos el apache, nos vamos al panel de control de xampp y le damos a stop, cuando pare 

le damos a start.

9-Vamos al sitio y rellenamos los datos de configuración, 

localhost/nombre_del_sitio

10-Pulsamos a instalar y ya esta, si no nos sale la ventana de verificación de que esta correcto la instalación de Joomla!, pues volvemos a insertar la dirección:

localhost/nombre_del_sitio

y ya nos debe salir de que Joomla! se ha instalado correctamente, y nos saldrá un botón de eliminar carpeta de instalación, pulsamos ahi y ya, ya que si no se elimina la carpeta no funcionará correctamente.

Entrar en phpmyadmin al instalar Joomla

He tenido un problema al instalar Joomla en mi servidor, resulta que me he descargado la herramienta de bitnami para descargar Joomla, para instalar Joomla teniendo xampp es muy sencillo, el único problema es que te piden una contraseña para el administrador, que sirve aparte de para entrar en site administrator de la aplicación Joomla, es también para loguearte y poder tener derecho a publicar, modificar y acceder a un menú desde donde puedes hacer estas cosas.

El otro problema lo he tenido para ejecutar el xampp, tenía que ejecutarlo como administrador.

Y finalmente, el último problema lo he tenido, en que cuando quería ejecutar en el navegador la aplicación y entrar en phpmyadmin mediante:

                          localhost/phpmyadmin

no podía, ya se que en el panel de control pulsando admin de mysql se entra, pero quería entrar como suelo entrar habitualmente.

Resulta que el directorio raiz de xampp al instalar la herramienta de bitnami, pasa a apps en vez de en el directorio padre xampp como estaba antes, así que he tenido copiar la carpeta phpmyadmin, dentro de apps.

Y todo resuelto, ya puedo entrar en localhost/phpmyadmin.