[RESOLVIDO]menubar- Diminuir o tamanho de letra

29 de janeiro de 2013 5 respostas

evandro_araujo 29 de janeiro de 2013

Gostaria de diminuir a fonte do meu menu bar como eu posso fazer isso ???

Segue em anexo a imagem para terem uma ideia .

<h:form id="formwelcome">          
              <h:outputText value="#{tblusuMbean.tpacesso}" />
                  <p:menubar>  
                        <p:submenu label="#{msg.menu_solicitacao}">  
                            <p:menuitem value="#{msg.menu_solicitacao_consultas}" url="#" />  
                            <p:menuitem value="#{msg.menu_solicitacao_Sadt}" url="#" />  
                            <p:menuitem value="#{msg.menu_solicitacao_Internacao}" url="#" />  
                        </p:submenu>

5 Respostas

Guguuu 30 de jan. de 2013

evandro_araujo:
Gostaria de diminuir a fonte do meu menu bar como eu posso fazer isso ???

Segue em anexo a imagem para terem uma ideia .

que tal um CSS? caso na saiba fazer em arquivo separado o próprio componente te da opção de fazer isso… joga o css na propriedade “style” e seja feliz

evandro_araujo 30 de jan. de 2013

ai colocaria uma div entre o componente ?

Guguuu 30 de jan. de 2013

Bom… dentro do seu “head” voce cola esse codigo e edita do jeito que voce quizer, as cores e os detalhes eu so coloquei pra voce ver aonde voce ta mechendo!

boa diversão.

<style type="text/css">

.ui-menubar  {
    border: 1px solid #aed0ea !important;
    background: aqua !important;
    color: white !important;
    font-weight: bolder !important;
    font-size: 10px;
}
 
.ui-menu-list  {
    border: 1px solid olive !important;
    background: blue; !important;
    color: white !important;
    font-weight: bolder !important;
    font-size: 16px;
}
.ui-menuitem  {
    border: 1px solid gray !important;
    background: fuchsia; !important;
    color: white !important;
    font-weight: bolder !important;
    font-size: 6px;
}
.ui-menuitem-link  {
    border: 1px solid purple !important;
    background: maroon !important;
    color: white !important;
    font-weight: bolder !important;
}
.ui-menuitem-text {
    border: 1px solid orange !important;
    background: green; !important;
    color: white !important;
    font-weight: bolder !important;
}

</style>

evandro_araujo 30 de jan. de 2013

Consegui resolver ,mas só uma duvida, como vc achou esse CSS do componente menu ??

Guguuu 31 de jan. de 2013

todos componentes tem…

digitei no google => css primeface menubar
e fui no forum do primeface se nao me engano é o primeiro link.

Criado 29 de janeiro de 2013

Ultima resposta 31 de jan. de 2013

Respostas 5

Participantes 2

5 Respostas

Topicos relacionados