Log In · Register

 
Profile 2.0 replacing nav bar help
sh4d0wx
post Jun 28 2009, 06:12 AM
Post #1


Newbie
*

Group: Member
Posts: 8
Joined: Jun 2009
Member No: 734,807



Hey well I stumbled upon some dudes profile recently and I wanted to do something similar to what he did on his profile. Instead of the original navbar he has an image that contains only some of the nav bar links. I need help in hiding the other links in the navbar just as he did and also putting the image in that position with working links.

lol hope i explained myself clear enough on. any help would be appreciated

Here's a link to his profile

http://www.myspace.com/thefinalrune

Thanks

 
 
Start new topic
Replies
Mikeplyts
post Jun 28 2009, 12:26 PM
Post #2


Mel Blanc was allergic to carrots.
*******

Group: Official Designer
Posts: 6,371
Joined: Aug 2008
Member No: 676,291



That's not editing the navigation, it's just an image map and the navigation is hidden.

Use this in your CSS:
CODE
#topnav li {display:none;}
div#googlebar {display:none;}


Next, take your image and just add text to it in Photoshop or other image editing software (Home, Add, Message, Comment, etc..). Then, you'll have to use an image map code to map out the areas where each separate text is on the image. Image map to each different text on the custom navigation and put that code in your About Me.

If you don't know how to image map and/or you don't know the code, you should look at this tutorial for a basic reference.
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: