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.jpg" 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 {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #2a3554;
margin-left: 6%;
margin-right: 6%;
background: #c5c5db url(http://images.yuku.com/tile1.jpg);
}
table {
border: 1px solid #2a3554;
}
th {
border: 1px solid #2a3554; color: #4e4f72; background: #c5c5db
url(http://images.yuku.com/tile2.jpg);
}
td {
border: 1px solid #2a3554;
}
th a:link {
color: #4e4f72;
}
a {
color: #4e4f72; text-decoration: none;
}
a:link {
color: #4e4f72; text-decoration: none;
}
a:visited {
color: #4e4f72; text-decoration: none;
}
a:hover {
color: #2a3554; text-decoration: underline overline;
}
a:active {
color: #4e4f72; text-decoration: none; }
.boxheading {
text-align: center;
color: #edeef7;
border-bottom: 1px solid #2a3554;
padding: 2px;
padding-left: 5px;
background: #c5c5db url(http://images.yuku.com/tile2.jpg);
}
.boxheading a:link {
color: #edeef7;
}
.boxheading h1 {
font-size: 13px;
}
.boxheading h2 {
font-size: 13px;
}
.boxheading h3 {
font-size: 13px;
}
.boxbody {
color: #555787;
padding: 5px;
background: #c5c5db;
}
.onionskin1 {
background: #c5c5db;
}
.onionskin2 {
background: #c5c5db;
}
.onionskin3 {
background: #c5c5db;
}
.category-box table {
border: 1px solid #2a3554;
}
.category-box th {
border: 1px solid #2a3554;
color: #edeef7;
background: #c5c5db
url(http://images.yuku.com/tile2.jpg);
}
.category-box td {
border: 1px solid #2a3554;
color: #2a3554;
}
.forum-box table {
border: 1px solid #2a3554;
}
.forum-box th {
border: 1px solid #2a3554;
color: #2a3554;
url(http://images.yuku.com/tile2.jpg);
background: #c5c5db;
}
.forum-box td {
border: 1px solid #2a3554;
color: #2a3554;
background: #c5c5db;
}
.forum-box th a:link {
color: #2a3554;
}
.forum-box th a:visited {
color: #2a3554;
}
.forum-box .odd td {
color: #2a3554;
background: #c5c5db;
}
.forum-box .even td {
color: #2a3554;
background: #c5c5db;
}
.discussion-box table {
border: 1px solid #2a3554;
}
.discussion-box th {
border: 1px solid #2a3554;
color: #2a3554;
url(http://images.yuku.com/tile2.jpg);
background: #c5c5db;
}
.discussion-box td {
border: 1px solid #2a3554;
color: #2a3554;
background: #c5c5db;
}
.discussion-box .th {
color: #2a3554; url(http://images.yuku.com/tile2.jpg);
background: #c5c5db;
}
.discussion-box th a:link {
color: #2a3554;
}
.discussion-box th a:visited {
color: #2a3554;
}
.discussion-box .odd td {
color: #2a3554;
background: #c5c5db;
}
.discussion-box .even td {
color: #2a3554;
background: #c5c5db;
}
.button {
color: #2a3554;
background: #c5c5db; }
input.text { color: #000000;
}
input.button {
color: #2a3554;
border: 1px solid #2a3554;
background: #c5c5db;
}
.dropdown li {
border: 1px solid #2a3554;
font-size: 11px;
background: #c5c5db;
}
.pager {
color: #2a3554;
}
.pager a:link {
color: #2a3554;
text-decoration: none;
}
.pager a:visited {
color: #2a3554;
text-decoration: none;
}
th a:visited {
color: #2a3554;
}
.dropdown li * {
color: #2a3554;
}
.boxheading a:visited {
color: #2a3554;
}
.visitors {
color: #2a3554;
}
.current a {
color: #2a3554;
}
.breadcrumbs {
color: #2a3554;
}
.breadcrumbs a:link {
color: #2a3554;
}
.breadcrumbs a:visited {
color: #2a3554;
}
h3 {
font-size: 13px;
}
.dropdown ul {
background: #c5c5db;
}
.category-box .even td {
background: #c5c5db;
}
.category-box .odd td {
background: #c5c5db;
}
.lead {
background: #c5c5db;
}
.feeds {
display: none;
}
.dropdown li a:link {
text-decoration: none;
}
.dropdown li a:visited {
text-decoration: none;
}
.pager-total {
padding: 2px;
}
.pager-list span {
padding: 2px;
}
.box {
border: 1px solid #2a3554;
margin-bottom: 15px;
}
h1 {
font-size: 24px;
}
h2 {
font-size: 18px;
}
.boxheading p {
font-size: 18px;
}
h4 {
font-size: 12px;
}
.control-box {
border: none;
margin-top: -10px;
margin-bottom: 5px;
background: transparent;
}
.jump-box {
border: none;
margin-top: -10px;
margin-bottom: 5px;
background: transparent;
}
.mycontent {
width: 90%; margin: 10px auto;
}
.myheader {
text-align: center; margin-bottom: 15px;
}
