Yuku free message boards

You want to try it for size?

Navigation > Edit Skins > Add a blank skin

The new skin will appear something like Untitled Skin 15 May 2008 01:12:19 at the bottom of your list.

Click Edit HTML.

Changing the Skin Title will give you the name you wish to call it.

In the first box (Custom header) paste the following line:

<div id="holder">

In the second box (Custom footer) paste the following line:

</div>

In the third box (Advances CSS) paste the following lines:

body {
font-size: 62.5%;
font-family: verdana, san-serif;
color: #fff;
background: #336 url(http://hometown.aol.com/tnpowner/images/ffbg3.jpg);
}

html>body {font-size:10px}

a { color: #fff; }

#wrapper { margin: auto; font-size: 1em; }

h1, h2, h3 {
font-size: 1.2em;
margin: 0;
padding: 3px;
}

p, ol, ul, li {
padding: 0;
margin: 0;
}

img, a img { border: none; }
a { text-decoration: none; }

#wrapper ul, #wrapper ol { list-style: none; }
#wrapper ul li { border-bottom: 1px solid #755374; }

table, tr, td { padding: 0px; border: 0px; }
td { vertical-align: top; }

#holder {
width: 760px;
padding-top: 30px;
position: relative;
margin: auto;
}

.box{
margin-bottom: 6px;
border: 1px solid #fff;
background: #000;
padding: 0;
}


.boxbody{
margin: 0;
padding: 10px;
width: auto;
}

.boxheading h1, .boxheading h2, .boxheading h3 {
margin: 0;
padding: 6px;
border-bottom: 1px solid #fff;
}

.contentfooter { text-align: right; }

h3.contentheading { margin-top: 0; }

.boxheading .button { display: none; }
.boxheading .edit { font-size: .8em; display: block}

.miniprofile-block #userinteract {
width: 95%;
margin: 5px 0;
white-space: nowrap;
}

.voting { margin: 10px 0px; }

.userstats th {
white-space: nowrap;
font-size: .9em;
text-transform: lowercase;;
}

.userstats td {
vertical-align: middle;
text-align: center;
border: 1px solid #fff;
}

#wrapper ul#userinteract li {
border-bottom: 0;
}

.button, .button.interact {
text-align: center;
color: #fff;
text-decoration: none;
font-size: 10px;
margin: 0;
padding: 0;
cursor: pointer;
font-weight: bold;
background: #333;
}

.button span, .button.interact span {
text-align: center;
color: #fff;
text-decoration: none;
font-size: 10px;
margin: 0;
padding: 0;
cursor: pointer;
font-weight: bold;
}

#userinteract ul li a {
background-color: #000;
}

.button.interact, .voting .button {
display: block;
margin-bottom: 2px;
}

.comments-footer .button,
.contentfooter .button,
.galerylink .button,
.voting .button,
.button.interact {
padding: 2px;
}

.galerylink { margin-bottom: 8px;}

.button span { white-space: nowrap; }

#userinteract .button.interact span {
display: inline;
padding: 0;
}


#userinteract li {
margin: 0 5px 0 0;
padding: 0;
}

a.button { color: #fff;}


#userinteract-popup .button.interact:hover,
.button:hover {
background: #666;
}

.pager-button, .pager-input {
border: 1px solid #fff;
color: #fff;
background: #755374;
}

#userinteract-popup li { margin: 0 0 1px 0;}

.online {
visibility: hidden;
font-size: .1em;
font-weight: normal;
}

.online img {
visibility: visible;
}

.pager { height: 30px; }
.pager-list { float: left; margin-right: 5px;}
.pager-total { float: left; }
.pager-jump { float: right; }
form { margin: 0; }

td.type, td.date, th.type, th.date { width: 10%; text-align: center;}
td.title, th.title { width: 70%;}

.listoffriends p { font-size: 1.2em; }

.avatar-block { margin: 5px;}

.listoffriends li {
font-size: .8em;
}

.listoffriends p { white-space: nowrap;}
.listoffriends .user-avatar img { margin-bottom: 4px; }
p.user-avatar { height: 80px; }

.comments-block h2 .leave-a-comment { display: none;}

ol.comments-container .avatar-block {
margin-top: 1.8em;
}

p.comment-control {
position: relative;
text-align: left;
}

ol.comments-container .edit {
position: relative;
top: 0px;
float: right;
}

ol.comments-container .date {
position: relative;
top: 10px;
left: 0px;
opacity: 0.5;
}

ol.comments-container .date:before {
content: "posted on: ";
font-size: .9em;
}


ol.comments-container .post {
border-top: 1px solid #fff;
padding-top: 10px;
}

* html .column_a .html-block .boxbody, * html .column_a .miniprofile-block .boxbody { width: 280px; overflow-x: auto; }

* html #holder .column_b .html-block .boxbody { width: 415px; overflow-x: auto; }

div { height: 0;}
html>body div { height: auto; }

---

Scroll down and click Save.

Credit goes to Alison for the basic skin which I modified to suit your requirements.