1st box (header): empty
2nd box (Footer): Copy & paste code below, but do not change the URL's for the button image.
<br><div style="text-align: center;"><a href="http://testboard22564.yuku.com/directory/"><img src="http://images.yuku.com/image/gif/73f125aae1996ec5d484e230476c550d0309.gif" alt="STEPHANIE'S THEMES & CUSTOM BUTTONS!!" border="0"></a><br></div>
3rd box box (advance CSS): copy & paste code below.
body {
font-family: Helvetica, Arial, sans-serif;
font-size: 18px;
color: #000000;
background: #F5F5DC url(http://i2.photobucket.com/albums/y45/draga1/misc-themes/AngelaJolie_AngelColor.jpg) no-repeat fixed center;
}
#wrapper { width: 90%; margin: auto; }
.mgr-navigation-sliver { background: #F5F5DC; }
a { color: #000000; text-decoration: underline; }
a:link { color: #000000; text-decoration: underline; }
.boxheading {
text-align: center;
color: #000000;
font-family: Helvetica, Arial, sans-serif;
border-top: 4px solid #cccccb;
border-right: 6px solid #747170;
border-bottom: 4px solid #959492;
border-left: 6px solid #a3a2a0;
background: #F5F5DC url(http://i2.photobucket.com/albums/y45/draga1/buttons/SW-header27.jpg);
}
.boxheading a:link { color: #000000; }
.boxheading h1 { font-size: 16px; }
.boxheading h2 { font-size: 16px; }
.boxheading h3 { font-size: 16px; }
.boxbody { color: #000000; font-family: Helvetica, Arial, sans-serif; }
.category-box th { color: #000000; background: #F5F5DC url(http://i2.photobucket.com/albums/y45/draga1/buttons/SW-header27.jpg); }
.category-box td { color: #000000; }
.forum-box th { color: #000000; background: #F5F5DC url(http://i2.photobucket.com/albums/y45/draga1/buttons/SW-header27.jpg); }
.forum-box th a:link { color: #000000; }
.forum-box th a:visited { color: #000000; }
.forum-box td {
color: #000000;
border-top: 4px solid #cccccb;
border-right: 6px solid #747170;
border-left: 6px solid #a3a2a0;
border-bottom: 4px solid #959492;
margin-bottom: 3px;
background: #F5F5DC;
}
.forum-box .odd td { color: #000000; background: #F5F5DC; }
.forum-box .even td { color: #000000; background: #F5F5DC; }
.discussion-box th { color: #000000; background: #F5F5DC url(http://i2.photobucket.com/albums/y45/draga1/buttons/SW-header27.jpg); }
.discussion-box .th { color: #000000; background: #F5F5DC url(http://i2.photobucket.com/albums/y45/draga1/buttons/SW-header27.jpg); }
.discussion-box th a:link { color: #000000; }
.discussion-box th a:visited { color: #000000; }
.discussion-box td {
color: #000000;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
border-top: 4px solid #cccccb;
border-right: 6px solid #747170;
border-left: 6px solid #a3a2a0;
border-bottom: 4px solid #959492;
margin-bottom: 3px;
background: #F5F5DC;
}
.discussion-box .odd td { color: #000000; background: #F5F5DC; }
.button { color: #000000; border: 1px dashed #000000; background: #F5F5DC; }
input.text { color: #000000; border: 1px dashed #000000; background: #F5F5DC; }
input.button { color: #000000; border: 1px dashed #000000; background: #F5F5DC; }
.dropdown a:link { color: #000000; }
.dropdown a:visited { color: #000000; }
.dropdown input { color: #000000; }
.dropdown li { border: 1px dashed #000000; background: #F5F5DC; }
.pager { color: #000000; }
.pager a:link { color: #000000; }
.pager a:visited { color: #000000; }
.pager-total { border: 1px dashed #000000; background: #F5F5DC; }
.pager-list div { border: 1px dashed #000000; background: #F5F5DC; }
span.current { color: #000000; border: 1px dashed #000000; background: #F5F5DC; }
.pager-list span { border: 1px dashed #000000; background: #F5F5DC; }
.feeds { display: none; }
table { border-collapse: separate; }
.discussion-box .poster-detail .avatar-block { width: 175px; }
.boxheading .description { display: inline; }
.header { text-align: center; margin-bottom: 10px; }
#forum_view .forumholder { margin: auto; }
#forum_viewtopic .forumholder { margin: auto; }
#forum_topicreply .forumholder { margin: auto; }
#forum_newtopic .forumholder { margin: auto; }
.mgr-navigation-sliver h1 { color: #000000; }
.mgr-navigation-sliver h1 a { color: #000000; }
.mgr-navigation-sliver li a { color: #000000; }
.mgr-navigation-sliver a:hover { color: #c6a06d; }
2nd box (Footer): Copy & paste code below, but do not change the URL's for the button image.
<br><div style="text-align: center;"><a href="http://testboard22564.yuku.com/directory/"><img src="http://images.yuku.com/image/gif/73f125aae1996ec5d484e230476c550d0309.gif" alt="STEPHANIE'S THEMES & CUSTOM BUTTONS!!" border="0"></a><br></div>
3rd box box (advance CSS): copy & paste code below.
body {
font-family: Helvetica, Arial, sans-serif;
font-size: 18px;
color: #000000;
background: #F5F5DC url(http://i2.photobucket.com/albums/y45/draga1/misc-themes/AngelaJolie_AngelColor.jpg) no-repeat fixed center;
}
#wrapper { width: 90%; margin: auto; }
.mgr-navigation-sliver { background: #F5F5DC; }
a { color: #000000; text-decoration: underline; }
a:link { color: #000000; text-decoration: underline; }
.boxheading {
text-align: center;
color: #000000;
font-family: Helvetica, Arial, sans-serif;
border-top: 4px solid #cccccb;
border-right: 6px solid #747170;
border-bottom: 4px solid #959492;
border-left: 6px solid #a3a2a0;
background: #F5F5DC url(http://i2.photobucket.com/albums/y45/draga1/buttons/SW-header27.jpg);
}
.boxheading a:link { color: #000000; }
.boxheading h1 { font-size: 16px; }
.boxheading h2 { font-size: 16px; }
.boxheading h3 { font-size: 16px; }
.boxbody { color: #000000; font-family: Helvetica, Arial, sans-serif; }
.category-box th { color: #000000; background: #F5F5DC url(http://i2.photobucket.com/albums/y45/draga1/buttons/SW-header27.jpg); }
.category-box td { color: #000000; }
.forum-box th { color: #000000; background: #F5F5DC url(http://i2.photobucket.com/albums/y45/draga1/buttons/SW-header27.jpg); }
.forum-box th a:link { color: #000000; }
.forum-box th a:visited { color: #000000; }
.forum-box td {
color: #000000;
border-top: 4px solid #cccccb;
border-right: 6px solid #747170;
border-left: 6px solid #a3a2a0;
border-bottom: 4px solid #959492;
margin-bottom: 3px;
background: #F5F5DC;
}
.forum-box .odd td { color: #000000; background: #F5F5DC; }
.forum-box .even td { color: #000000; background: #F5F5DC; }
.discussion-box th { color: #000000; background: #F5F5DC url(http://i2.photobucket.com/albums/y45/draga1/buttons/SW-header27.jpg); }
.discussion-box .th { color: #000000; background: #F5F5DC url(http://i2.photobucket.com/albums/y45/draga1/buttons/SW-header27.jpg); }
.discussion-box th a:link { color: #000000; }
.discussion-box th a:visited { color: #000000; }
.discussion-box td {
color: #000000;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
border-top: 4px solid #cccccb;
border-right: 6px solid #747170;
border-left: 6px solid #a3a2a0;
border-bottom: 4px solid #959492;
margin-bottom: 3px;
background: #F5F5DC;
}
.discussion-box .odd td { color: #000000; background: #F5F5DC; }
.button { color: #000000; border: 1px dashed #000000; background: #F5F5DC; }
input.text { color: #000000; border: 1px dashed #000000; background: #F5F5DC; }
input.button { color: #000000; border: 1px dashed #000000; background: #F5F5DC; }
.dropdown a:link { color: #000000; }
.dropdown a:visited { color: #000000; }
.dropdown input { color: #000000; }
.dropdown li { border: 1px dashed #000000; background: #F5F5DC; }
.pager { color: #000000; }
.pager a:link { color: #000000; }
.pager a:visited { color: #000000; }
.pager-total { border: 1px dashed #000000; background: #F5F5DC; }
.pager-list div { border: 1px dashed #000000; background: #F5F5DC; }
span.current { color: #000000; border: 1px dashed #000000; background: #F5F5DC; }
.pager-list span { border: 1px dashed #000000; background: #F5F5DC; }
.feeds { display: none; }
table { border-collapse: separate; }
.discussion-box .poster-detail .avatar-block { width: 175px; }
.boxheading .description { display: inline; }
.header { text-align: center; margin-bottom: 10px; }
#forum_view .forumholder { margin: auto; }
#forum_viewtopic .forumholder { margin: auto; }
#forum_topicreply .forumholder { margin: auto; }
#forum_newtopic .forumholder { margin: auto; }
.mgr-navigation-sliver h1 { color: #000000; }
.mgr-navigation-sliver h1 a { color: #000000; }
.mgr-navigation-sliver li a { color: #000000; }
.mgr-navigation-sliver a:hover { color: #c6a06d; }








