Hello all! I have attached the custom profile layout using css. You simply copy and paste in you css box within your UserCP. Click "edit profile" link and insert in. You make the changes with the color options. Below is the attached code.

If you have any further questions, you may PM Ğυαřđιαη ‽ιŧ.

Attached Files

css-custom-profiles.txt (1.4 KB, 32 views)

__________________
Nintendo Wifi & Wii Forum

NES Theme:

body {
background: #d5d5d5;
color: #848484;
font: 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin: 0px 5px 0px 5px;
}

a:link, body_alink
{
color: #ed3636;
text-decoration: none;
}
a:visited, body_avisited
{
color: #ed3636;
text-decoration: none;
}
a:hover, a:active, body_ahover
{
color: #ed3636;
text-decoration: underline;
}

.navbar a {
font-weight: bold;
color: #ffffff;
}

#pborder {
background-image: none;
background: #d5d5d5;
}

.tcat {
background: #1e1616;
color: #ffffff;
}
.alt2 {
background: #d5d5d5;
color: #382a2a;
}

.alt1 {
background: #919191;
color: #ffffff;
}

.bigusername font{
color:#ed3636;
}
.time {
color:#ed3636;
}

.vbmenu_control
{
background: #919191 ;
color: #FFFFFF;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 3px 6px 3px 6px;
white-space: nowrap;
}

.thead
{
background: #919191;
color: #FFFFFF;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.tborder
{
background: #1e1616;
color: #707070;
border: 1px solid #ed3636;
}

.panel
{
background: #d5d5d5;
color: #707070;
padding: 10px;
border:1px solid #ed3636;
}
.panelsurround
{
background: #1e1616;
color: #707070;
}
legend {
color: #ed3636;
}

.outer_border {
border-left: 5px solid #ed3636;
border-right: 5px solid #ed3636;

}


.tfoot
{
background: #919191;
color: #FFFFFF;
}
.tfoot a:link, .tfoot_alink
{
color: #FFFFFF;
}
.tfoot a:visited, .tfoot_avisited
{
color: #FFFFFF;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
color: #FFFFFF;
}

.corner {
display: none;
}

.ltable {
background-image: none;
}

Nintendo Wii Themed:

body {
background: #F7F7F7;
color: #B8B8B8;
font: 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin: 0px 5px 0px 5px;
}

a:link, body_alink
{
color: light blue;
text-decoration: bold;
}
a:visited, body_avisited
{
color: #red;
text-decoration: none;
}
a:hover, a:active, body_ahover
{
color: black;
text-decoration: underline;
}

.navbar a {
font-weight: bold;
color: #B8B8B8;
}

#pborder {
background-image: none;
background: #B8B8B8;
}

.tcat {
background: #B8B8B8;
color: #FFFFFF;
border: 1px solid #F7F7F7;
}
.alt2 {
background: #F7F7F7;
color: #B8B8B8;
}

.alt1 {
background: #F7F7F7;
color: #B8B8B8;
}

.bigusername font{
color:#42C0FB;
}
.time {
color:#42C0FB;
}

.vbmenu_control
{
background: #B8B8B8;
color: #F7F7F7;
font: bold 11px tahoma;
padding: 3px 6px 3px 6px;
white-space: nowrap;
border: 1px solid #F7F7F7;
}

.thead
{
background: #FFFFFF;
color: #B8B8B8;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.tborder
{
background: #B8B8B8;
color: #B8B8B8;
border: 1px solid #B8B8B8;
}

.panel
{
background: #F7F7F7;
color: #B8B8B8;
padding: 10px;
border:1px solid #B8B8B8;
}
.panelsurround
{
background: #FFFFFF;
color: #B8B8B8;
}
legend {
color: #B8B8B8;
}

.outer_border {
border-left: 5px solid #42C0FB;
border-right: 5px solid #42C0FB;

}


.tfoot
{
background: #black;
color: #black;
border: 1px solid #B8B8B8;
}
.tfoot a:link, .tfoot_alink
{
color: #ed3636;
}
.tfoot a:visited, .tfoot_avisited
{
color: #FFE303;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
color: #4DBD33;
}

.corner {
display: none;
}

.ltable {
background-image: none;
}


Blue Theme:

body {
background: #60AFFE;
color: #0276FD;
font: 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin: 0px 5px 0px 5px;
}

a:link, body_alink
{
color: #0276FD;
text-decoration: bold;
}
a:visited, body_avisited
{
color: #0276FD;
text-decoration: bold;
}
a:hover, a:active, body_ahover
{
color: #0276FD ;
text-decoration: underline, Bold;
}

.navbar a {
font-weight: bold;
color: #0276FD;
}

#pborder {
background-image: none;
background: #60AFFE;
}

.tcat {
background: #0276FD;
color: white;
border: 1px solid #F7F7F7;
}
.alt2 {
background: white;
color: #0276FD;
}

.alt1 {
background: white;
color: #0276FD;
}

.bigusername font{
color: #1464F4;
}
.time {
color:#0276FD;
}

.vbmenu_control
{
background: #0276FD;
color: white;
font: bold 11px tahoma;
padding: 3px 6px 3px 6px;
white-space: nowrap;
border: 1px solid #0276FD;
}

