Theme development

have menu structure below:

<ul><li>product
     <ul> <li>sub 1</li>
          <li>sub 2</li>
          <li>sub 3</li>
     </ul>
</li>
</ul>

----
I know use code below can add class:

Hello,
I am really in Drupal. And now I am trying to designed a customized theme. But I am so confused about the html stuff I have to put in each of these pages:

How to make a anachor transfer to top of web site. Be cool if appears in at some point when I follow down of the page. How to make this in theme?

I want to have usernames be a different color based on the relationship to the current user, so they will be one color if they are a friend, and a different color if they are in a group with them ect. I don't know any css and I'm wondering if it can be done through it. After some searching I couldn't find a module that did it but I could have missed it.

Any thoughts?

Hey guys,

I'm having difficulties rearranging my footer setup. I'm using media_responseive_theme and in the footer section it had 4 premade blocks. I needed 5 so i created a new region on my own, created the new block and put it there in the newly made region. It works fine but the problem is that the new one is not aligned properly and shows underneath the 4th one.

I wanted to make a submenu, that would stay active after I take the cursor off the menu item. The example is on this site http://ria.ru/ (sorry, it is in russian). As you see, the first submenu is active on default. When I hover over a menu item, it stays active for some time and then goes back to the first menu item. I've tried Dynamic Persistent Menu, Superfish and Nice menues, but none of them had the functions I described above (specificly, to make the first menu item active on default). Is there a module for that?