We all desire those killer menus that you gaze upon on some websites/blogs, it’s only natural and absolutely normal to want to have that feature. With this tutorial, you can have a cool nagitional drop down menu and customize it to your own liking.
Lets be honest with each other here! We all want to be the best looking website where others just say ‘WOW’. I’m even laughing at myself now. I know that some of you think it’s just for the PRO’s or EXPERTS, but anyone can do it. I actually browsed a website and saw something similar and wanted the same.
I can’t remember the websites name, but that’s not important or my point. I checked their source code and HTML and tried it on my laptop, I installed a local version of WordPress and sometimes do testing.
I have received many emails saying that they liked my drop down menu and wanted to know how I accomplished it. I’m not bending the truth at all, many users emailed me and it was a nice feeling. Some users I know for sometime and I just emailed them the function and the css styling details. I have now decided that I will share it with you all, let you guys have fun and test it out.
Remember to backup your custom_functions.php and custom.css files.
You will have to change the link destinations of the top and bottom links as they are all for my blog.
Extra Information:
This tutorial is not just based for the Thesis theme only, but can be altered for any theme that uses hooks. All you need to do is change a hook to a function and call it in your theme.
Thesis Tutorial - Navigational Menu (Drop Down)
The download was made available on 2 September 2010 and is in zip format. The file size is 2.15 kB and has currently been downloaded 355 times.
I am the proud owner of Serradinho.com and have made this my second home. I'm into blogging, downloads, WordPress, meeting and helping others, etc. Basically the internet in general :) Serradinho Web Services is my own company whereby I offer my services to clients. This ranges from web design, website upgrades, theme customizations, support, premium WordPress plugins and many more .....
View all posts by George Serradinho, there might be other posts that interest you.
{ 13 comments }
I do like your menus too but I happen to really value the real estate above the fold. In all of the blogs I created I have always tried to maximize space by using smaller header heights. This menu you got here takes up one precious line of header space. If, however, I am to make a site for someone who values header and menu aesthetics more than content space above the fold, I’d certainly go for this menu style. It looks cool and unique.
@James – point taken. Good luck with what menu you need to do and thanks for checking out this menu tutorial.
That’s an awesome tutorial George. I would implement it on one of my blog in free time.
Thanks!
@Sahil – let me know how it goes and if you need any assistance.
Thats really cool. I am not a Thesis expert, but I am sure that I can implement top Nav Menus with this tutorial. Thanks for sharing George.
George, Also I sent an email for Thesis work.. Please check it.
@Satish – glad to hear you liked it. I can’t seem to find any email. Could you please resend it again.
Thanks for sharing George. I’ve downloaded the zip will give it a go and give you some feedback. I see where James is coming from. Good point, also a concern I have, but with a bit of CSS tweaking the extra 30 px shouldn’t do too much damage. You just need to make sure the rest of your page above the fold grabs your readers’ attention.
@Somone – thanks for your opinion and hope the menu works for you.
Hi Jorge…
what program opens the file in the zip…
Regards
@João – use WinZip or Rar to open the file.
Its not the file.zip, but the file inside it…
Help…
@João – you should be able to open the file with Notepad or any text editor. Let me know if you still don’t come right.
Hi….George
Thanks to u for sharing . i like your menus concept. this is very good and very nice for blog. i have no more ideas about this . bit i am looking this type of concept .
Thanks to u for sharing this message .. i hope you keep another information with your blog as soon as .
Comments on this entry are closed.