.thead
{
background: #60AFFE;
color: white;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.tborder
{
background: #60AFFE;
color: black;
border: 1px solid #B8B8B8;
}

.panel
{
background: white;
color: #0276FD;
padding: 10px;
border:1px solid #B8B8B8;
}
.panelsurround
{
background: #60AFFE;
color: black;
}
legend {
color: #0276FD;
}

.outer_border {
border-left: 5px solid white;
border-right: 5px solid white;

}


.tfoot
{
background: white;
color: #0276FD;
border: 1px solid #B8B8B8;
}
.tfoot a:link, .tfoot_alink
{
color: #0276FD;
}
.tfoot a:visited, .tfoot_avisited
{
color: #0276FD ;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
color: black;
}

.corner {
display: none;
}

.ltable {
background-image: none;
}


Super Mario Galaxy Theme:

body {
background: #191970;
color: black;
font: 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin: 0px 5px 0px 5px;
}

a:link, body_alink
{
color: #191970;
text-decoration: bold;
}
a:visited, body_avisited
{
color: #191970;
text-decoration: bold;
}
a:hover, a:active, body_ahover
{
color: red ;
text-decoration: underline, Bold;
}

.navbar a {
font-weight: bold;
color: black;
}

#pborder {
background-image: none;
background: black;
}

.tcat {
background: black;
color: white;
border: 1px solid #191970;
}
.alt2 {
background: white;
color: black;
}

.alt1 {
background: white;
color: #191970;
}

.bigusername font{
color: black;
}
.time {
color: #191970;
}

.vbmenu_control
{
background: #191970;
color: white;
font: bold 11px tahoma;
padding: 3px 6px 3px 6px;
white-space: nowrap;
border: 1px solid black;
}

.thead
{
background: #191970;
color: white;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.tborder
{
background: black;
color: black;
border: 1px solid black;
}

.panel
{
background: white;
color: black;
padding: 10px;
border:1px solid #B8B8B8;
}
.panelsurround
{
background: #191970;
color: black;
}
legend {
color: black;
}

.outer_border {
border-left: 5px solid white;
border-right: 5px solid white;

}


.tfoot
{
background: black;
color: yellow;
border: 1px solid #B8B8B8;
}
.tfoot a:link, .tfoot_alink
{
color: red;
}
.tfoot a:visited, .tfoot_avisited
{
color: red ;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
color: yellow;
}

.corner {
display: none;
}

.ltable {
background-image: none;
}


Zelda Theme:

body {
background: #00611C;
color: black;
font: 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin: 0px 5px 0px 5px;
}

a:link, body_alink
{
color: #00611C;
text-decoration: bold;
}
a:visited, body_avisited
{
color: #00611C;
text-decoration: bold;
}
a:hover, a:active, body_ahover
{
color: black ;
text-decoration: underline, Bold;
}

.navbar a {
font-weight: bold;
color: #00611C;
}

#pborder {
background-image: none;
background: black;
}

.tcat {
background: black;
color: white;
border: 1px solid black;
}
.alt2 {
background: white;
color: #00611C;
}

.alt1 {
background: white;
color: #00611C;
}

.bigusername font{
color: black;
}
.time {
color: #00611C;
}

.vbmenu_control
{
background: #00611C;
color: white;
font: bold 11px tahoma;
padding: 3px 6px 3px 6px;
white-space: nowrap;
border: 1px solid black;
}

.thead
{
background: #00611C;
color: white;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.tborder
{
background: black;
color: black;
border: 1px solid #00611C;
}

.panel
{
background: white;
color: black;
padding: 10px;
border:1px solid #00611C;
}
.panelsurround
{
background: #00611C;
color: black;
}
legend {
color: #00611C;
}

.outer_border {
border-left: 5px solid white;
border-right: 5px solid white;

}


.tfoot
{
background: black;
color: yellow;
border: 1px solid #B8B8B8;
}
.tfoot a:link, .tfoot_alink
{
color: #00611C;
}
.tfoot a:visited, .tfoot_avisited
{
color: #00611C ;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
color: white;
}

.corner {
display: none;
}

.ltable {
background-image: none;
}


PS3 Theme

Coming Soon...

Green & Black made by Xray

div.bigusername {
position: center;
width: auto;
text-align: center;
font-family: 'Old English Text MT';
font-size: 60pt;
border: 1px;
}

a:link, a:active, .tfoot a:link, .tfoot_alink, .tcat a:active, .tcat a:link, .tcat_alink, .thead a:active, .thead a:link, .thead_alink, span.navbar a:link, span.navbar a:active {
color: #000000;
text-decoration: bold;
}

a:hover, .tfoot a:hover, .tfoot_ahover, .tcat a:hover, .tcat_ahover, .thead a:hover, .thead_ahover, span.navbar a:hover {
color: #009900;
text-decoration: bold;
font-weight: bold;
}

a:visited, .tfoot a:visited, .tfoot_avisited, .tcat a:visited, .tcat_avisited, .thead a:visited, .thead_avisited, span.navbar a:visited {
color: #000000;
text-decoration: line-through;
}

font, td.alt1, td.alt2, .fieldset, .panel, legend, div.alt1, div.alt2, a.bigusername {
color: #000000;
}

.vbmenu_control, .tfoot {
background-image: none;
background: #000000;
color: black;
}

body {
background-color: #009900;
}

.tcat, .thead{
background: #000000;
color: green;
}

.panelsurround, .panel {
background: #009900;
}

.alt1, .alt2{
background: #009900;
color: green;
font-weight: bold;
}

textarea, .bginput
{
background: #000000;
color: green;
font-weight: bold;
}

.smallfont, div.smallfont, dd.smallfont, dt.smallfont {
color: #000000;
}

#pborder {
background: #009900;
background-image: none;
}

.outer_border {
border-left: 5px solid #009900;
border-right: 5px solid #009900;
}

table.page tr td.tfoot div.smallfont, .time {
color: black;
}

img.corner { display: none;}