CSS e Rich Faces

Pessoal! Beleza?

Tô precisando de ajuda,

Tô trabalhando com uma aplicação utilizando o Rich Faces, que já possui seu próprio estilo o que facilita muito o desenvolvimento das telas.

Mas o que tô tentanto fazer é colocar um topo e uma base padrão pra todas as páginas da aplicação.

Este é o código da minha página de entrada do sistema

&lt;%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%&gt;
&lt;%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%&gt;

&lt;%@ taglib uri="http://richfaces.org/a4j" prefix="aj4"%&gt;
&lt;%@ taglib uri="http://richfaces.org/rich" prefix="rich"%&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;..::Virtual Teste - Seu Ambiente de Avaliação Virtual::..&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
	


&lt;f:view &gt;

//COLOCANDO O ESTILO MANUALMENTE FUNCIONA E OBTENHO O QUE QUERO, COMO ABAIXO
		
		&lt;style&gt;
			.topo{				
				width: 800px;
			}
			.corpo{
				width:800px;
			}			

		&lt;/style&gt;

//PORÉM, NÃO GOSTARIA DE FAZER MANUALMENTE EM TODAS AS PÁGINAS DO SISTEMA PORQUE SÃO MUITAS

	&lt;h:graphicImage id="topo" value="/images/topo.jpg"/&gt;
	&lt;rich:panel styleClass="corpo"&gt;
        	&lt;f:facet name="header" &gt;
        		&lt;h:outputText value=""/&gt;
        	&lt;/f:facet&gt;
        	<br>
        	
        	&lt;rich:panel&gt;
        		&lt;f:facet name="header" &gt;
        			&lt;h:outputText value="ENTRE COM OS DADOS DO USUÁRIO"/&gt;
        		&lt;/f:facet&gt;
        		<br>
        		&lt;h:outputText value="USUÁRIO OU SENHA INVÁLIDOS!" rendered="#{validaLogin.usuarioNaoEncontrado}"/&gt;<br>
        		&lt;h:outputText value="TENTE NOVAMENTE!" rendered="#{validaLogin.usuarioNaoEncontrado}"/&gt;
        		
        		&lt;h:messages/&gt;
        		&lt;h:form id="Login" style="width:25%; "&gt;        			       				
        			
       					&lt;h:panelGrid columns="2"&gt;
            				&lt;h:outputText value="Usuário: "/&gt;
            				&lt;h:inputText requiredMessage="Informe o Usuário!" 
            							 validatorMessage="Seu usuário deve ter menos que 20 dígitos" 
            							 id="Usuario" required="true" 
            							 value="#{validaLogin.usuario.usuario}" size="20"&gt;
            					&lt;f:validateLength maximum="20"/&gt;
            				&lt;/h:inputText&gt;
            				
            				&lt;h:outputText value="Senha:"/&gt;
            				&lt;h:inputSecret validatorMessage="Sua senha deve ter menos que 20 dígitos" 
            							   id="Senha" required="true" 
            							   value="#{validaLogin.usuario.senha}" size="20"&gt;
            					&lt;f:validateLength maximum="20"/&gt;
            				&lt;/h:inputSecret&gt;
            				&lt;h:commandButton id="login" action="#{validaLogin.validarLogin}" value="Enviar"/&gt;        					
            				&lt;h:commandButton id="Limpar" type="reset" value="Cancelar"/&gt;
        				&lt;/h:panelGrid&gt;
        				        				
        					    				        				
       				        		
        		&lt;/h:form&gt;
        		
        	&lt;/rich:panel&gt;
        	
        &lt;/rich:panel&gt;
        
		&lt;h:graphicImage value="/images/base.jpg"/&gt;        
        
&lt;/f:view&gt;


&lt;/body&gt;
&lt;/html&gt;

COMO POSSO FAZER REFERÊNCIA A UMA FOLHA DE ESTILOS NESTE CASO E APLICAR OS ESTILOS AOS COMPONENTES

POR EXEMPLO,

NA PÁGINA JPS, QUE COMPONENTE DEVO UTILIZAR NO QUAL A REFERÊNCIA (POR EXEMPLO O LOCAL DA IMAGEM) VAI ESTAR APENAS NA FOLHA DE ESTILO?

2 Respostas

Topicos relacionados