Jump to content

HELP(First html page)


nicole29

Recommended Posts

I need help I am trying to create this: www.music.comat the top of this site.I trying to put this at the top of my web page, but do not know how.Thanks
What is "this"?
Link to comment
Share on other sites

you mean the menu?well..create some images that have home, music, video, radio, people, etc written on them, and make them links that point to another page, such as<a href="home.htm"><img src="home.jpg" /></a>then repeat for each link and image.thats your very basic run of the mill image links type menu system..to make it more elaborate, you need some CSS and a webpage to put it on.:)

Link to comment
Share on other sites

You can also check the code on the page to see what they did. This is the code for their menu:

<ul class="main_nav"><li><a href="/" onmouseover="nav_home.src='/images/2007/nav_home_on.gif';" onmouseout="nav_home.src='/images/2007/nav_home_off.gif';"><img name="nav_home" border="0" src="/images/2007/nav_home_off.gif" alt="" /></a></li><li><a href="/artists" onmouseover="nav_music.src='/images/2007/nav_music_on.gif';" onmouseout="nav_music.src='/images/2007/nav_music_off.gif';"><img name="nav_music" border="0" src="/images/2007/nav_music_off.gif" alt="" /></a></li><li><a href="/video" onmouseover="nav_videos.src='/images/2007/nav_videos_on.gif';" onmouseout="nav_videos.src='/images/2007/nav_videos_off.gif';"><img name="nav_videos" border="0" src="/images/2007/nav_videos_off.gif" alt="" /></a></li><li><a href="#" onclick="window.open('http://rtl.music.com/r?d=phttp%3A%2F%2Fwww%2Epandora%2Ecom%2F%3Ftc%3Dm%2D000478%2D0012%2D1036&p=nav&t=nav','Pandora','height=650,width=1000,menubar=no,toolbar=no,resizable=no,scrollbars=no,toolbar=no,status=no'); return false;" onmouseover="nav_radio.src='/images/2007/nav_radio_on.gif';" onmouseout="nav_radio.src='/images/2007/nav_radio_off.gif';"><img name="nav_radio" border="0" src="/images/2007/nav_radio_off.gif" alt="" /></a></li><li><a href="/search/communitysearch.aspx" onmouseover="nav_people.src='/images/2007/nav_people_on.gif';" onmouseout="nav_people.src='/images/2007/nav_people_off.gif';"><img name="nav_people" border="0" src="/images/2007/nav_people_off.gif" alt="" /></a></li><li><a href="/shop" onmouseover="nav_store.src='/images/2007/nav_store_on.gif';" onmouseout="nav_store.src='/images/2007/nav_store_off.gif';"><img name="nav_store" border="0" src="/images/2007/nav_store_off.gif" alt="" /></a></li><li><a href="/member/manage" onmouseover="nav_mypage.src='/images/2007/nav_mypage_on.gif';" onmouseout="nav_mypage.src='/images/2007/nav_mypage_off.gif';"><img name="nav_mypage" border="0" src="/images/2007/nav_mypage_off.gif" alt="" /></a></li></ul>

There is some Javascript in there to change the image when you move the mouse over it, and they will have some rules in their CSS sheet to get the buttons to show up side-by-side.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...