Current time: 03-28-2024, 10:17 AM Hello There, Guest! (LoginRegister)


Announcement
We have the biggest collection of MyBB Plugins here on the Net. We have currently 175+ MyBB Exclusive Plugins, 80+ MyBB Compatible MyCodes and 16+ MyBB 1.4.x Themes (Some are still under construction...) Thus, we provide you the largest MyBB Stuff on the net including tutorials. Stay with us, you will find out some more to come.
Now you can easily create your own buttons set for MyBB! Click here to have a look...
*** You cannot do your registration behind any Proxies anymore! ***
Welcome Guest[52.207.218.95], connected from Ashburn, Virginia United States
Post Reply 
 
Thread Rating:
  • 1 Votes - 5 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Best Drop Down Menu For Your Forum Index
09-01-2009, 09:54 PM (This post was last modified: 01-17-2010 09:57 AM by exdiogene.)
Post: #1
Heart Best Drop Down Menu For Your Forum Index
Hello All ... !

Hope that you are enjoying your life, Smile

In some forums I saw a beutiful DHTML drop down menu in the header of forum, and I wonder how they can make like that,
so finally I digg it out, Smile

In this tutorial , I will give you step by step process of making such effect... Smile

Name: Best Drop Down Menu For Your Forum Index
Description: A Classic DHTML Drop Down Menu ... Ohh man one gona go wild for it ... !
Coding: Much easy Rolleyes

So lets Start...

Go to Admin CP > Themes and Styles > Template > Your Theme Template > Index Template > index > Edit >

and now find < head > tag

below it add this code,

<style>
/* CoolMenus 4 - default styles - do not edit */
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */
  
