Login popups

I was wondering how I can have a login popup like this forum

http://www.fairytailrp.com/  When you go to this page and look at the bottom right of the page you'll see "Hello Guest" Mind telling me how I can do the same?

hello,
this code

Code:

<a id="return_to_ipbfs" href="/register"><strong>Hello Guest</strong>Welcome to our community. To take part in this adventure you need to create an account first. Once you've created your account you'll be able to start working on your character and enjoying all the features of this forum. Click on this box to start your registration.</a><style type="text/css">
a#return_to_ipbfs {
position: fixed;
bottom: 10px;
line-height: 15px;
text-align: left;
right: 10px;
z-index: 30000;
opacity: 0.7;
width: 260px;
height: 119px;
background: #394a5b;
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
padding: 10px;
text-decoration: none;
font-size: 7px;
font-family: Tahoma;
border: 1px solid #212c37;
box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #212c37 0px 1px 0px;
border-radius: 3px;
}
a#return_to_ipbfs:hover{ opacity: 1; }
#return_to_ipbfs strong{ font-family: "Trebuchet MS"; display: block; font-size: 14px; padding-bottom: 5px; }
</style>


It's not working.

Do you mean how to activate this feature or achieve something specific in a message?

-Brandon

I want to activate it and place my own image in it, dunno where to put this code either.

@brandon_g

Have you tried adding it to the pop-up log-in message itself?

Well, I don't like the login-pop up much. It would be less annoying to just get a different one and place it somewhere else on the screen while guests view the forum.

Well the login popup only support BBCode... So you would just have to upload the photo to an image host and then copy and paste the link inside the

Code:

[img] [/img]

tags as you would in a post. This should allow you to add the image in it. Do you know where to activate it at?

-Brandon

@brandon_g

If you're talking about the page link I sent, then know. For regular login pop up, I already know how to do that.

new.moon wrote:hello,  
this code

Code:

<a id="return_to_ipbfs" href="/register"><strong>Hello Guest</strong>Welcome to our community. To take part in this adventure you need to create an account first. Once you've created your account you'll be able to start working on your character and enjoying all the features of this forum. Click on this box to start your registration.</a><style type="text/css">
a#return_to_ipbfs {
position: fixed;
bottom: 10px;
line-height: 15px;
text-align: left;
right: 10px;
z-index: 30000;
opacity: 0.7;
width: 260px;
height: 119px;
background: #394a5b;
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
padding: 10px;
text-decoration: none;
font-size: 7px;
font-family: Tahoma;
border: 1px solid #212c37;
box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #212c37 0px 1px 0px;
border-radius: 3px;
}
a#return_to_ipbfs:hover{ opacity: 1; }
#return_to_ipbfs strong{ font-family: "Trebuchet MS"; display: block; font-size: 14px; padding-bottom: 5px; }
</style>


Where should I put this code ?

Kamui...

I meant since there is no icon to upload it on the login pop up, that you upload it in a post then copy and paste what it gives you in the editor into the login pop up box. That way you get your image to appear.

-Brandon

I'm sorry, but it doesn't work for me. My version is #phpBB2 . I don't know if it's about that.