Mudanças entre as edições de "JSPUI"
(Criou página com '== dspace-theme.css == Abaixo serão citadas algumas configurações importantes existentes nesse arquivo. === Bordas arredondadas === Altere a classe ''.navbar'' (alteraçõ...') |
(→Barra central) |
||
| (7 edições intermediárias de um usuário não apresentadas) | |||
| Linha 1: | Linha 1: | ||
| − | == | + | == Bordas arredondadas == |
| − | + | Localize o arquivo ''dspace-theme.css'' no caminho '''[DSpace-base]\Validador\dspace\modules\jspui\src\main\webapp\static\css\bootstrap''' | |
| − | |||
Altere a classe ''.navbar'' (alterações serão aplicadas também às bordas do rodapé); | Altere a classe ''.navbar'' (alterações serão aplicadas também às bordas do rodapé); | ||
| Linha 23: | Linha 22: | ||
Com isso as bordas serão retiradas. Caso não exista necessidade apenas de alterar o grau de arredondamento, aumente ou diminua os valores. | Com isso as bordas serão retiradas. Caso não exista necessidade apenas de alterar o grau de arredondamento, aumente ou diminua os valores. | ||
| − | === Cor | + | == Barra superior == |
| + | |||
| + | |||
| + | |||
| + | [[Arquivo:Borda.png|center]] | ||
| + | |||
| + | |||
| + | === Cor === | ||
As configurações de cor da barra do cabeçalho são efetuadas a partir da classe ''.navbar-fixed-top'' (assim como as cores e configurações de posição do rodapé são modificadas pela classe ''.navbar-bottom''). | As configurações de cor da barra do cabeçalho são efetuadas a partir da classe ''.navbar-fixed-top'' (assim como as cores e configurações de posição do rodapé são modificadas pela classe ''.navbar-bottom''). | ||
| Linha 31: | Linha 37: | ||
O posicionamento do ícone do Dspace, localizado na barra superior, é configurada na classe ''.navbar-brand'', alterando os valores em pixels: <code>padding: 8px 15px 0px 15px;</code> | O posicionamento do ícone do Dspace, localizado na barra superior, é configurada na classe ''.navbar-brand'', alterando os valores em pixels: <code>padding: 8px 15px 0px 15px;</code> | ||
| − | === === | + | |
| + | === Barra central === | ||
| + | |||
| + | As configurações de fundo, fonte e tamanho de fonte, espaçamento e outras configurações relacionadas a barra: | ||
| + | |||
| + | [[Arquivo:Jumbotron.png|center]] | ||
| + | |||
| + | São efetuadas pela alteração da classe: ''.jumbotron'' e suas derivações: | ||
| + | |||
| + | <pre> | ||
| + | |||
| + | .jumbotron { | ||
| + | background-color: #f1ffee; | ||
| + | font-size: 14px; | ||
| + | font-weight: normal; | ||
| + | line-height: 1.5; | ||
| + | margin-bottom: 5px; | ||
| + | padding: 10px; | ||
| + | } | ||
| + | |||
| + | */Tamanho da fonte*/ | ||
| + | |||
| + | .jumbotron h1 { | ||
| + | font-size: 20px; | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | |||
| + | </pre> | ||
| + | |||
| + | Após alterar o que julgar necessário, o arquivo que corresponde a essas configurações é o: '''home.jsp''', localizado em: '''[DSpace]\Validador\dspace\modules\jspui\src\main\webapp''' | ||
Edição atual tal como às 15h04min de 20 de fevereiro de 2015
Índice |
Bordas arredondadas
Localize o arquivo dspace-theme.css no caminho [DSpace-base]\Validador\dspace\modules\jspui\src\main\webapp\static\css\bootstrap
Altere a classe .navbar (alterações serão aplicadas também às bordas do rodapé);
.navbar {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
Retire os valores em pixels:
.navbar {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
Com isso as bordas serão retiradas. Caso não exista necessidade apenas de alterar o grau de arredondamento, aumente ou diminua os valores.
Barra superior
Cor
As configurações de cor da barra do cabeçalho são efetuadas a partir da classe .navbar-fixed-top (assim como as cores e configurações de posição do rodapé são modificadas pela classe .navbar-bottom).
Ícone Dspace
O posicionamento do ícone do Dspace, localizado na barra superior, é configurada na classe .navbar-brand, alterando os valores em pixels: padding: 8px 15px 0px 15px;
Barra central
As configurações de fundo, fonte e tamanho de fonte, espaçamento e outras configurações relacionadas a barra:
São efetuadas pela alteração da classe: .jumbotron e suas derivações:
.jumbotron {
background-color: #f1ffee;
font-size: 14px;
font-weight: normal;
line-height: 1.5;
margin-bottom: 5px;
padding: 10px;
}
*/Tamanho da fonte*/
.jumbotron h1 {
font-size: 20px;
font-weight: bold;
}
Após alterar o que julgar necessário, o arquivo que corresponde a essas configurações é o: home.jsp, localizado em: [DSpace]\Validador\dspace\modules\jspui\src\main\webapp
