🌍
Brasil
This shows you the differences between two versions of the page.
css_code [2014/03/11 11:11] msakik [Como encontrar o seletor correto] |
css_code [2014/03/11 13:21] (current) msakik [Como salvar as alterações no meu Piwigo] |
||
---|---|---|---|
Line 44: | Line 44: | ||
- A segunda região, à direita, mostra todas as propriedades CSS aplicadas ao elemento HTML selecionado. Ele também mostra o seletor utilizado para aplicar as propriedades no elemento e onde o código está localizado - em um arquivo e em quais linhas -. Você pode modificar as propriedades em tempo real clicando no valor e/ou na propriedade. As alterações são aplicadas imediatamente e pode ser visto na página web sem atualizá-la. | - A segunda região, à direita, mostra todas as propriedades CSS aplicadas ao elemento HTML selecionado. Ele também mostra o seletor utilizado para aplicar as propriedades no elemento e onde o código está localizado - em um arquivo e em quais linhas -. Você pode modificar as propriedades em tempo real clicando no valor e/ou na propriedade. As alterações são aplicadas imediatamente e pode ser visto na página web sem atualizá-la. | ||
- | ===== How To: como modificar a propriedade CSS do elemento ===== | + | ===== Como modificar a propriedade CSS do elemento ===== |
- | As we have seen, the value of any properties can be changed on-the-fly. The properties can be disabled, changed and created. | + | Como vimos anteriormente, o valor de quealquer propriedade pode ser modificada em tempo real. As propriedades podem ser desabilitadas, modificadas ou criadas livremente. |
- | ===== How To: como salvar as alterações no meu Piwigo ===== | + | ===== Como salvar as alterações no meu Piwigo ===== |
- | > In the forum someone gave you a piece of CSS code ?\\ | + | > 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?\\ |
- | > 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\\ | + | Você deve ter notado que o Firebug não modifica nenhum arquivo. Se você recarregar a página você perde todas as alterações.\\ |
- | <wrap important>If you follow that tutorial, you will NOT loose your changes during updates.</wrap> | + | <wrap important>Se você seguir este tutorial você não perderá as suas mudanças no caso de uma atualização do Piwigo.</wrap> |
- | Go to **[ Administration >> Plugins >> LocalFiles Editor]]((It needs to be activated!)) >> Tab "//CSS//" ]**\\ | + | No Piwigo vá para **[ Administração >> Plugins >> LocalFiles Editor]]((Ele precisa ser ativado!)) >> aba "//CSS//" ]**\\ |
- | There you can choose in the drop-down menu between ''local-rules.css'' and a all the themes enable on your gallery. | + | Aqui você pode escolher no menu drop-down entre o ''rules.css'' e todos os temas instalados na sua galeria. |
- | * ''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. | + | * ''rules.css'' é um arquivo que o Piwigo carrega independente do tema: se sua mudança de CSS vai ser aplicado à todos os temas, esta é a opção. |
- | * If you select a theme, the CSS code written will be loaded only for that theme. In most of the case, it's recommend to apply the CSS code to one theme.\\<wrap info>__Info__ :</wrap>For a parent theme, his *-rules.css file will be loaded for him-self and his child themes! So a child theme can have several local-rules files loaded. | + | * Se você selecionar um tema, o seu código CSS será carregado somente para aquele tema. Na maioria dos casos, recomenda-se aplicar o código CSS para um tema específico.\\ <wrap info>__Info__ :</wrap>Para um tema pai (que possui filhos), seu arquivo *-rules.css será carregado para ele e para todos os temas filhos! Então um tema filho pode ter vários arquivos de regras locais carregados. |
- | 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>> ]**\\ | + | Agora cole seu código CSS e salve o arquivo. O resultado deve ser visto imediatamente atualizando a página: caso não ocorra, tente limpar o cache do seu navegador e limpar os templates compiados através do menu **[ Ferramentas >> Manutenção >> Limpar os modelos compilados]**\\ |
<WRAP center round info 60%> | <WRAP center round info 60%> | ||
- | 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. | + | 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:\\ | Exemplo:\\ | ||
<code css> | <code css> | ||
Line 82: | Line 80: | ||
===== FAQ ===== | ===== FAQ ===== | ||
- | === É necessário copiar/colar todo o conteúdo do arquivo theme.css? === | + | === 1. É necessário copiar/colar todo o conteúdo do arquivo theme.css? === |
Com certeza não!\\ | 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 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. | ||
- | === Onde minhas personalizações são salvas? === | + | === 2. Onde minhas personalizações são salvas? === |
O arquivo CSS gerado pelo LocalFiles Editor são guardados na pasta: | O arquivo CSS gerado pelo LocalFiles Editor são guardados na pasta: | ||
./piwigo/local/css/ | ./piwigo/local/css/ | ||
Eles são nomeados como *-rules.css, onde * é o nome do tema. | Eles são nomeados como *-rules.css, onde * é o nome do tema. |