how to make description like this

how can i make an pop-up descripton forum like this forum http://xtreamvpn.creatingforum.com/

Hi!

I do not see any pop up there?

i mean something like if we close to the forum/sub forum link there is a descripton show on the top of the link

Uhm... I beg your pardon?

tommycoo wrote:i mean something like if we close to the forum/sub forum link there is a descripton show on the top of the link

Hi do you mean the mini flash video that plays "Fast" etc?

nope i mean something like this pict

I know others may not get what that is, but it is a simple Span Tag, and their is many things you can do with it in HTML. Furthermore, you can create the effect on that forum by following the following code I provided below, just place it where you would like.

Code:

<span title="This is a span html code, by highlighting over the word span the text you are currently reading is shown, we hope you get to enjoy your new span code, thank you. ~BryanR">Span</span title>

Hope this helps, sorry I don't think the Support Forum@Forumotion allows it's members to use HTML in their posts, try testing it out at your forum, and if it fails to work, please get back to me through this post.

sorry but where i must be place this if i want like thats pict ?

In the forum name's field, then test it out, if that doesn't work please let me know.

yess i tested that yesterday but .. can i edit the pop up box ?

Hi!

For first, the code gaved you BryanR is very strange. Try this:
No need </span title> because an attribute doesn't need a closing tag.

And, that's just a simple hover text, not he want. Try this:

Code:

<a href="LINK" class="hover-txt">Text<span>This is the TOOLTIP that will be visible only on mouse over to the Text</span></a>

Then add this to CSS Stylesheet:

Code:

a.hover-txt{
    border-bottom: 1px dashed;
    text-decoration: none !important;
}

a.hover-txt:hover{
    cursor: help;
    position: relative !important;
}

a.hover-txt span{
    display: none;
}

a.hover-txt:hover span{
    border: #c0c0c0 1px dotted;
    padding: 5px 20px 5px 5px;
    display: block !important;
    z-index: 100;
    background: url(../images/status-info.png) #f0f0f0 no-repeat 100% 5%;
    left: 0px;
    margin: 10px;
    width: 250px;
    position: relative !important;
    top: 10px;
    text-decoration: none !important;
}

From here I have get the code:
http://stackoverflow.com/questions/2011142/how-to-change-the-style-of-title-attribute-inside-the-anchor-tag
but there are some mistakes, errors, so I just modified the code a little.

woww thats cool mann but heemm can i make inline with the sub forum ? u can see my forum www.indoforum.coolbb.net

Replace this part:

Code:

a.hover-txt:hover span {
border: silver 1px solid;
padding: 5px 20px 5px 5px;
display: block !important;
z-index: 100;
background: url(../images/status-info.png) #F0F0F0 no-repeat 100% 5%;
margin: 10px;
max-width: 200px;
position: relative !important;
top: 10px;
text-decoration: none !important;
margin-bottom: 5px;
border-radius: 25px 0px 25px 0px;
}

to this:

Code:

a.hover-txt:hover span{
border: silver 1px solid;
padding: 5px 20px 5px 5px;
display: block !important;
z-index: 100;
background: url(../images/status-info.png) #F0F0F0 no-repeat 100% 5%;
max-width: 200px;
position: relative !important;
bottom: 10px;
left: 10px;
text-decoration: none !important;
margin-bottom: 5px;
border-radius: 25px 0px 25px 0px;
}

So, I replaced top: 10px; to bottom: 10px; and added left: 10px;.
top: 10px; => This code move from top to bottom to 10px;
bottom: 10px; => This code move from bottom to top to 10px;
left: 10px; => This code move from left to right to 10px.

So, you can edit the code how do you want.