e107.org: Forums / Core Support / Menu Help Plox!

e107.org :: Forums :: e107 Support :: Core Support		<< Previous thread \| Next thread >>
Menu Help Plox!


Moderators: jalist, McFly, bkwon, streaky, C6Dave, SecretR, steved, bugrain, AndyDev, Hansi64, nlstart

Author

Post

NOS HUNTAR

Thu Feb 05 2009, 04:01PM

Registered Member #49667

Joined: Thu Feb 05 2009, 03:48PM
Location:
Posts: 6

Hey everybody, im new to the site so don't reticule me for sounding like a total noob. Im having a major problem that i cannot fix no matter what. I Have been trying for weeks to creat "drop-down" menus. I have seen a lot of threads about this same question, but it seems its in a launguage i cant read, such as html. I dont even know how to edit PHP, or what PHP is, lol. SO can someone help me? I hope someone can give me a down to earth, readable answer, that a 15 year old can understand. lol

Here is what the site looks like now:

I want it to be changed to a flat line, drop down menu plox :]

So thanks to whoever can help! Oh, and you can find the site here

C6Dave

Thu Feb 05 2009, 04:33PM

AKA 2dopey

Registered Member #9506

Joined: Sat Jul 31 2004, 02:57AM
Location: North East UK
Posts: 9298

Look at the theme.php code for the e107 core reline theme

That uses the Shortcode
{SITELINKS_ALT=no_icons+noclick} instead of {SITELINKS}

That's a drop down main menu

"The irony of the Information Age is that it has given new respectability to uninformed opinion" - John Lawton 1995

Zedge

Thu Feb 05 2009, 04:36PM

Registered Member #47171

Joined: Sat Sep 06 2008, 06:39AM
Location:
Posts: 410

Hi there, from another thread, this is the code you want to add to your style.css:

/* Brainjar Nav Menu Classes {SITELINS_ALT} */ /* If you do not use {SITELINS_ALT} and switch to the standard {SITELINKS} instead, all of the below can be deleted. */ /*----------------------------------------------------------------------------*/ div.menuBar, div.menuBar a.menuButton, div.menuButton, div.menuButton_over, div.menu, div.menu a.menuItem { font: 10px arial, verdana, arial, tahoma, sans-serif; color: #FFFFFF; text-align: left; font-weight: bold; } div.menuBar { padding: 0px 0px; text-align: center; } div.emenuBar { background-color: #F7F9FA; border-top: 1px solid #000; text-align: left; } div.menuBar a.menuButton, div.menuButton, div.menuButton_over { background-image: url(images/1menu.jpg); border: 1px solid; border-color: #000 !important; border-color: #000 #000 #000 #000; left: 0px; margin: 0px; padding: 8px 6px 7px 6px; position: relative; text-decoration: none; top: 0px; z-index: 100; } div.menuBar a.menuButton:hover, div.menuButton:hover, div.menuButton_over { background-image: url(images/1menu2.jpg); border-color: #000 #000 #000 #000 !important; color: #CCCCCC; } div.menuBar a.menuButtonActive, div.menuButtonActive, div.menuButtonActive:hover, div.menuBar a.menuButtonActive:hover { background-image: url(images/1menu2.jpg); border-color: #000 #000 #000 #000 !important; left: 1px; top: 1px; color: #fff; } div.menu { background-color: #000; border: 1px solid; border-color: #000 #000 #000 #000; left: 0px; padding: 1px; position: absolute; top: 0px; visibility: hidden; z-index: 101; } div.menu a.menuItem { display: block; padding: 2px 11px 2px 0px; text-decoration: none; white-space: nowrap; } div.menu a.menuItem:hover, div.menu a.menuItemHighlight { background-color: #333333; color: #fff; } div.menu a.menuItem span.menuItemBuffer, div.menu a.menuItem:hover span.menuItemBuffer { padding: 0px 2px; } div.menu a.menuItem span.menuItemText { padding: 0px 0px 0px 3px; } div.menu a.menuItem span.menuItemArrow { margin-right: -.75em; } div.menu div.menuItemSep { border-top: 1px solid #000; border-bottom: 1px solid #000; margin: 4px 2px; } a.menuItem.header { border-bottom: 1px solid #000; }

And then in yor theme.php place where you would like the links,

{SITELINKS_ALT=no_icons+noclick}

Then obviously edit the css so that it suits your theme

Hope this helps

Zed.

NOS HUNTAR

Thu Feb 05 2009, 05:32PM

Registered Member #49667

Joined: Thu Feb 05 2009, 03:48PM
Location:
Posts: 6

thanks guys =]

can i use FTP to edit the php?

[ Edited Thu Feb 05 2009, 05:48PM ]

mnk1owl

Thu Feb 05 2009, 06:31PM

Registered Member #37007

Joined: Sun Jun 03 2007, 10:28AM
Location:
Posts: 127

Use FTP to replace the files (scripts). Either download them or have them and then edit and replace. Google "Context" for an editor as explained in the Documentation/Wiki.

NOS HUNTAR

Tue Feb 10 2009, 11:55PM

Registered Member #49667

Joined: Thu Feb 05 2009, 03:48PM
Location:
Posts: 6

thanks again =]

this is what it now looks like:


Jump: Back to top



e107, Like Donuts on Steroids.
Home Downloads Forums Misc Bugtracker Documentation/Wiki Plugins Themes Hosting Reviews