This is an old revision of the document!
HTML (the Hypertext Markup Language) e CSS (Cascading Style Sheets) são duas das tecnologias usadas para construir páginas Web. HTML fornece a estrutura da página e CSS fornece o layout visual, para vários tipos de dispositivos.
A linguagem CSS (Cascading Style Sheets) é poderosa para personalizar sua galeria. Cores, fontes, posição dos elementos, etc podem ser modificados usando CSS.
Alguns tutoriais e websites úteis para aprender como usar CSS
Isso depende do seu navegador:
Você pode precisar baixar e instalar vários desses navegadores populares porque a página pode ficar diferente em cada um deles.
Cada elemento HTML é acessado pelo CSS por um seletor. Leia Syntax e Id and Class para entender como funciona.
A seguir apresentaremos um exemplo de como acessar o código html/css de uma página e modificá-la. No caso do Firebug, uma nova janela aparece no firefox.(veja Fig.01).
A Fig.01 ilustra uma aba HTML onde você pode visualizar o conteúdo de uma página web on-line ou off-line. Você pode ver o quê o navegador recebe e interpreta. Esta janela é dividida em duas regiões.
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» ]
Se você precisar adicionar comentários sobre o que o código faz, coloque duas barras antes do seu comentário para que essa linha não seja interpretada.
Exemplo:
// isso irá ocultar o menu da minha galeria #menubar { display: none; }
Com certeza não!
O código CSS em *-rules.css será aplicado por cima do CSS contido no arquivo padrão como no theme.css do tema que você está modsificando.
O arquivo CSS gerado pelo LocalFiles Editor são guardados na pasta:
./piwigo/local/css/
Eles são nomeados como *-rules.css, onde * é o nome do tema.