Manual
BODY { background-color: #FDF5E6 }
A:hover { color: red }
H2 {
color: #440000;
text-align: center;
font-family: Arial, Helvetica, sans-serif
}
TH.TITLE { background-color: #EF8429;
font-size: 28px;
font-family: Arial, Helvetica, sans-serif;
}
.WHITE {
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight: bold;
text-decoration : none;
}
.DARK { background-color: black;
}
Creating the customize.jsp File
Create a new JSP file named customize.jsp in the SkinSelector\WebContent to provide
User Interface customizations for the SkinSelector application.
To create customize.jsp, follow similar steps as explained in the Creating the index.jsp
File section.
Modifying the customize.jsp File
To modifying the customize.jsp file, complete the following steps:
1. Double-click the customize.jsp file in the Project Explorer frame to open it.
2. Replace the default contents of the customize.jsp file with the following content:
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<f:view>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD><TITLE>Preview Resume</TITLE>
<LINK REL="STYLESHEET"
HREF="./css/style.css"
TYPE="text/css">
</HEAD>
<BODY>
<CENTER>
<TABLE BORDER=5>
<TR><TH CLASS="TITLE">Preview Resume</TH></TR>
</TABLE>
<P>
<h:form>
Use RGB instead of color names:
<h:selectBooleanCheckbox
valueChangeListener="#{resumeBean.changeColorMode}"
onclick="submit()"
immediate="true"/><BR>
Foreground color:
<h:selectOneMenu value="#{resumeBean.fgColor}"
disabled="#{!resumeBean.colorSupported}">
<f:selectItems value="#{resumeBean.availableColors}"/>
</h:selectOneMenu>
<BR>
Background color:
Overview of SkinSelector 267