您的位置:首页 > 其它

修改RichFaces的默认字体和大小

2009-04-13 09:45 288 查看
毕竟是老外的框架,默认的字体大小弄个11px

明显不符合中国国情,不够和谐
不过还好,RichFaces与其他J***A开源框架一样,提供了很强大的定制功能
只需三步即可修正这个问题

一、复制richfaces-impl.jar/META-INF/skins/DEFAULT.skin.properties至ClassPath下
并改名为common.skin.properties

二、修改其中与字体大小相关的设置,将11px改为12px,如下

Css代码

generalSizeFont=12px

headerSizeFont=12px

tabSizeFont=12

buttonSizeFont=12 (这两个为啥没有px?)

再顺便将默认字体也改下,首选宋体(SimSun),如下

Css代码

generalFamilyFont=SimSun, Arial, Verdana, sans-serif

headerFamilyFont=SimSun, Arial, Verdana, sans-serif

tabFamilyFont=SimSun, Arial, Verdana, sans-serif

buttonFamilyFont=SimSun, Arial, Verdana, sans-serif

三、web.xml添加一行配置

Xml代码

<context-param>

<param-name>org.richfaces.SKIN</param-name>

<param-value>common</param-value>

</context-param>

启动服务 查看页面 太和谐了...



附上最终配置

Css代码

#Colors

headerBackgroundColor=#D4CFC7

headerGradientColor=#EDEAE6

headerTextColor=#000000

headerWeightFont=bold



generalBackgroundColor=#FFFFFF

generalTextColor=#000000

generalSizeFont=12px

generalFamilyFont=SimSun, Arial, Verdana, sans-serif



controlTextColor=#000000

controlBackgroundColor=#ffffff

additionalBackgroundColor=#F1EEE9



shadowBackgroundColor=#000000

shadowOpacity=1



panelBorderColor=#C4C0B9

subBorderColor=#ffffff



tabBackgroundColor=#E3DED5

tabDisabledTextColor=#B1ADA7



trimColor=#DFDCD5



tipBackgroundColor=/#FAE6B0

tipBorderColor=/#E5973E



selectControlColor=#E79A00



generalLinkColor=#0078D0

hoverLinkColor=#0090FF

visitedLinkColor=#0090FF



# Fonts

headerSizeFont=12px

headerFamilyFont=SimSun, Arial, Verdana, sans-serif



tabSizeFont=12

tabFamilyFont=SimSun, Arial, Verdana, sans-serif



buttonSizeFont=12

buttonFamilyFont=SimSun, Arial, Verdana, sans-serif



tableBackgroundColor=#FFFFFF

tableFooterBackgroundColor=#cccccc

tableSubfooterBackgroundColor=#f1f1f1

tableBorderColor=#C4C0C9

tableBorderWidth=1px



#Calendar colors

calendarWeekBackgroundColor=#F1EEE9



calendarHolidaysBackgroundColor=#FFEBDA

calendarHolidaysTextColor=#FF7800



calendarCurrentBackgroundColor=#FF7800

calendarCurrentTextColor=#FFEBDA



calendarSpecBackgroundColor=#F1EEE9

calendarSpecTextColor=#000000



warningColor=#FFE6E6

warningBackgroundColor=#FF0000



editorBackgroundColor=#F1F1F1

editBackgroundColor=#FEFFDA



#Gradients

gradientType=plain
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: