Mudanças entre as edições de "JSPUI"

De IBICT
Ir para: navegação, pesquisa
(Barra central)
 
(5 edições intermediárias de um usuário não apresentadas)
Linha 1: Linha 1:
== Arquivo: dspace-theme.css ==
+
== Bordas arredondadas ==
Abaixo serão citadas algumas configurações importantes existentes nesse arquivo.
+
Localize o arquivo ''dspace-theme.css'' no caminho '''[DSpace-base]\Validador\dspace\modules\jspui\src\main\webapp\static\css\bootstrap'''
  
=== Bordas arredondadas ===
 
 
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 ===
+
== 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 30: Linha 36:
  
 
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 ===
 
=== Barra central ===
Linha 35: Linha 42:
 
As configurações de fundo, fonte e tamanho de fonte, espaçamento e outras configurações relacionadas a barra:
 
As configurações de fundo, fonte e tamanho de fonte, espaçamento e outras configurações relacionadas a barra:
  
[[Arquivo:Jumbotron.png]]
+
[[Arquivo:Jumbotron.png|center]]
  
 
São efetuadas pela alteração da classe: ''.jumbotron'' e suas derivações:
 
São efetuadas pela alteração da classe: ''.jumbotron'' e suas derivações:
Linha 58: Linha 65:
  
 
</pre>
 
</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

Borda.png


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:

Jumbotron.png

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