XOOPS 
Forum
Forum Index General Forums Community Support Modules Support Themes Support Development International Support Module Hack Reviews Theme Designer Talk
  1. Board index / 
  2. XOOPS Community Support forums / 
  3. XOOPS general usage questions 
  4.  / Main Menu - Unordered List ??
Register
1
darlond
Main Menu - Unordered List ??

  • 2009/9/15 19:35

  • darlond

  • Just popping in

  • Posts: 14

  • Since: 2009/8/7 2


I am using a theme I downloaded and the menu items are not in any type of list so the items do not wrap. Website is athttp://www.councilofthenorth.com

Two questions:
1) Where do I add the <UL> tag for the menu items?
2)Where in the code can I change the name of the menu items?
2
ghia
Re: Main Menu - Unordered List ??

  • 2009/9/15 23:25

  • ghia

  • Community Support Member

  • Posts: 4953

  • Since: 2008/7/3 1


darlond, Welcome to the XOOPS forum!

To have a list for your menu, add a display: block; for mainMenu and usermenu in your CSS file.
Templates are in eg /modules/system/templates/system_block_mainmenu.html
3
sailjapan
Re: Main Menu - Unordered List ??

http://www.councilofthenorth.com/themes/wow_deepblue/style.css  
td (line 49)  
{
  font-family: Tahoma,taipei;
  color: #ffffff;
  font-size: 14px;
}
  td.menuBlockContent (line 207)
  {  color: #ff9900;
  text-align: center;
  font-size: 14px;
  padding-left: 10px;
}


Somewhere in here?
4
darlond
Re: Main Menu - Unordered List ??

  • 2009/9/16 20:07

  • darlond

  • Just popping in

  • Posts: 14

  • Since: 2009/8/7 2


Thanks and a follow up:
1) Do I need to update the templates in the Admin for the changes to take effect?
2) I am a bit confused with the code to add ... I was thinking to just put the <UL> and <LI> tags in the CSS in the suggested areas. Is this correct? It seems to me that it should be placed somewhere in system_block_mainmenu.html instead?
5
ghia
Re: Main Menu - Unordered List ??

  • 2009/9/16 20:54

  • ghia

  • Community Support Member

  • Posts: 4953

  • Since: 2008/7/3 1


In themes/wow_deepblue/style.css add
#mainmenu a {display: block;}


system_block_mainmenu.html is the template to modify, but the above should already solve it.
6
darlond
Re: Main Menu - Unordered List ??

  • 2009/9/16 22:06

  • darlond

  • Just popping in

  • Posts: 14

  • Since: 2009/8/7 2


Great ... I will try this and see if I can get it to work. Where do I go in the code to change the Menu item names that are displayed in the Menu to users? Have dug around a lot in the code and have not found it.
7
ghia
Re: Main Menu - Unordered List ??

  • 2009/9/16 22:08

  • ghia

  • Community Support Member

  • Posts: 4953

  • Since: 2008/7/3 1


In admin module manager, under the icons change the text and then submit.
8
darlond
Re: Main Menu - Unordered List ??

  • 2009/9/26 21:48

  • darlond

  • Just popping in

  • Posts: 14

  • Since: 2009/8/7 2


Wow, that was easy. I got it to wrap by menu item.

Now:

1) Align menu items to the left instead of centering ??

2) Have sub-menus tab one to the right to set them apart from top level menu items ??

3) Do the same for User and Admin menu once logged in ?? Where/what in style.css ??

Thanks so much for the help!!
9
ghia
Re: Main Menu - Unordered List ??

  • 2009/9/27 0:08

  • ghia

  • Community Support Member

  • Posts: 4953

  • Since: 2008/7/3 1


1) If you have this CSS code, remove the align center
2) add
#mainmenu a.menuSub, #system-block_mainmenu a.menuSub {
padding-left:20px;
}

3)For making a difference to logged in or not use <{if $xoops_isuser}> conditional in the template to use some inline style or not.
10
darlond
Re: Main Menu - Unordered List ??

  • 2009/9/27 7:14

  • darlond

  • Just popping in

  • Posts: 14

  • Since: 2009/8/7 2


Thanks again.

1) I got the align center to work.

2) I added the code:

#mainmenu a.menuSub, #system-block_mainmenu a.menuSub {
padding-left:20px;
}

but it had no effect. Am I missing something or did I put the code in wrong?

3) I think I did not explain this one correctly. I don't want the Main Menu to look different if logged in. The User Menu (once logged in) does not have a display: block like:

#mainmenu a {display: block;}

so the User Menu items do not text wrap. I am guessing I need to use similar code as:

#mainmenu a {display: block;}

but with an adjustment something like:

#usermenu a {display: block;}

but tried this and it does not work. Ideas?
(1) 2 »

Login

Register now!  |  Lost Password?

Search

Advanced Search

Recent Posts

Who's Online

127 user(s) are online (80 user(s) are browsing Support Forums)

Members: 0

Guests: 127

more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Apr 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits