PrimeFaces + CSS

Front-end
#1

Estou com a seguinte dúvida.

Quero integrar css com o primefaces

Estou utilizando o JSF 2.0.

Gostaria de saber se os comandos são os mesmo e qual a forma de “chamar” ele na pagina “index.xhtml”, por exemplo!

#2

Se for usar os temas do primefaces, veja aqui: http://www.primefaces.org/themes.html

Caso manualmente uso assim pois chamo em diversos níveis de diretório:

<link type="text/css" rel="stylesheet" href="#{request.contextPath}/theme.css" />
#3

Esse #{request.contexPath} é alguma lugar especifico onde devo colocar o código css?

#4

Não consegui. Referenciei no arquivo xhtml e não aplica as configurações que coloquei no css

Segue os códigos.

CSS -> Ele está dentro da pasta css

.body
{
font-size:10px !important;
color: red !important;
background-color: green !important;
}

Código jsf + primeface no arquivo index.xhtml

<h:head>

</h:head>

<h:body>

<p:layout fullPage=“true”>

<p:layoutUnit position="top" height="100">

  <p:breadCrumb>
	<p:menuitem value="" url="#"></p:menuitem>
	<p:menuitem value="Home" url="http://www.google.com.br" />
	<p:menuitem value="Documentos" url="#" />
	<p:menuitem value="Musicas" url="#" />
	<p:menuitem value="Imagens" url="#" />
	<p:menuitem value="Zip" url="#" />
	<p:menuitem value="Sair" url="#"></p:menuitem>
  </p:breadCrumb>
  


</p:layoutUnit>






<p:layoutUnit position="left" width="180" header="Menu" collapsible="true" >

aaa
</p:layoutUnit>

<p:layoutUnit position="center" header="Sistema">

</p:layoutUnit>

</p:layout>

aaa

</h:body>

#5

Jonatex tira o “/” da frente da pasta css que vai funcionar.

<link rel="stylesheet" href="css/estilo.css" />

dentro da tag “head”

#6

eu faço referência desta forma nas páginas xhtml.

<h:outputStylesheet library="css" name="style.css" />

Estrutura de onde se encontra.

Projeto…WebContent…resources…css

#7