1 FRIENDSTER CSS GUIDE ;) Sat Nov 29, 2008 8:13 am
alaz05
Retired Administrator
PLZZZ READ THE INSTRUCTION AND USE UR COMMON SENSE
FILL IN THE BLANKS! Use the Reference Chart
EDIT THE FOLLOWING TAGS THAT CONTAINS
alaz alaz
FILL IN THE BLANKS! Use the Reference Chart
EDIT THE FOLLOWING TAGS THAT CONTAINS
- Spoiler:
- /*page background*/
body {
background-image: url(<---URL-OF-IMAGE-HERE--->);
background-position: <---POSITION HERE--->;
background-repeat: <---REPEAT STYLE HERE--->;
background-attachment: <---ATTACHMENT STYLE HERE--->;
background-color:<---BG COLOR HERE---> ;
}
/*global fonts*/
.usercontent {
font-family:<---FONT FACE HERE---> ;
color:<---FONT COLOR HERE---> ;
text-transform: <---TRANSFORM STYLE HERE--->;
}
/*global links*/
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
text-decoration: <---DECORATION STYLE HERE--->;
color: <---FONT COLOR HERE--->;
}
.usercontent a:hover {
text-decoration: <---DECORATION STYLE HERE--->;
color:<---FONT COLOR HERE---> ;
}
/*modules*/
.commonbox { /*box*/
border-width: <---WIDTH NUMBER--->;
border-color:<---BORDER COLOR HERE---> ;
border-style: <---BORDER STYLE HERE--->;
background-color: <---BG COLOR HERE--->;
}
.commonbox h1, .commonbox h2 { /*header*/
font-family: <---FONT FACE HERE--->;
color: <---FONT COLOR HERE--->;
text-transform: <---TEXT TRANSFORM HERE--->;
background-color: # <---BG COLOR HERE--->;
}
.commonbox .viewall { /*viewall link*/
font-family: <---FONT FACE HERE--->;
color: <---FONT COLOR HERE--->;
text-transform: <---TEXT TRANSFORM HERE--->;
}
.commonbox .imgblock75, .ir { /*photo blocks*/
border-width: <---WIDTH NUMBER--->;
border-color:<---BORDER COLOR HERE---> ;
border-style: <---BORDER STYLE HERE--->;
background-color: <---BG COLOR HERE--->;
}
.commonbox .dr { /*name bars below photo blocks*/
font-family: <---FONT FACE HERE--->;
color: <---FONT COLOR HERE--->;
text-transform: <---TEXT TRANSFORM HERE--->;
background-color: # <---BG COLOR HERE--->;
}
.commonbox .evenrow { /*even row*/
background-color: <---BG COLOR HERE---> ;
}
/*control panel*/
.controlpanel .imgblock200 { /*primary photo border*/
border-color: <---BORDER COLOR HERE--->;
border-style: <---BORDER STYLE HERE--->;
}
.data { /*data answers*/
font-family: <---FONT FACE HERE--->;
color: <---FONT COLOR HERE--->;
text-transform: <---TEXT TRANSFORM HERE--->;
}
.controlpanel .q { /*data labels*/
font-family: <---FONT FACE HERE--->;
color: <---FONT COLOR HERE--->;
text-transform: <---TEXT TRANSFORM HERE--->;
}
.data a { /*data links*/
font-family: <---FONT FACE HERE--->;
color: <---FONT COLOR HERE--->;
text-transform: <---TEXT TRANSFORM HERE--->;
}
a.more { /*more about link*/
font-family: <---FONT FACE HERE--->;
color: <---FONT COLOR HERE--->;
text-transform: <---TEXT TRANSFORM HERE--->;
}
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { /*buttons*/
color: <---FONT COLOR HERE--->;
border-color: <---BORDER COLOR HERE--->;
border-style: <---BORDER STYLE HERE--->;
background-color: <---BG COLOR HERE---> ;
}
#controlPanelButtons a:hover { /*buttons hover*/
color: <---FONT COLOR HERE--->;
border-color: <---BORDER COLOR HERE--->;
border-style: <---BORDER STYLE HERE--->;
background-color: <---BG COLOR HERE---> ;
}
alaz alaz