Modificar codigo css fora do painel de controle

Qual é minha questão:
Primeiramente, perdoem-me se minha questão é idiota. Ainda procuro entender o funcionamento de algumas coisas, pra que possa trabalhar em cima da personalização de meu forum.

MInha questão:

Enfim. Como sabes, visualizando o seu forum (ou qq pagina) em Firefox, Chrome, etc.. é posivel usar a ferramenta 'Inspecionar elemento'...onde vc pode ver o codigo-fonte usado no site. Ai vc pode mudar e ver as mudanças NA HORA, embora não ocorram nenhuma modificação na real.
Tem como, ou usando algum software, em que 'PEGO' esse codigo inteiro, e edite ja visualizando as mudanças, como nessa função 'Inspecionar elemento'?
Ou, de outra forma, haveria como eu copiar todo o Codigo CSS do Painel de Controle, e modifica-lo ao meu gosto...em um software... e ai depois copiando o codigo mudado de volta a minha folha, lá no mesmo Painel de Controle?

Gostaria de uma luz a respeito... até pra saber a opiniao de voces, de como voces procedem isso, quanod precisam fazer qualquer mudança desejada. Qual a maneira mais eficiente pra isso.


Agradeço.

Endereço do meu fórum:
http://azmatrix.forumeiros.com

Versão do fórum:
PHPBB3

Boa noite!

Então eu uso o inspecionar elemento apenas para estudar ou conseguir códigos. Mas para os testes, eu pego a minha CSS, coloco em um bloco de notas e deixo lá! Assim volto em meu fórum de testes e faço as modificações, sem afetar o meu CSS oficial. Compreende-me?

Até mais!

Olá!

Sim querido existe, o nome do software e FireBug, ele esta disponível apenas para o navegador Mozilla Firefox.

Atenciosamente,
Crazy.

Claro, compreendo sim, Hizu. Agradeço a opiniao.

E quanto ao que falas, Crazy... o que faria e faz exatamente esse FireBug entao. Terias como me dizer e exemplificar?
Agradeceria.

Olá AlfaBeta,

O Firebug é uma ferramenta de edição visualizada com opções de:
- inspetor de código
- console de erros
- debugger

Com ele você pode inspecionar o HTML e modificar estilos CSS em tempo real, também é possível identificar erros de JavaScript, analisar a performance e ter uma visão instantânea caso o seu código apresente problemas.

Pode efetuar o download desse complemento na internet.

Até mais!

Entendo, amigo Harker.
Mas só pra eu entender mais.. questiono: usando esse complemento no browser...vou fazer e ver essas modificações em tempo real...mas...elas não serão salvas de imediato, certo? Perdoe minha ignorancia.

Se sim... terias que copiar o codigo CSS (da area que modifiquei, por ex) e colocar na primeira linha do meu CSS? QUero dizer... como faço e executo de fato qualquer modificação no meu codigo usando essa ferramenta?

Agradeço.

De forma alguma as alterações serão imediatas, funciona como o complemento "Inspecionar elemento", somente visualizara as alterações, então copiará o código elaborado e o adicionará no CSS.

A diferença é que esse soft é mais detalhado com mais opções.

Até mais!

Ok, entendi.
Mas vamos em frente..pra finalizar.

Então voce me diz que...voce faz dessa forma: Usando o complemento, voce altera o que quer >> copia todo esse Codigo CSS >> e coloca no seu Painel de Controle?

Sim, basta ter o conhecimento das classes e das propriedades para que possa manusear, então elabora o código, o copia e o acrescenta no CSS através do painel de controle.

Ok, Harker.
Vou dar uma verificada e, se não surgir mais duvidas, darei como encerrado.

Agradeço.