Hi runawayhorses! Can you teach me how to put a close button on login popup? Like everytime there is a guest viewing your forum, it will popup and instead of having "Do not display again" button, I'll have this 'Close' button. I have phpbb2 forum. Thanks!
2 Re: Login Popup Close Button Tue Feb 19, 2013 11:00 am
runawayhorses
Owner
Hi!,
Go to AP>>Modules>>Javascript codes management>>
Create a New Javascript and copy this code below "In all the pages", and title it "Reworded login popup close button" and submit.
That's it, it works for Invision and hopefully it will work for phpbb2 as well.
Good luck.
Go to AP>>Modules>>Javascript codes management>>
Create a New Javascript and copy this code below "In all the pages", and title it "Reworded login popup close button" and submit.
- Spoiler - Click here to view content:
Javascript:
- Code:
$(function() {
$('#login_popup_close').before('<input id="new_popup_close" type="button" class="button" value="Close" />');
$('#login_popup_close').remove();
$('#new_popup_close').click(function(){
$('#login_popup').remove();
});
});
Then go to AP>>Display>>Colors>>CSS Stylesheet>>
Copy this code in the stylesheet. For the background image just add your own image URL you would like to use to the place provided in the code. The image needs to be about 130px x 35px.
CSS:
- Code:
#new_popup_close {
color:#FFFFFF;
background-color: #000000;
background-image: url('URL OF IMAGE GOES HERE');
background-position: center;
width: 100px;
height: 23px;
font-size: 10px;
border: 0px solid #282828;
border-radius:2px;
}
That's it, it works for Invision and hopefully it will work for phpbb2 as well.
Good luck.
Last edited by runawayhorses on Wed Feb 20, 2013 3:57 am; edited 2 times in total
4 Re: Login Popup Close Button Tue Feb 19, 2013 5:12 pm
runawayhorses
Owner
URL to your forum so I can have a look?
5 Re: Login Popup Close Button Tue Feb 19, 2013 6:03 pm
Mr.EasyBB
Member
Hey Janx2, this is my account on here, I am Mr.EasyBB lol. If you could give me your site URL I could help you out ;) And Runaway, yeah you can change my name on here if you want ok :)
6 Re: Login Popup Close Button Tue Feb 19, 2013 6:05 pm
runawayhorses
Owner
Ok, name change done, don't forget to use that name now to login.. lol
thanks dude.
thanks dude.
8 Re: Login Popup Close Button Wed Feb 20, 2013 2:39 am
runawayhorses
Owner
You've got another issue going on there, is that I can only see half of your forum and login popup box because your forum width is too wide, and consequently half of your forum is cutoff from view, because its not creating a bottom horizontal scroll-bar like it should so I can view the other half of your forum including the popup box. Its not creating a vertical bar either. You obviously have a fixed width body or templates or even large width images causing this, but it should automatically be creating a bottom scroll-bar, which it isn't. Bottom horizontal scroll-bars are not desirable because they are clumsy and awkward to navigate with, but are absolutely necessary if a website is too wide for the visitors monitor resolution, but your forum is not providing one. Using a fluid width as opposed to a fixed width is the best way to go because it will fit most all screen size monitors, but even fluid widths can create bottom horizontal scroll-bars if needed. But that's another issue not related to your popup box, but unfortunately I cannot see your popup box because of that issue, so maybe EasyBB can work something out to help you.
Runaway Horses Oceanside » Science/Technology » Website Design & Development » Login Popup Close Button
Similar topics
Permissions in this forum:
You cannot reply to topics in this forum