Thread Rating:
  • 10 Vote(s) - 3.4 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Adding a modal login box to MyBB using jQuery
#11
Where do i add it though?
Reply
#12
Add it to the actual HTML for the modal box within the header_welcomeblock_guest template.

Find:

<div id="loginModal" class="modalBox loginModalBox">
    <div class="thead">
        Login at {$mybb->settings['bbname']}
    </div>

Replace:

<div id="loginModal" class="modalBox loginModalBox">
    <div class="thead">
        Login at {$mybb->settings['bbname']}
<a rel="closeModal" href="#">Close</a>
    </div>
Reply
#13
It looks like this, http://gyazo.com/1c7c593c1f4ac7cc3d0cdae83ce5052d

Shouldn't it be like, at the top right corner?
Reply
#14
Yes, you can move it using CSS. Simply apply a class to the link (such as "closeButton") then do something like this:

.loginModalBox .thead {
position: relative;
}

.loginModalBox .thead .closeButton {
position: absolute;
right: 0;
top: 0;
}
Reply
#15
http://gyazo.com/06fe3db91cfca57913aa7ce2bd32d060

This is what it looks like, the close bg changes when you hover Smile

I copied the thead css from your forum if you don't mind? <3
Reply
#16
Yeah, that's fine Smile
Reply
#17
(04-26-2012, 01:20 AM)euantor Wrote: Yeah, that's fine Smile

Thanks, looks beast Smile
Reply
#18
I followed the instruction and my forum now looks a complete mess please help
Check out my Fansite, I make dubstep music, so join us at http://flectronarmy.com (still under a huge revamp, so stay tuned)
Reply
#19
You haven't followed them properly then. I can see straight away that you've mucked up the javascript part of it at the very least.
Reply
#20
Ohhhhhh Dammit

Can someone pm me I need a lil help lol
Check out my Fansite, I make dubstep music, so join us at http://flectronarmy.com (still under a huge revamp, so stay tuned)
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)