Yuku free message boards

You can just put back the one you were tweeking with. It should still be there.

Okay... I figured it out (I had an extra bit of code in there which made the image disappear :p ) Below is the code, go into your skins and edit the skin you have up with the code below and the buttons will show up in IE6


/* --------- general set up ----------- */
#top_image h1{
background: url(http://img.photobucket.com/albums/v175/paoniapoodles/blendUse1resizedto750x.gif) no-repeat top center; height: 588px;text-indent:-1000em;}

body { background:#5d0f1d url(http://images.yuku.com/image/jpeg/e81147298a512d6eeb3f231ab649af4077935b.jpg) repeat top fixed; color:#fcbe37; }
a { color: #ffffff; text-decoration: none; }

/* --------- common elements ----------- */

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


/* --------- layout ----------- */

.box { background: url(http://images.yuku.com/image/png/7d134f5428e383f958ed256b12630a89272c2f.png) repeat-y top left; }
.onionskin1 { background: url(http://images.yuku.com/image/png/2ec14a278b572ccf2ae6585c6c3b21f0049e56.png) no-repeat top left; }
.onionskin2 { background: url(http://images.yuku.com/image/png/64c1472b865d2f555eaeae23440c8ac5acce87.png) no-repeat bottom left; }
.onionskin3 { padding: 0px 10px 20px 8px;}

.column_b { width: 450px;}
.column_b .box {background: url(http://images.yuku.com/image/png/bcb24a426482a543287c08f030e1a541a83a90.png) repeat-y top left; }
.column_b .onionskin1 { background: url(http://images.yuku.com/image/png/9b61462a815121a548b44028b0ceed2d94d0a3.png) no-repeat top left; }
.column_b .onionskin2 { background: url(http://images.yuku.com/image/png/8a6243f2d38945ce2fcd244c0fdaa98c60013c.png) no-repeat bottom left; }

.boxheading { height: 50px; }

.boxheading h1, .boxheading h2, .boxheading h3 { padding: 23px 10px 20px 20px;}


.boxbody { padding: 5px 5px 15px 8px /*sorry tag is not allowed*/; white-space: normal
}


#outer {
width: 760px;
padding-top: 10px;
position: relative;
margin: auto;
}

* html #outer { width: 780px; }

/* --------- end layout ----------- */


/* --------- font module ----------- */

/* set font family and starter font size */
body { font-size: 80%; font-family: verdana, san-serif; }
html>body { font-size:10px }

/* set overall forum width, and BASE font size - change THIS value to change all fonts larger/smaller (1.0em = 10px, 1.2em = 12px, etc) */
.wrapper { margin:auto; font-size: 1em; }

/* set heading font sizes ( em is a proportional size, like percentage, so to change all sizes, change the BASE font size) */
h1, h2, h3 {
font-size: 1.2em;
}

/* --------- end font module ----------- */

/* --------- button module ----------- */
/* all buttons */
a.button, .button { padding: 2px; solid #111;
border-color: #222 #444 #444 #222;

}
.button.edit span, .button.edit a, .button.edit, a.button.edit { color: #fff; font-size: 10px; border: 0px solid #000; padding:10px 15px 20px 0px;}

.button:hover, a.button:hover { color: #e6b752; }

/* voting buttons */
.voting .button { display: block; }

/* user interact buttons in userprofile */
.button.interact { display: block; margin-right: 4px;}
.button.interact span { background:#000; color: #e6b752; }

.button.interact:hover span {background:#999; color: #fff; }
/* popup buttons */
.interact-display li { margin-top: 2px; }

/* --------- end button module ----------- */


/* ----- individual blocks and elements ----- */
/* --------- user profile ----------- */

.userstats, #userinteract { margin-top: 10px;}

/* this is making the userstats neat and compact */
.userstats th {
white-space: nowrap;
font-size: 1em;
text-transform: lowercase;;
}

.userstats td {
vertical-align: middle;
text-align: center;
background: #61101f;
}

/* --------- end userprofile area ----------- */



/* --------- end userprofile area ----------- */


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


/* ------ my recent posts ------- */
td.type, td.date, th.type, th.date { width: 10%; text-align: center;}
td.title, th.title { width: 70%;}

/* --------- general 'hacks' for IE ----------- */


/* this is to ensure that large images don't stretch column a blocks */
.column_a .html-block .boxbody, .column_a .html-block .miniprofile { width: 270px; }

/* this is to ensure that large images don't stretch the column b blocks */
#outer .column_b .html-block .boxbody { width: 415px; overflow-x: auto; }

/* this is to ensure that any user added divs don't trigger the peekaboo or creeping text bug in IE */
div { height: 0;}
html>body div { height: auto; }

Okay, from the navigation (up at the top of your page, the little gray drop down that follows you every where) click on "Edit Skins". When you get to that page, go to the skin you are currently using and click the "Edit" button (third button the one after "Apply"). Once in there, go to the thrid box down, the last one and take out everything in that box and put in the code.

Yeah, the Advanced CSS. Tha's where you should do all your editing (When not using the WYSIWYG)

First box (the header) should only have
<div id="outer">
<div id="top_image"><h1>yuku</h1>
</div>

Second box, (the footer) should only have
</div>

Third box (Advanced CSS) should have the code I posted before

Stay away from the WYSIWYG in this case, I don't know how to add banners in that, and frankly, I'm just used to editing without it. That's how I fixed it, so I know it works that way.

Lemme check

Umm... however... new problem cropped up. It's pushing your right column down a lot.

THat I can't fix (at least not right now) You may want to post the problem on Skins to see if they know how to fix it. It looks fine in IE7 and Firefox, but in IE6 it pushes the column down below the left column.
Right now though, I need to shove the husband in bed so he's not tired for work tomorrow...