login form in menu with popup

Hi!
Is it possible to add login form with popup window in menu like it's gavickpro site has.
Is there any instructions? I added it to module position, but without popup. Looks not really good.
How can I do it?
Regards, Peter.

Hi, Maybe you publish login module inside menu which looks nice in my opinion.
Guide: https://www.gavick.com/documentation/un ... -into-menu
If not nice, let me know...

Thanks, Oscar, it looks good!
But I have several questions.
Now login form change colour on mouse over event. Yellow does not looks good, white is better. How can I remove it?
And I would like to remove lines under text "forgot password" and make it float left.
http://derka.pickupguild.ru/
Regards, Peter.

hehe,I translated about what that site is.
Now I see that you have white background, so I guess only line remained.
1) First step:

Code: Select all

#login-form ul {border-top: 0 none;}

2)

Code: Select all

.gkMenu > ul li div.childcontent li:hover { background:  #fff !important; }
a#menu379, #login-form a {color: #555;}
 

3) And about float - I suggest edit
templates\gk_simplicity\html\mod_login\default.php
and remove <ul><li>.. around those links and put all in one line with space or " | " between.

Thanks for help, Oscar!
But there are some problems.
I put fist line in override.css, but it does not work or I made something wrong.
Second line with background works fine.
And last line, after removing <ul><li> it have changed font size and how can I put it all in one line with " | "? I tried to use <p>, but it does not work, I am new in Joomla.
Thanks for help.
Regards, Peter.

One more problem. Another menus became transparent OnMouse event. Background has the same colour as the font.

It's because of default css code in template, not my fault.
Try this:

Code: Select all

.gkMenu > ul li div.childcontent li:hover > a,
.gkMenu > ul li div.childcontent li:hover > a small {
   color: #333; }


or change inside : templates/gk_simplicity/css/menu/menu.css ,
line ~~153 from #fff --> #333 or darker #111

It's because of default css code in template, not my fault.
Try this:

Code: Select all

.gkMenu > ul li div.childcontent li:hover > a,
.gkMenu > ul li div.childcontent li:hover > a small {
   color: #333; }


or change inside : templates/gk_simplicity/css/menu/menu.css ,
line ~~153 from #fff --> #333 or darker #111

Oscar, I tried both methods, it does not work Advise me something else please.
And I think you missed my previous post.

Thanks for help, Oscar!
But there are some problems.
I put fist line in override.css, but it does not work or I made something wrong.
Second line with background works fine.
And last line, after removing <ul><li> it have changed font size and how can I put it all in one line with " | "? I tried to use <p>, but it does not work, I am new in Joomla.
Thanks for help.
Regards, Peter.

Thanks for help.

Try to use

Code: Select all

color: #333 !important;

it must help.