How do i make such a menu?

[Gamezmania]

Hey,

i'm pretty new to ext and ajax... but i like it alot, anyway i need help creating a menu on this layout i made.

Click Here to view. (http://gamezmania.net/gallery/main.php?g2_view=core.DownloadItem&g2_itemId=16&g2_serialNumber=1)

As you see theres going to be links to episodes on the left side inside the episodes box and it needs to be scrollable... is there such a feature?

if so can someone help me with it?

oh btw i forgot to add that on mouseover of an episode it must look like they're mouseover.. maybe change of colour or something.

thanks
gamezmania

[evant]

To make it scrollable:



<div style="height: 200px; overflow: auto;">content</div>


To add an effect on mouseover, give each button the same classname, then you can do



//Find all elements that has a class called 'className' and whenever they get moused over, assign a classname of 'overClass'
Ext.select('.className').addClassOnOver('overClass');

[Gamezmania]

thanks :)

is there anyway i could make it easier to add more episodes without the need to add images?

[evant]

Don't use images? ;)

[Gamezmania]

lol :)) then how would i make it look like the preview i showed without using images?

[evant]

Well, you could cut out the gradiented background and apply that as a style.

Then just use text for the heading and sub-title, maybe have to change the border to be 'dotted' or something.