how to html code this?

How can i html code a bar like this and the top of my forum?

Hello EmperorAdam

Welcome to the forum.

You can place the full code in your your administration panel > General > Display > Homepage/Generalities > Homepage message "HTML" box, and "save.

If I need to give other advice or ideas I'll simply update this post by editing so just check this post from time to time.

Love
Liz

pmed

Hi,

Is this solved or you need more help with it?

Nera, i want that bar too could u give me code, and where should i put it ? I love this thing, but the You have: 260.10 (PICTURE) i think its point ? but can u do code ? (A)

Not sure what you want exactly and what song?

If it's a bar that will always stay on the top what you want of your forum you can add the HTML in templates for phpBB2, or in Homebox or annonouncments for phpBB3. There are many ways, little bit more info would be great

HTML would be like this:

Code:

<div class="fixedPosition">Welcome, {USERNAME variable here}, add all the links here</div>

And CSS this:

Code:

.fixedPosition {
position: fixed;
top: 3px;
left: 3%;
height: 15px;
width:95%; 
border: 1px solid black;
background-image:url('http://2img.net/i/fa/subsilver/back_title.gif');
font-family: arial;
font-size: 11pt;
color: black;
padding-top: 2px;
cursor: pointer;
}

Those links are made to fit that forum, you need to add yours beetwen <div class="fixedPosition"> & </div>

I want bar like this:

Welcome: (Username what is code?), You have: 260 (image here) And here will be my links. Could u do it code ? I have phpbb 3

You are aware I have no idea what's the 260.10? This is with username and number of posts + random heart picture. Links are set to lead to Forumotion. You must customize it to lead where you want.

CSS:

Code:

.fixedPosition {
position: fixed;
top: 3px;
left: 3%;
height: 15px;
width:95%;
border: 1px solid black;
background-image:url('http://2img.net/i/fa/subsilver/back_title.gif');
font-family: arial;
font-size: 10pt;
color: white;
padding: 4px;
cursor: pointer;
}

HTML:

Code:

<div class="fixedPosition"><span style=" float: left;">Welcome, {USERNAME*} l You have {USERCOUNTPOST*} <img src="http://www.asfaltdizajn.com/blog/wp-content/plugins/tango-smileys-extended/tango/heart.png"/></span> <span style="float: right;"><a href="http://help.forumotion.com/forum">Forumotion</a> l <a href="http://help.forumotion.com/forum">Forumotion</a> l <a href="http://help.forumotion.com/forum">Forumotion</a> l <a href="http://help.forumotion.com/forum">Forumotion</a></span></div>

Leave out the * in username and usercount post variable in HTML and it will display your name and number of posts for you and for others their. I could not post it since it's censored here

no working

Well Adam see an example => http://movingagain.forumcroatian.com/forum

It's working fine, look up the page. Can I see where are you setting it?

the 260.10 is the ponits they have

my forum here help me set it up http://secondlife.forumotion.co.uk/forum

here is link to the blue backgorund

Hello EmperorAdam

Progress so far:



You'll need to add links to other sites, and change color code to suit style I'll upload the full code in this message later.

To the other member who PM you'll need to change all links to suit.
I have explained before I can't sign up and act as admin in anothers forum or simply to help,
but there is a simple answer to this problem, but I'm off to finish code.

One good tip: This will go into your "announcement" html box, so take a few minutes and read some of todays posts and learn how its done.

Love
Liz

<table border="2" width="100%">
<tr>
<td width="=0%" bgcolor="#FF0000" >Welcome  <a href="/u20" target="_blank"><b>EmperorAdam </b> </a></div></td>
<td width="0%" bgcolor="#FF0000"><div align="center"><a href="/h2-games" target="_blank"><b>Games menu</b> </a></div></td></td>
<td width="0%" bgcolor="#FF0000"><div align="center"><a href=" url link" target="_blank"><b>Exchange FG</b> </a></div><p></p></td></td>
<td width="0%" bgcolor="#FF0000"><div align="center"><a href=" url link " target="_blank"><b>Download</b> </a></div><p></p></td></td>
<td width="0%" bgcolor="#FF0000"><div align="center"><a href=" url link " target="_blank"><b>Gold Logs</b> </a></div><p></p></td></td>
<td width="0%" bgcolor="#FF0000"><div align="center"><a href="/h1-shop" target="_blank"><b>Shop</b></a></div><p></p></td>
</tr>
</table>

If possible to add point count I'll update here. If this topic reminds open.

Who could do it for me ?

nothing is working

bHulleT.w wrote:Who could do it for me ?

No one can do it for you. The code has been provided for you, now all you have to do is customize it to look like how you want it too.

EmperorAdam wrote:nothing is working

The codng above is correct. The CSS goes in the CSS and HTML goes in a widget or announcement.

But how can i like what is code of showing points ?

How do you put point count on it ? and how do you and there username link to there profile

To make there username link to there profile, just use the {USERLINK*} variable. (take out the * ).

Points will need javascript.

LGforum wrote:To make there username link to there profile, just use the {USERLINK*} variable. (take out the * ).

Points will need javascript.

thanks that worked just need the know how to put users points on there

But just help me with points.

How do you put points on?

With javascript. There is no points variable.

how do i code in log in and log out.

log in when the user is not logged on and log out when the user is logged in