Please I really need help with doing these two little things, for those who know how to do this please help me out I really need help to do it please.

Hi I am using this theme here for my site : http://www.ndesign-studio.com/demo/wordpress/

Now I need help editing two things:

1- As you can see at the bottom of the theme it has a dock, I need to know how to put this in(and when you scroll over it it gets bigger), see the attached pic of what I mean.



Here is the footer code if someone could add to it to help me please:
------------------------------------------------
[code] <hr class="hidden" />

</div><!--/wrapper -->




</div><!--/page -->

<?php wp_footer(); ?>
</body>
</html>
[code]
-----------------------------------------------------
2. This is most important, I need to get rid of the sidemenu that they are like now, and have the sidemenus like the one on apples site here, http://www.apple.com/support/ , where when your mouse scrolls over it it moves to the next menu, see the attached pic of what I mean.



Here is the sidebar code:
--------------------------------------
PHP Code:
<div class="dbx-group" id="sidebar">

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>

<!--sidebox start -->
<div id="categories" class="dbx-box">
<h3 class="dbx-handle"><?php _e('Categories'); ?></h3>
<div class="dbx-content">
<ul>
<?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0'); ?>
</ul>
</div>
</div>
<!--sidebox end -->

<!--sidebox start -->
<div id="archives" class="dbx-box">
<h3 class="dbx-handle"><?php _e('Archives'); ?></h3>
<div class="dbx-content">
<ul>
<?php wp_get_archives('type=monthly'); ?>
</ul>
</div>
</div>
<!--sidebox end -->

<!--sidebox start -->
<div id="links" class="dbx-box">
<h3 class="dbx-handle"><?php _e('Links'); ?></h3>
<div class="dbx-content">
<ul>
<?php get_links('-1', '<li>', '</li>', '<br />', FALSE, 'id', FALSE, FALSE, -1, FALSE); ?>
</ul>
</div>
</div>
<!--sidebox end -->

<!--sidebox start -->
<div id="meta" class="dbx-box">
<h3 class="dbx-handle">Meta</h3>
<div class="dbx-content">
<ul>
<li class="rss"><a href="<?php bloginfo('rss2_url'); ?>">Entries (RSS)</a></li>
<li class="rss"><a href="<?php bloginfo('comments_rss2_url'); ?>">Comments (RSS)</a></li>
<li class="wordpress"><a href="http://www.wordpress.org" title="Powered by WordPress">WordPress</a></li>
<li class="login"><?php wp_loginout(); ?></li>
</ul>
</div>
</div>
<!--sidebox end -->

<?php endif; ?>

</div><!--/sidebar -->

------------------------------------------------------
Please I really need help on how to do these things, please if anyone could help me it would be very appreciated, thanks in advance.

This post has been edited by Ubertreffen: 24 Jul, 2007 - 02:01 AM