¡Esta es una revisión vieja del documento!
El lenguaje de marcado hipertextual HTML y las reglas de estilo en cascada CSS son dos de las principales tecnologías para la creación de páginas Web. HTML proporciona la estructura de la página y CSS el diseño visual para una gran variedad de dispositivos.
El lenguaje basado en reglas de estilo en cascada (Cascading Style Sheets ) es el responsable de aplicarle estilo a su galería. Permite personalizar los colores, los tipos y tamaños de fuentes, las posición de elementos…
Aprenda CSS
Dependiendo de tu navegador:
Cada elemento HTML está accesible mediante CSS por medio de un selector. Para entenderlo mejor, puede leerse Syntax and Id and Class.
Este es un ejemplo de cómo puede accederse y modificarse de forma fácil al código html/css de cualquier página web. Com Firebug, aparece una nueva ventana en Firefox (ver Fig.01).
Fig.01 illustrates the HTML tab, where you can visualize the content of any web page -on-line or off-line-. You see what the browser receives and interprets.
This windows is split in 2 zones.
As we have seen, the value of any properties can be changed on-the-fly. The properties can be disabled, changed and created.
In the forum someone gave you a piece of CSS code ?
You have played with one of the tools previously mentioned, and you want to save your changes ?
You might have noticed that Firebug doesn't change the files : if you refresh the page, you will loose all your changes
If you follow that tutorial, you will NOT loose your changes during updates.
Go to [ Administration » Plugins » LocalFiles Editor]]1) » Tab ”CSS” ]
There you can choose in the drop-down menu between local-rules.css
and a all the themes enable on your gallery.
local-rules.css
is a file loaded by Piwigo whatever the theme : if your CSS change need to be applied to all themes, select it.
Now just copy/past your CSS code and save. The effects should be seen immediately : if not, try to refresh the cache of your browser and purge the Purge compiled templates, in [ Tools » Maintenance» ]
If you need to add comments to remember what a code do, just add two slashes before your text and the line will not be interpreted.
Illustration :
// It hides the menu of my gallery #menubar { display: none; }
Absolutely not!
The CSS in *-rules.css will overload the CSS contains in default CSS files like the theme.css of the theme you are changing.
The CSS files generated by LocalFiles Editor are in the folder:
./piwigo/local/css/
They are named *-rules.css with * is the name of a theme.