as it seems like some people dun really noe how to put up the codings for the group page, well this is not really a turorial but more or less telling you how to do it hahax..! >.<
first of all copy this into the group's content
Quote:
<style type="text/css">
html, body {
color: #[--colour of text--];/*main box colour*/
font: 8pt;
font-family: "[--font--]";
}#topLeft {background: url(slice 1) no-repeat bottom right;}
#topCenter {background: url(slice 2) no-repeat bottom left;}
#top {background: url(slice 3) repeat-x scroll left bottom;}
#main {background: url(slice 7);}
#leftMenu {background: url(slice 4) no-repeat top right;}
#rightMenu {background: url(slice 7);}
#content {background: url(slice 5) no-repeat top left;}
h1,h2,h3,#leftMenu h1,#rightMenu h1,p,dt,span,a {font: 6pt;font-family: "[--colour of text--]";}input.text, input.file, input.radio, select, textarea {font: 7pt;
font-family: "[--font--]";}<!-- a:hover {text-transform:!important; text-decoration: normal !important; font-style:
normal !important; font-weight: bold !important; text-transform: uppercase !important;
border-color: #[--colour of border--];; border-style:[--border type--];
border-width:1px;background:} -->body{
}
TABLE,TD,P,I,BODY,XMP,DIV,U(...) {color: transparent;}
A:link {color:#[--colour of link--];}
A:link {font: 8pt;}
A:active {color:#[--colour of link--];}
A:active {font: 8pt;}
A:visited {color:#[--colour of visited link--];}
A:visited {font: 8pt;}
A:hover {color:#[--colour of link when scroll pass--];
text-decoration: none;
text-transform: lowercase;
border-color: #[--colour of border--];
border-style:[--type of border--];
border-width:1px;
filter.alpha(opacity=50); moz-opacity:.50; opacity:.50;
font-weight: bold;
}
A:hover {font: 5pt;}
#leftMenu li a:hover, #rightMenu li a:hover {
color:#[--colour of text--]; font: 5pt;
border-width: 0px;
text-decoration: none;
text-transform: lowercase;
font-weight: bold;
}/*link colours in left menu box*/
.outer {
border-color: #[--colour of border--];/outer border of box*/
}
.inner {
border-color: #[--colour of border--];/*inner border of box*/
background-color:#[--colour of bg--] ;/*colour of box*/
}h1 {text-align: center;
font-family: "century gothic";
font-size: 9pt;
font-color: #[--colour of text--];}h2 {font-family: "[--font--];
text-transform: lowercase;
font-size: 29%;
text-align: center;
font-colour: #[--colour of text--];}h3 {font-color: #[--colour of text--];}
input
{background:#[--colour of bg--];
font-size:8pt;
font-family: [--font--];
color: #[--colour of text--];
border-style: [--border type--];
border-color: #[--colour of border--];/*quick box*/
}
.quote {
background: #[--colour of bg--];
border-color: #[--colour of border--];
border-style: [--border type--];
border-width:1px;
width: 520px;
}.feature {
background: #[--colour of bg--];
border-color: #[--colour of border--];
border-style: [--border type--];
border-width:1px;
width: 450px;
float: center;
margin: 0px 40px 0 px 40px
}.featureright {
background: #[--colour of bg--];
border-color: #[--colour of border--];
border-style: [--type of border--];
border-width:1px;
width: 450px;
float: right;
text-align: right;
}
.even { background: #[--colour of bg--]}
.odd { background: #[--colour of bg--]}
.postInfo { background:#[--colour of bg--]}
.postFooter { background: #[--colour of bg--]}
.postHeader { background: #[--colour of bg--]}
.postHeader { text-align: left}
.postHeader {font: 10pt;}#leftMenu h1, #rightMenu h1 {
background: #[--colour of bg--]);
}#leftMenu h1, #rightMenu h1 {
text-align: center;
color: #[--colour of text--];
border-top: .2em solid #[--colour of border--];
border-bottom: .2em [--colour of bg--] #[--colour of border--];/*top navigations~*/
}#leftMenu dt, #rightMenu dt {
padding: 0 .2em;
color: #[--colour of text--];
}div.inner {
background-color: #[--colour of background within box--] !important;
border: 1px [--border type--] ;
margin: 0px !important;
filter:alpha(opacity=80) !important;
-moz-opacity:0.80 !important;
opacity: 0.80 !important;
}#menu a {
display: block;
color: #[--colour of text--];
text-decoration: none;
text-transform: lowercase;
font-weight: none;
}#menu a:hover {
color: #[--colour of text--];
border-bottom: [--type of border--];
border-color: none;
border-style: none; border-width: 1px;
background:#[--colour of bg--];
font-weight: bold;
text-decoration: line-through;
text-transform: lowercase;
}
#treeNav span {
display: block;
font-size: 8px;
margin-left: 1em;
font-weight: none;
color: #[--colour of text--];
font-family: [--font--];
}#leftMenu li a, #rightMenu li a {
display: block;
color: #[--colour of bg--];
text-decoration: none;
font-family: [--font type--];
font-size: 8pt;
padding: .1em 1em;
height: 100%;
overflow: hidden;
text-transform: lowercase;
}#content a:hover
{text-decoration: none;
background: #[--colour of bg--];
border-color: #[--colour of border--];
border-style:[--border type--];
border-width:1px;
font-weight: bold;
text-transform: lowercase;
}
fieldset, hr {border-color: #[--colour of border--];}input.text, input.file, input.radio, select, textarea, option, optgroup {
background: #[--colour of bg--];
color: #[--colour of text--];
border-color: #[--colour of border--];
font-size:8pt;
}a:link img {filter:alpha(opacity=60);} a:visited img {filter:alpha(opacity=60);} a:hover img
{filter:none;}
border-color: #[--colour of border--];
border-style:[--type of border--];
border-width:1px;
}
</style>
after this, change whateva you want that i wrote '[--text--]', delete this part after you saw what i wrote, cause you codes will be in a mess if it is there, if your not sure you can ask me again..! ^^
after this your done! >.< but you wish to but the scrool bar colour you can put this, but have to edit it as well..! ^^
Quote:
<style type= text/css >
body {scrollbar-face-color: #[--colour you want--];
scrollbar-highlight-color: #[--colour you want--];
scrollbar-3dlight-color: #[--colour you want--];
scrollbar-darkshadow-color: #[--colour you want--];
scrollbar-shadow-color: #[--colour you want--];
scrollbar-arrow-color: #[--colour you want--];
scrollbar-track-color: transparent [--or colour you want--];</style>
if you wan to put cursors use this! ^^
Quote:
<style type= text/css ><STYLE TYPE= text/css >p {align=justify}
BODY{cursor: move[--or url of cursor--];}
a {cursor: move[--or url of cursor--];}
</STYLE>
if you want me to help you with the codes feel free to ask me..! ^^ i will help as much as i can..! hope you understand what i told you, hahax..! >_<
thanks for viewing, comments are welcome..!
tutorial by:norine07
codes from: thingperson & pinkprincesslacus
help for edits: maplerose
edited by: norine07