Mudanças entre as edições de "Customizar CSS Strato 10"
Ir para navegação
Ir para pesquisar
(Criou página com 'Para customização de CSS no Strato 10, devem ser seguidos os passos abaixo: No diretório de instalação do Strato 10, deve ser criado um diretório com o nome LAYOUT. E...') |
|||
| Linha 6: | Linha 6: | ||
Neste diretório criar um arquivo com o nome StratoWebAlt.css. | Neste diretório criar um arquivo com o nome StratoWebAlt.css. | ||
Neste arquivo deverá ser inseridos todos os CSS's que o cliente deseja alterar. | Neste arquivo deverá ser inseridos todos os CSS's que o cliente deseja alterar. | ||
| − | Para saber qual CSS alterar, pode ser utilizado o recurso de '''Debug''' do navegadores, | + | Para saber qual CSS alterar, pode ser utilizado o recurso de '''Debug''' do navegadores, como o '''firebug''' do Firefox. |
| − | + | ||
| + | Ex: O CSS padrão para um campo edit selecionado é EDIT_SELECTED | ||
| + | Então deve ser criado o CSS EDIT_SELECTED no arquivo StratoWebAlt.css, com as alterações que o cliente deseja. | ||
| + | <nowiki>.EDIT_SELECTED { | ||
| + | BORDER: #886702 1px solid; | ||
| + | PADDING: 1px; | ||
| + | FONT-SIZE: 10px; | ||
| + | BACKGROUND-IMAGE: none; | ||
| + | FONT-FAMILY: Arial; | ||
| + | BACKGROUND-COLOR: #000000; | ||
| + | height: 19px; | ||
| + | }</nowiki> | ||
| + | Neste caso a cor de fundo foi alterada. | ||
Edição das 20h28min de 2 de outubro de 2012
Para customização de CSS no Strato 10, devem ser seguidos os passos abaixo:
No diretório de instalação do Strato 10, deve ser criado um diretório com o nome LAYOUT. Ex: C:\Strato10\LAYOUT
Neste diretório criar um arquivo com o nome StratoWebAlt.css. Neste arquivo deverá ser inseridos todos os CSS's que o cliente deseja alterar. Para saber qual CSS alterar, pode ser utilizado o recurso de Debug do navegadores, como o firebug do Firefox.
Ex: O CSS padrão para um campo edit selecionado é EDIT_SELECTED
Então deve ser criado o CSS EDIT_SELECTED no arquivo StratoWebAlt.css, com as alterações que o cliente deseja.
.EDIT_SELECTED {
BORDER: #886702 1px solid;
PADDING: 1px;
FONT-SIZE: 10px;
BACKGROUND-IMAGE: none;
FONT-FAMILY: Arial;
BACKGROUND-COLOR: #000000;
height: 19px;
}
Neste caso a cor de fundo foi alterada.
