Imprimir
Inicio desactivadoInicio desactivadoInicio desactivadoInicio desactivadoInicio desactivado
 

 Protostar es una de las plantillas que trae por defecto Joomla 3.x , por ello vamos tratar en este post todo lo necesario para poder cambiarla y modificarla.

Empezamos a modificar nuestra plantilla protostar

Lo ideal inicialmente antes de empezar a cambiar nuestra plantilla , os recomiendo copiar vuestra plantilla para poder realizar todos los cambios sin miedo y evitando problemas, como que actualices y te cambie esos cambios que hiciste, puedes hecharle un vistazo este otro post donde explico como copiar la plantilla.

Una vez copiada nuestra plantilla podemos entra a modificar el CSS.

Modificaciones CSS

Lo primero es saber que creando un fichero podemos sobreescribir el css de template.css

Este fichero es user.css en templates/protostar, con el podermos modificar el css de la plantilla protostar o el nuestra copia, ideal aunque no hubieramos hecho una copia de la plantilla, al actualizar joomla ( por consecuencia puede que la plantilal) este fichero no cambiaría nunca ya que no se existe en la plantilla por defecto.

Ejemplo de Sergio Iglesias en este post nos demuestra como creando ese fichero y con unos pequeños cambios , la planitlla cambiar muchísimo.

Esta web tambien utilizamos una copia de protostar, la tengo publicada en github (protostar_ayuda), aunque tengo cambiado el fichero templace.css ya que tiene errores, los puedes ver con el  validar el css en W3C.

 

Menu horizontal

Para poner un menu horizontal en la plantilla protostar tenemos que poner el modulo del menu en la posicion 1 y ademas :

En el Módulo Menú debemos ir a la pestaña avanzado y modificar los valores de las cajas

Sufijo de clase CSS : nav-pills

Sufijo de clase CSS del Modulo: _menu

 menu horizontal

CSS un poco a fondo de la plantilla protostar

Siempre es bueno conocer un poco a fondo el CSS, la clase que utiliza y podemos reutilizar dentro de los articulos o modulos, para mejorar estectica o presentación de nuestra web. Os dejo alguna anotaciones que tenemos.

.center

Esta clase dentro de un div centra el texto o el contenido.

 

 

 Otras fuentes que encuentro interesantes:

Protostar como framevork. Presentacion de Valetín García muy currada, incluso tiene la modificaciones de la plantilla compartida en Github, plantilla protostar_garcia

Le informamos que nuestro sitio web usa cookies propias y de terceros para poder prestar sus servicios.Al continuar navegando, entendemos que acepta su uso. Información