WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

1Tab's in the "Who's Online" area. Empty Tab's in the "Who's Online" area. Fri May 14, 2010 1:57 am

latchy

latchy
Registered Member
Registered Member
Hello Everyone,

How can you get tabs in the "Who's online" area on forumotion, I'm using PunBB.

Here is what I mean...
Tab's in the "Who's Online" area. Captur11

http://www.graphiccentral.org/

2Tab's in the "Who's Online" area. Empty Re: Tab's in the "Who's Online" area. Fri May 14, 2010 6:21 am

Krazy


Registered Member
Registered Member
I am not sure where to place it, but here is a code for one that I used along time ago.

That is the CSS:
Code:
#nav
{
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}

#nav li
{
list-style: none;
margin: 0;
display: inline;
}

#nav li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #;
text-decoration: none;
}

#nav li a:link {
color: #;
}

#nav li a:visited {
color: #;
}

#nav li a:active {
color: #;
}

#nav li a:hover
{
color: #;
background: #;
border-color: #;
}

This is the HTML:

Code:
<ul id="nav">

<li><a href="#">Home</a></li>

<li><a href="#">Forum</a></li>

<li><a href="#">Tutorials</a></li>

<li><a href="#">Arcade</a></li>

<li><a href="#">Terms</a></li>

</ul>


Whole code together:
Code:
<html>
<style>#nav
{
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}

#nav li
{
list-style: none;
margin: 0;
display: inline;
}

#nav li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #;
text-decoration: none;
}

#nav li a:link {
color: #;
}

#nav li a:visited {
color: #;
}

#nav li a:active {
color: #;
}

#nav li a:hover
{
color: #;
background: #;
border-color: #;
}</style>
<body>
<ul id="nav">

<li><a href="#">Home</a></li>

<li><a href="#">Name</a></li>

<li><a href="#">Name</a></li>

<li><a href="#">Name</a></li>

<li><a href="#">Name</a></li>

</ul>
</body>
</html>

3Tab's in the "Who's Online" area. Empty Re: Tab's in the "Who's Online" area. Fri May 14, 2010 1:58 pm

Kratos

Kratos
Registered Member
Registered Member
follow the tutorial given here

Code:
http://css-tricks.com/organic-tabs/

4Tab's in the "Who's Online" area. Empty Re: Tab's in the "Who's Online" area. Sat May 15, 2010 4:28 am

latchy

latchy
Registered Member
Registered Member
Thanks

> Solved

http://www.graphiccentral.org/

5Tab's in the "Who's Online" area. Empty Re: Tab's in the "Who's Online" area. Sat May 15, 2010 5:14 am

Russel

Russel
Moderator
Moderator
Tab's in the "Who's Online" area. Axz9f4Tab's in the "Who's Online" area. 2lb2l1i

https://www.twitter.com/russeltubo

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum