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.
Como vimos anteriormente, o valor de quealquer propriedade pode ser modificada em tempo real. As propriedades podem ser desabilitadas, modificadas ou criadas livremente.
No fórum, alguém lhe forneceu um trecho de código CSS?
Você experimentou alguma das ferramentas mencionadas anteriormente e quer salvar suas modificações?
Você deve ter notado que o Firebug não modifica nenhum arquivo. Se você recarregar a página você perde todas as alterações.
Se você seguir este tutorial você não perderá as suas mudanças no caso de uma atualização do Piwigo.
No Piwigo vá para [ Administração » Plugins » LocalFiles Editor]]1) » Aba ”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.