Yuku free message boards

First of all, upload the images to your Yuku folders here or your Photobucket accounts. I do recommend to use the image file storage on Yuku since Photobucket tends to downsize larger graphics, such as the banner.

I do delete images from time to time, so be aware that if you use my own image sources, your design may poof unexpectedly from your community.

Just copy and paste the codes in the following boxes under edit html and change the names for the addresses to your own addresses for the images (the URL's). Those areas are bold that need to change:

Custom Header:

<div class="mycontent"><div class="myheader"><a href="http://themesbyharmonyhollowgraphics.yuku.com"><img src="http://images.yuku.com/image/top.gif" alt="banner"></a></div>

Custom Footer:

<center>
<a href="http://themesbyharmonyhollowgraphics.yuku.com"><img src="http://images.yuku.com/linkinglogo.gif"></a></center><br><br></div>

Advanced CSS:

body {
background-color: #F6EBE0;
background-image: url(http://images.yuku.com/tile1.gif);
background-attachment: fixed;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #675FA5;
}

a, a:link, a:visited, a:active, .pager a:link, .pager a:visited {
color: #C87F8A;
text-decoration: none;
}

a:hover {
color: #675FA5;
text-decoration: underline overline;
}

.boxheading {
text-align: center;
color: #675FA5;
background-color: #F6EBE0;
background-image: url(http://images.yuku.com/tile2.gif);
border-bottom: 1px solid #675FA5;
padding: 2px;
padding-left: 5px;
}

.boxheading a:link, .forum-box th a:link, .forum-box th a:visited, .discussion-box th a:link, .discussion-box th a:visited, th a:link, th a:visited, .dropdown li *, .boxheading a:visited, .visitors, .current a, .breadcrumbs, .breadcrumbs a:link, .breadcrumbs a:visited {
color: #675FA5;
}

.boxheading h1, .boxheading h2, .boxheading h3, h3 {
font-size: 13px;
}

.boxbody {
color: #C87F8A;
background-color: #F6EBE0;
padding: 5px;
}

.onionskin1, .onionskin2, .onionskin3, .dropdown ul, .category-box .even td, .category-box .odd td, .forum-box .odd td, .forum-box .even td, .discussion-box .odd td, .discussion-box .even td, .lead {
background-color: #F6EBE0;
}

.category-box table, .forum-box table, .discussion-box table, table, td {
border: 1px solid #675FA5;
}

.category-box th, .forum-box th, .discussion-box th, th {
border: 1px solid #675FA5;
color: #675FA5;
background-color: #F6EBE0;
background-image: url(http://images.yuku.com/tile2.gif);
}

.category-box td, .forum-box td, .discussion-box td {
border: 1px solid #675FA5;
color: #675FA5;
}

.button {
color: #675FA5;
background-color: #F6EBE0;
}

input.text, .dropdown a:link, .dropdown a:visited, .dropdown input, .pager, div.current {
color: #675FA5;
}

input.button {
color: #675FA5;
background-color: #F6EBE0;
border: 1px solid #675FA5;
}

.dropdown li {
background-color: #F6EBE0;
border: 1px solid #675FA5;
font-size: 11px;
}

.feeds {
display: none;
}

.dropdown li a:link, .dropdown li a:visited {
text-decoration: none;
}

.pager-total, .pager-list span {
padding: 2px;
}

.box {
border: 1px solid #675FA5;
margin-bottom: 15px;
}

h1 {
font-size: 24px;
}

h2, .boxheading p {
font-size: 18px;
}

h4 {
font-size: 12px;
}

.control-box, .jump-box {
border: none;
background-color: transparent;
padding: 0;
margin-top: -10px;
margin-bottom: 5px;
}

.control-box .boxbody, .jump-box .boxbody {
padding: 0;
}

.mycontent {
width: 90%;
margin: 10px auto;
}

.myheader {
text-align: center;
margin-bottom: 15px;
}