ManagerLogin Plug-in Question???

81 Posts

bauhaus9 Reply #1, 16 years, 2 months ago

I’m using ManagerLogin to allow my assigned manager peeps to login through the home page and it works great. My question is about css on the login button. I found that in the templates.inc.php file I could adjust the look of the login button like so. >

<button type="submit" style="width:50px; height:31px; background:#c7bda5; text-align:center; border:solid 1px #917a1d; color:#856b27; font-size:11px; font-weight:bold;">[+ml.login_lbl+]</button>' . "\n"

But I’m stumped on doing a rollover. I just want a background color and border and font color change???

Thank you,
bauhaus9

☆ A M B ☆
24,524 Posts

sottwell Reply #2, 16 years, 2 months ago

Inline styles don’t support the :hover pseudo-class, but you can emulate it using javascript. Even better, use your stylesheet or a style block in the template head where it is supported.

style="text-decoration: none;" onmouseover="this.style.textDecoration = 'underline'" onmouseout="this.style.textDecoration = 'none'"

http://www.codingforums.com/archive/index.php/t-42070.html

Studying MODX in the desert - http://sottwell.com
Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
Join the Slack Community - http://modx.org

81 Posts

bauhaus9 Reply #3, 16 years, 2 months ago

Quote from: sottwell at Jul 28, 2010, 11:41 PM

Inline styles don’t support the :hover pseudo-class, but you can emulate it using javascript. Even better, use your stylesheet or a style block in the template head where it is supported.
style="text-decoration: none;" onmouseover="this.style.textDecoration = 'underline'" onmouseout="this.style.textDecoration = 'none'"
http://www.codingforums.com/archive/index.php/t-42070.html

Yeah I just figured out a work around for this.
In the css file I gave the div class="submit_box" a :hoover and repositioned the button type="submit" to match. Works pretty well.

Thank you for the information.
bauhaus9