friendsterTalk - Friendster Forum

friendsterTalk - Friendster Forum

Welcome guest! Please Login or Register.

  • Multiply
  •  » Customize your Navigation Menu (Manually)

#1  2008-03-04 14:02:52

taurus1983
» FriendsterTalker
taurus1983's display avatar
Location: Nowhere
Registered: 2007-09-21
Posts: 101
Last visit: 2008-09-27
Reputation: 1

Customize your Navigation Menu (Manually)

1) Add this code to the end of your Custom CSS http://multiply.com/setup/pages/upload-css to disable the default menu:

#subnav { display:none; }


2) copy the subnavc and subnav sections in your Custom CSS http://multiply.com/setup/pages/upload-css and paste them in the end, replacing their names with pmenuc and pmenu (if your Custom CSS code does not have these sections, maybe you will have to look at the CSS code for the base theme you chose).

For example:

div#pmenuc {
width: auto;
}
div#pmenu {
padding: 1px 0 0 20px;
border: none;
background: none;
height: auto;
}



3) Add this code to Your Page Title (you can go to your main page and click on Customize My Site link and then click on Edit in your Page Title) :


CODE:

<div id='pmenuc'><div id='pmenu'><div class='topt'><a class='topt' href='/'>Home</a><a class='topt' href='/journal'>Blog</a><a class='topt' href='/photos'>Photos</a><a class='topt' href='/video'>Video</a><a class='topt' href='/music'>Music</a><a class='topt' href='/calendar'>Calendar</a><a class='topt' href='/reviews'>Reviews</a><a class='topt' href='/links'>Links</a></div><br clear='left'><div style='height: 0px;'><!-- --></div></div></div>

PS: make sure it all goes in one line, with no line breaks.


If you have other sections than the above, just change to code to reflect your actual site sections. If you want to translate or change the names in the menu, just replace the words in BOLD with the ones you want. You can add other items before </div><br clear='left'>. For example, if you want to add a link to a Tagged box that you've created with the tag 'recipes' (hint, hint...;) ),

add this:

<a class='topt' href='/tag/recipes'>Recipes</a>

Easy, isn't it? Of course, you may want to adjust the pmenu and/or pmenu blocks in your CSS to fit your needs. You can even use images to create your own menu. Enjoy!:)

Last edited by taurus1983 (2008-03-06 11:11:40)


0'oh!...No 0n3 is cooler than me....

#2  2008-03-04 20:14:43

kangkong10
» Promoter
kangkong10's display avatar
Registered: 2008-01-09
Posts: 1289
Reputation: 14

Re: Customize your Navigation Menu (Manually)

:o nice trickz.


elow guys, I'm Back again

#3  2008-03-05 03:44:59

blurrycloud
» Moderator
blurrycloud's display avatar
[ - AchilleS - ]
Class-S
Location: Aikhee's Heaven
Registered: 2007-09-07
Posts: 2566
Reputation: 98

Re: Customize your Navigation Menu (Manually)

thanks for sharing

Last edited by blurrycloud (2008-03-05 03:48:01)


Back to my default status: School mode
  • Multiply
  •  » Customize your Navigation Menu (Manually)

Search Friendstertalk

Moderated by Ephemeral, blurrycloud, dale

Board footer

FriendsterTalk is not affiliated with Friendster.com
Copyright © 2002–2008 PunBB

[ 11 queries - 0.143 second ]

Pay Per Click Ads by pay per click advertising by Kontera

FriendsterTalk.com x

Welcome to FriendsterTalk! You'll need to login in order to fully use all the features and view all the sections of this site.

Please register if you're not yet a member. =)