Login Popup CLOSE BUTTON

Is it possible to put a close button to the login popup instead of "Do not display again" button?

Not working sir.

Still not working sir.

Bump.

I did and still not working for me sir.



http://animepinoy.4rumer.com/h1-home

I don't have any close button for my login popup sir.

Did you remove it yourself? Or did the code Rideem provided make it disappear or what?

His forum is very wide too wide for my screen size monitor (1024x768) and there are no scrollbars to speak of, no horizontal and no vertical scrollbars, so unfortunately I can only see half of the login popup box because only half of his forum is accessible, the other half is cut-off from view and no way to scroll over. There seems to be a lot of scripts running so I think the javascript for the close button is being interfered with, but I can't see his popup box in its entirety to check the button.

@rideem I removed it just now. Try again.

@runawayhorses It is perfectly fine for me. I'm not sure why though it is becoming like that for you.

BTW guys, runaway helped me. Can you try his codes?

http://runawayhorses.alldiscussion.net/t8986-login-popup-close-button

Is this solved?

Not yet,

Hi,

I'm not an expert in JS, but here's my try.

Code:

$(function() {
if (!document.getElementById('logout') && document.getElementById('login_popup_close'))
document.getElementById('login_popup_close').value = "Do not display again";
});

CSS

Code:

#login_popup_buttons input {
margin-left: 6px;
}

Hope this helps.

Regards,
Sir Chivas.

Not working for me mate.

@ Sir Chivas, he wants it like my login popup box close button is, which I posted the codes in that topic, but he says its not working from him. Those are the exact same codes I use for my login popup close button. To see it in action log-out of my forum and view it. Maybe you can see why it might not be working for his phpbb2 forum but it is for my Invision.

Ah,

The code might work now, I spotted inside your CSS this,

Code:

#login_popup_close {
display: none;
}

Remove it and add either Runawayhorses' or Rideem3s' code.

If he uses the javascript I'm using the CSS selector needs to be this, with no display:none in it.

Code:

#new_popup_close {

So,

If he uses yours, it'll be something like this:

Remove this from your CSS:

Code:

#login_popup_close {
display: none;
}

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.

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;
}

Edit: correct, that's exactly what I wrote and posted on my forum, but he said it didn't work for his forum..

I don't know if this has to be removed or not, its not in my CSS so I guess it wouldn't hurt to remove it, but if its necessary to remove it or not I do not know:

Code:

    #login_popup_close {
    display: none;
    }

When I remove it, I'm able to see the button, "Do not display again." So, I think that would do the trick. I'm not an expert, but lets just wait and see.

I'll try this later guys. I'm upgrading to phpbb3.

@ Sir Chivas, Yes it makes sense that part would need to be removed doesn't it, that was probably hiding the new close button.. lol

@ JAN2XONLINE, OK, you'll like phpbb3 its a good one, I used to have that version.

Yea, I hope so! xD