/*Style for the background-bar*/
.clBar{position:absolute; width:10; height:10; background-color:#DADCBA; layer-background-color:#DADCBA; visibility:hidden}

/*Styles for level 0*/
.clLevel0,.clLevel0over{position:absolute; padding:2px; font-family:arial,helvetica; font-size:12px; font-weight:bold}
.clLevel0{background-color:#DADCBA; layer-background-color:#DADCBA; color:black;}
.clLevel0over{background-color:#DADCBA; layer-background-color:#DADCBA; color:#000080; cursor:pointer; cursor:hand; }
.clLevel0border{position:absolute; visibility:hidden; background-color:#DADCBA; layer-background-color:#006699}

/*Styles for level 1*/
.clLevel1, .clLevel1over{position:absolute; padding:2px; font-family:arial,helvetica; font-size:11px; font-weight:bold}
.clLevel1{background-color:#DADCBA; layer-background-color:#FCCE55; color:#006699;}
.clLevel1over{background-color:#006699; layer-background-color:#006699; color:#FCCE55; cursor:pointer; cursor:hand; }
.clLevel1border{position:absolute; visibility:hidden; background-color:#DADCBA; layer-background-color:#006699}

/*Styles for level 2*/
.clLevel2, .clLevel2over{position:absolute; padding:2px; font-family:arial,helvetica; font-size:10px; font-weight:bold}
.clLevel2{background-color:#DADCBA; layer-background-color:#FCCE55; color:#006699;}
.clLevel2over{background-color:#006699; layer-background-color:#0099cc; color:#CDDBEB; cursor:pointer; cursor:hand; }
.clLevel2border{position:absolute; visibility:hidden; background-color:#DADCBA; layer-background-color:#006699}
</style>

Edit... ? okay

Now find < body > tag within this template (i.e. index) and below it, add the following code,

<script language="JavaScript1.2" src="coolmenus4.js">
/*****************************************************************************
Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)

DHTML coolMenus - Get it at coolmenus.dhtmlcentral.com
Version 4.0_beta
This script can be used freely as long as all copyright messages are
intact.

Extra info - Coolmenus reference/help - Extra links to help files ****
CSS help: http://coolmenus.dhtmlcentral.com/projects/coolmenus/reference.asp?m=37
General: http://coolmenus.dhtmlcentral.com/reference.asp?m=35
Menu properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=47
Level properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=48
Background bar properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=49
Item properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=50
******************************************************************************/
// Courtesy of SimplytheBest.net - http://simplythebest.net/scripts/
</script>
<script language="JavaScript1.2" src="menu.js"></script>

Now its time to download a zip file,


.zip  coolmenus4.zip (Size: 13.28 KB / Downloads: 13)
Downloaded by :mactadvi, black, Mithokey, pumas09, McStormify, peakz, H0AX

After Downloading it,, Unzip it to your Forum Root/ directory,

NOTE: IT IS VERY NECESSARY THAT YOU SHOULD KEEP THESE FILES IN THE SAME ROOT DIRECTORY

Now Refresh your forum homepage...

and you will see some thing like this,

SCREENSHOT:
   

O man, One gona go wild of that..... Tongue

Point to Remember: That you can edit URLs by editing the menu.js file . These URLs are present in the 1/3rd of botom of that file.

Thankyou

Enjoy..! Cool

ghazal's signature *** Deleted by the administration ***
Visit this user's website Find all posts by this user
Quote this message in a reply
09-28-2009, 11:52 AM
Post: #2
RE: Best Drop Down Menu For Your Forum Index
Wich one is better DHTML or CSS, I ve heard that CSS is much better than DHTML Huh

Rafael's signature THE BIGGEST COLLECTION OF PLUGINS THEMES AND MYCODES FOR MYBB
Visit this user's website Find all posts by this user
Quote this message in a reply
09-28-2009, 12:31 PM
Post: #3
RE: Best Drop Down Menu For Your Forum Index
(09-28-2009 11:52 AM)Rafael Wrote:  Wich one is better DHTML or CSS, I ve heard that CSS is much better than DHTML Huh

I personally likes CSS. DHTML may make errors while loading.

ghazal's signature *** Deleted by the administration ***
Visit this user's website Find all posts by this user
Quote this message in a reply
10-08-2009, 09:47 AM
Post: #4
RE: Best Drop Down Menu For Your Forum Index
Big GrinBig GrinBig GrinBig Grin

fasfasfasf's signature >>> Get All MyBBCodes.Com's Plugins From Here <<<
Visit this user's website Find all posts by this user
Quote this message in a reply
10-10-2009, 12:37 AM
Post: #5
RE: Best Drop Down Menu For Your Forum Index
(10-08-2009 09:47 AM)fasfasfasf Wrote:  Big GrinBig GrinBig GrinBig Grin

Any Comments Huh

ghazal's signature *** Deleted by the administration ***
Visit this user's website Find all posts by this user
Quote this message in a reply
12-28-2009, 07:29 AM
Post: #6
RE: Best Drop Down Menu For Your Forum Index
I've been looking this everywhere !
tyty

loveit's signature
Visit this user's website Find all posts by this user
Quote this message in a reply
01-05-2010, 12:21 PM
Post: #7
RE: Best Drop Down Menu For Your Forum Index
Thats coool

naqshbandios_limra's signature
Visit this user's website Find all posts by this user
Quote this message in a reply
01-05-2010, 07:11 PM
Post: #8
RE: Best Drop Down Menu For Your Forum Index
what do you mean when you say "find tag"?
thank you

shaks786's signature
Visit this user's website Find all posts by this user
Quote this message in a reply
01-17-2010, 10:00 AM
Post: #9
RE: Best Drop Down Menu For Your Forum Index
(01-05-2010 07:11 PM)shaks786 Wrote:  what do you mean when you say "find tag"?
thank you

I have corrected "Ghazal" post so you can see the tags names.

exdiogene's signature MyBBCodes.com administrator
Cool " It is not what you know that matters, it is what you do or do not do!"
Visit this user's website Find all posts by this user
Quote this message in a reply
03-19-2010, 01:55 AM
Post: #10
RE: Best Drop Down Menu For Your Forum Index
Very nice one thx

Chandy's signature
Visit this user's website Find all posts by this user
Quote this message in a reply
0 member(s) viewed this thread in the last 365 days :
Post Reply 


Was This Thread Useful ?
Please Link To Us
URL
BBCode
HTML

Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  tabbed menu Miky 0 1,428 10-18-2010 03:29 PM
Last Post: Miky

Forum Jump:

 
New To Site ?
Some Useful Links
  • Help

  • You Might Need To Register

  • Forum Statistics

  • Mark All Forums Read

  • Forum Staff

  • Log Out
  • Contact Us

  • Mybbcodes

  • Return to Top

  • Return to Content

  • Lite (Archive) Mode

  • RSS Syndication
  • Powered By MyBB, © 2002-2024 MyBB Group.
    Golden Crown - Designed and Published by ghazal & exdiogene of MyBBCodes.
    Hosting provided by WWWHostingServer.com