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

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Tab's in the "Who's Online" area.

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

1 Tab's in the "Who's Online" area. on Fri May 14, 2010 12:27 am

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...

http://www.graphiccentral.org/

2 Re: Tab's in the "Who's Online" area. on Fri May 14, 2010 4:51 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>

3 Re: Tab's in the "Who's Online" area. on Fri May 14, 2010 12:28 pm

Kratos


Registered Member
Registered Member
follow the tutorial given here

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

4 Re: Tab's in the "Who's Online" area. on Sat May 15, 2010 2:58 am

latchy


Registered Member
Registered Member
Thanks

> Solved

http://www.graphiccentral.org/

5 Re: Tab's in the "Who's Online" area. on Sat May 15, 2010 3:44 am

Russel


Moderator
Moderator


_________________





No Support Via PM
https://www.twitter.com/russeltubo

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

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Tab's in the "Who's Online" area.

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