1 (edited by dee 2011-11-14 04:08:52)

Topic: Dropdown Menu

NewBee; I'm working on a custom theme and need to add a dropdown menu. I am using the i18n plugin and was able to get the feature to work. The only problem seems to be that it only works on the parent page of the dropdown menu. It does not work on the other four top level pages. here is a link of the page that it works fine on.
http://route19designs.com/GS/portfolio/

The other four pages are a no show.

Re: Dropdown Menu

dee wrote:

NewBee; I'm working on a custom theme and need to add a dropdown menu. I am using the i18n plugin and was able to get the feature to work. The only problem seems to be that it only works on the parent page of the dropdown menu. It does not work on the other four top level pages. here is a link of the page that it works fine on.
http://route19designs.com/GS/portfolio/

The other four pages are a no show.

See here.
You must use I18N_SHOW_MENU as fourth parameter to get_i18n_navigation.

I18N, I18N Search, I18N Gallery, I18N Special Pages - essential plugins for multi-language sites.

Re: Dropdown Menu

Thanx, worked like a charm...

4 (edited by Avocat Fiscaliste 2011-11-24 05:47:15)

Re: Dropdown Menu

Hi,

I'm afraid i'm even a worse newbee ...
I've put up GS 3.0 with standard Innovation Theme and I18N navigation.

Result is satisfying: http://www.avocats-fiscalistes.com/

However, i'm completely lost when it comes to making the drop-down menus work.

I've looked here :
http://mvlcek.bplaced.net/multi-level-n … down-left/

And tried to apply the required modifications in header.php ; template .php and the css file, but for some reason it just breaks the site down.

Has someone managed to make the dropdown menus work with site theme ?

Thanks,

G.

Re: Dropdown Menu

yes, many users managed to do that

I think it is a misunderstanding:

you have pages and subpages
the pages are shown at the top and the subpages of the relevant pages are shown in the sitebar
what is wrong?

Either you want  a dropdown (subpages are shown below the menu-items when you hover over these items) or you want the subpages in the sitebar or you want both, than you have to add the CSS!

1)
if you want to have that dropdown menu, you must add the relevant CSS to the css-file "style.css", I do not see these declaration in your page's CSS at all, so you will not see the submenus

2)
if you want to have a correct submenu in the sitebar, you must include the code for that in <ul> </ul>, which I see not in your code, thus you get errors

one hint: the titles of your pages are too long for the headers' font-size

|--
Die deutsche GetSimple-Webseite: http://www.Get-Simple.de = the german Get-Simple-Website!
Das deutschsprachige GetSimple-(Unter-)Forum:   http://get-simple.info/forum/forum/16/german-deutsch/

Re: Dropdown Menu

Yes, I'd prefer both if it was possible.

However I don't know anything about CSS...

So here's my original css section containing the nav declarations :

/* HEADER: navigation */
header nav {
    position:absolute;
    top:30px;
    right:0;
    text-shadow: 1px 1px 0px rgba(0,0,0, .3);
}
header nav ul {
    list-style:none;    
    float:right;
}    
header nav li {
    display:block;
    float:left;
    margin:0 0 0 10px;
}
header nav li a {
    display:block;
    font-size:13px;
    padding:5px 15px;
    text-transform:uppercase;
    font-weight:bold;
}
header nav li a:link, 
header nav li a:visited {
    color:#eee;
    text-decoration:none;
}    
header nav li a:hover, 
header nav li a:focus {
    color:#FFF;
    text-decoration:none;
}
header nav li.current a {
    color:#FFF;
    background:#7096B6;
    background:rgba(255,255,255,.2);
    text-decoration:none;
    border-radius:40px;
    -moz-border-radius:40px;
    -khtml-border-radius:40px;
    -webkit-border-radius:40px;
}

Should I just paste mvlcek's declaration there ?

.sitemenu { position:relative; height: 1.4em; }
.sitemenu ul { position:absolute; list-style: none; }
.sitemenu li { float:left; }
.sitemenu li ul { display:none; }
.sitemenu li:hover ul { display:block; }
.sitemenu li.current > a { font-weight:800; } 
.sitemenu li.currentpath > a { font-weight:800; }

Re: Dropdown Menu

I just run a test and added the navigation like you wanted it to the Innovation theme

1) there is dropdown in main menu now
2) there is submenu in the sidebar at the right side when there are subpages

but I did not make it beautiful, it still must be synchronized with the styling of the header of INNOVATION theme

I add this as a starting point for you, unpack the zip and use this as theme

Cheers, Connie

Post's attachments

Innovation_navi.zip 46.68 kb, 27 downloads since 2011-11-25 

You don't have the permssions to download the attachments of this post.
|--
Die deutsche GetSimple-Webseite: http://www.Get-Simple.de = the german Get-Simple-Website!
Das deutschsprachige GetSimple-(Unter-)Forum:   http://get-simple.info/forum/forum/16/german-deutsch/

8 (edited by Avocat Fiscaliste 2011-11-25 17:33:08)

Re: Dropdown Menu

Hi,

Thanks for the help. I also took a gig on Fiverr to get the CSS to a better integration level.
http://www.avocats-fiscalistes.com/
It's looking pretty good, so I'm sharing the modified theme, I think some other newbies might appreciate :-)

Thanks for the help !

Post's attachments

Innovation.zip 59.79 kb, 25 downloads since 2011-11-25 

You don't have the permssions to download the attachments of this post.

Re: Dropdown Menu

good that it is ok for you!
Now you can add content, what is the most important part ;=)

Cheers, Connie

|--
Die deutsche GetSimple-Webseite: http://www.Get-Simple.de = the german Get-Simple-Website!
Das deutschsprachige GetSimple-(Unter-)Forum:   http://get-simple.info/forum/forum/16/german-deutsch/

10 (edited by schning 2012-02-14 16:28:44)

Re: Dropdown Menu

Dear people,

sorry but it doesn't work,

i installed the getsimplecms v 3.0
after it i install the plugin  i18n

but if i go to adminpanel and there to -> "pages"

i cant edit my pages correctly (the Text field is missing and the button create new page also), i get the following screen :
http://www.xn--kajtboot-85a.com/getsimplescreen.png

??? whats happend ? where is the "create new page and the view all pages" Button ?

regards schning

...the same with the postet "Innovation_navi" theme

Re: Dropdown Menu

the screenshot does not show the right menue where "create a new page" is located

have a look there

|--
Die deutsche GetSimple-Webseite: http://www.Get-Simple.de = the german Get-Simple-Website!
Das deutschsprachige GetSimple-(Unter-)Forum:   http://get-simple.info/forum/forum/16/german-deutsch/

Re: Dropdown Menu

the screenshot does not show the right menue where "create a new page" is located

have a look there

|--
Die deutsche GetSimple-Webseite: http://www.Get-Simple.de = the german Get-Simple-Website!
Das deutschsprachige GetSimple-(Unter-)Forum:   http://get-simple.info/forum/forum/16/german-deutsch/

13 (edited by schning 2012-02-20 05:09:48)

Re: Dropdown Menu

Connie wrote:

the screenshot does not show the right menue where "create a new page" is located

have a look there

thats the Problem :

There are no Buttons like : create a new page or view all pages...

regards schning

Re: Dropdown Menu

Enable debug mode to see if you get any errors, that may help.

Re: Dropdown Menu

Thx ....

I Enabled debug mode and i saw the problem with the json module .. dd24 provider activate it and now it works :)

Take a look  Kajütboot

regads schning