I want my own customised sidebar but I do not want to cover over the original sidebar with the image as it looks ugly while it is loading, so is it possible to make the sidebar invisible while the rest of the images(topbanner,shield etc..) remains the same??

I'm wondering the same thing. I have the code to make the sidebar invisible, but it also makes the images I want to add invisible too =\

try:

<style type="text/css">
p image: alpha (opacity=0);
</style>


i'm not sure tho lol.

does that code make all the images on the page invisible?

i don't believe so... oh crap, it's css gone mad, lemme fix it...

ALL IMAGES:
<style type="text/css">
img{filter: alpha (opacity=0);
</style>

SIDEBAR *i think*
<style type="text/css">
p image{filter: alpha (opacity=0);
</style>

gah, it might even be:
<style type="text/css">
p img{filter: alpha (opacity=0);
</style>

Thanks hamlet but the code doesn't work. It made the shields, trophies, neomail icons etc disappear but the sidebar stays :(
<style type="text/css">
p img{filter: alpha (opacity=0);
</style>

Ok, what i did was to make evry image disappear then restore those that i want.
The code:

<!-- Step 1: link to your customised sidebar:) //-->
<style type="text/css">
i.sidebar{background:url(putmyurlforsidebarhere);h eight:781;width:130;position:absolute;top:0;left:0 }
</style>
<i class="sidebar"> </i>

<!-- Step 2: This code makes all images invisible //-->
<style type="text/css">
IMG{FILTER:Alpha( Opacity=0)
</style>

<!-- Step 3: Remove the yellow color of sidebar table //-->
<style type="text/css">
table{background:transparent}
img{filter:alpha(Opacity=0)}
</style>

<!-- Step 4: This code makes the now invisible header reappear */
<style type="text/css">
i.top{background:url(http://images.neopets.com/tb.gif);
height:35;width:700;position:absolute;top:0;left:0 }
</style>
<i class="top"> </i>

<!-- Step 5: This code makes the invisible topbanner reappear (If you have your own banner then don't put this code in) //-->
<style type="text/css">
i.topbanner{background:url(http://images.neopets.com/headers/userlookup.gif);
height:62;width:480;position:absolute;top:35;left: 220}</style>
<i class="topbanner"> </i>


<!-- Step 6: This code makes your shield, trophies, pets and those trades and neomail icons blah blah reappear. The code below bleachs out the white background of pictures. If you don't want that to happen, replace 'chroma(color=white)' with 'none' //-->
<style type="text/css">
p img{filter:chroma(color=white)}
</style>

<!-- Step 7: This code is optional. It hides the 'search neopets' and 'select language' section on the sidebar //-->
<style>
input{visibility:hidden}
form{visibility:hidden}
</style>



Happy coding!