SOLVED Tidy Up The Login Module
-
-
- NintendoNerds
- Hero Rocketeer
- Posts: 467
- Thanks: 0
-
cdavis411 wrote:
Hi NintendoNerds add this at the bottom of your template.css file:Understood, and noted! Thanks again, cdavis411!! :cheesy:Thank you so MUCH, cdavis411!! This worked beautifully :cheesy:
a:hover.userbuttons {background: url(../images/overlays/dark/readon-r.png) 100% -28px no-repeat;}
I have one question about the "Logout" button. The hover styling doesn't work for it so I'm trying to figure out how to do that. The "Login" button works great so I'm kind of lost on getting the "Logout" button to work like that. Man...after I get that "Logout" button to work with the hover styling I'll be finished with the Login module! I know that sounds kind of goofy, but getting that part finalized will feel really great!
cdavis411 wrote:The most probable reason for your post slipping by is that it was self-bumped/replied to only six hours after it was first posted.The only reason I did this was to make it clear that my issue changed from one thing to another, and didn't want someone wasting their time on the first issue if they already started looking into it. I thought about editing the first post, but if someone was already looking into this (because it was 6 hours later) I could have caused some mass confusion.
cdavis411 wrote:This took it out of the unanswered posts which received the most attention from mods. Self-bumping an unanswered post actually lowers the odds it will be seen . On the other hand if I have been working with someone and they have not heard a response in a day or so (on an unsolved issue) a polite reply asking if there has been any progress can help us wade through the sea of support to your side of the coast.
-
-
-
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
-
What you can do (to keep an unanswered post in the 'unanswered posts' queue) is edit the original post if you have more information to add to the topic.
See you around the board
-
-
-
- NintendoNerds
- Hero Rocketeer
- Posts: 467
- Thanks: 0
-
Thanks, cdavis411.
What about this though:
"I have one question about the "Logout" button. The hover styling doesn't work for it so I'm trying to figure out how to do that. The "Login" button works great so I'm kind of lost on getting the "Logout" button to work like that. Man...after I get that "Logout" button to work with the hover styling I'll be finished with the Login module! I know that sounds kind of goofy, but getting that part finalized will feel really great!"
-
-
-
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
-
no problem friend. delete what you put there for the other buttons and add this at the bottom of your template.css file:
/*----------- Suggested by cdavis411 (RT) -----------*/ .k2UserBlock *:hover.userbuttons {background-position: 100% -27px;}
-
-
-
- NintendoNerds
- Hero Rocketeer
- Posts: 467
- Thanks: 0
-
Oh man!! You're my hero!!!
Thanks a million!
-
-
-
- NintendoNerds
- Hero Rocketeer
- Posts: 467
- Thanks: 0
-
Cool! :cheesy:
Say...one itsy bitsy little thing...LOL
Is there any way to bring the text "Logout" inside that button up a few pixels so it's centered vertically inside that button?
-
-
-
- NintendoNerds
- Hero Rocketeer
- Posts: 467
- Thanks: 0
-
OK, after messing around with the CSS, I was able to figure this out. I'm not sure if it's the correct way to do things but this is what I did to vertically center the text "Logout" inside it's button area.
I simply changed:to this:padding: 0 10px;
The 5px is for padding-bottom and it seems to be working fine.padding: 0 10px 5px;
Thanks to everyone again for all the help. This K2 Login Module looks fantastic compared to the default one!
-
-
-
- NintendoNerds
- Hero Rocketeer
- Posts: 467
- Thanks: 0
-
Thanks, cdavis! I have learned SO much from everyone here! Speaking of web development...although I didn't know much about it before I stated my current site, I really like doing this kind of stuff!! If it's something I have an endless supply of, it's patience. It sure feels great to be able to do certain things on my own. I basically use what everyone here taught me, along with Firebug
EDIT: How can I apply something like this to my current login module?
Username Field<input type="text" onblur="if(this.value=='') { this.value='Username'; return false; }" onfocus="if (this.value=='Username') this.value=''" value="Username" size="18" alt="username" class="inputbox" name="username" id="modlgn_username">
Password Field<input type="password" alt="password" size="18" class="inputbox" name="passwd" id="modlgn_passwd">
-
Time to create page: 0.054 seconds