I'm just wondering how some websites have that following welcome box for guests.
Can anyone explain the coding behind that feature?

i think that can be done with Php,however forumotion doesnt support it.

Welcome box? Like a popup? Could you provide screenshots or links?

Hey Dawn,

It can be done with CSS and/or JavaScript.
I'll explain the easy method, with CSS...

<div style="position : fixed; top : 100px; left : 100px; border : 1px solid #999; background : #FFC;">
Hello Guest!
</div>

Notice the style, position:fixed;
It makes the DIV box stay fixed on the screen at the defined position.

We define its position using top/right/bottom/left properties.
In this example we have used top:100px; and left:100px;. That means it will show up 100 px away from top and left end of the screen.

The border and background are just there to decorate the box

Hope it helps

-----------
EDIT :

Making it for guest only depends on what software you are using. The coding for it differs for different softwares.

Thanks ankillien, that makes a lot of sense and I thought it had something to do with the fixed position.

But two more things in addition I wanted to ask:

1. What about closing or hiding the div? Is there a way you can click the box to hide it? I tried using a javascript code that makes the visibility 0 onclick, but to no avail.

2. Can you specify a size for the box. I know it usually makes it's own size based on the amount of text inside, but can this modified.

Thanks again.

To hide the box, you should use display:none; and apply it using javascript onclick event. I'll give you a javascript soon.

To define the size of the box you can use height and width properties that go inside the style="" attribute, like this...

<div style="position : fixed; top : 100px; left : 100px; border : 1px solid #999; background : #FFC; width : 200px; height : 300px;">
Hello Guest!
</div>