Runboard.com
You're welcome.
Runboard Extra Chat Room Support Search Facebook





Runboard.com       Sign up learn about it | Sign in lost password?

 
Joshin Josh Profile
Live feed
Blog
Friends
Miscellaneous info

 


Registered: 11-2004
Posts: 665
Karma: 18 (+20/-2)
Miscoptbar Buttons through CSS


This isn't new and I'm not the first to use this, but I thought I would Share it. If it's already been mentioned in the Popular/advanced forums forgive me I didn't see it.

Anyway for those who don't know what the miscoptbar table is, It is the Links on the top of every Runboard Messageboard that says: runboard.com | Control panel | Mark ALL forums as read | Add to favorites | Inbox

And so on.. Normaly to put buttons on these you have to go to your Custom Language set and place an image link for every link. Doing this in your css is much easier. And the less you do, the less typos you will make, (for me anyway emoticon).

To add just a color non-image background put this in Your Custom CSS:


.ak_miscoptbar_table a {
border :1px solid #000000;
padding:4px;
background:#5F5F5F;
}


You can even have the Buttons hover by adding this:


.ak_miscoptbar_table a:hover{
border :1px solid #000000;
padding:4px;
background:#4d4d4d;
}


To have a Background image instead of just a color Just change the code to:

.ak_miscoptbar_table a {
border :1px solid #000000;
padding:4px;
background:#5F5F5F url(http://your-button-url.com/image1.jpg);
}

.ak_miscoptbar_table a:hover{
border :1px solid #000000;
padding:4px;
background:#4d4d4d url(http://your-button-url.com/image2.jpg);
}


To make the Image background hover you will need to have a different background image for the hover.

Also you can even do what I am doing on This Skin and make the 'buttons' look like they are being pressed down by changing the border:1px solid #000000; in .ak_miscoptbar_table a to border: 1px inset; #000000; and the .ak_miscoptbar_table a:hover to border: 1px outset; #000000;

---

7/6/2007, 2:38 am Link to post PM Joshin Josh Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

 

Head of Runboard staff

Registered: 11-2005
Posts: 1894
Karma: 83 (+86/-3)
Re: Miscoptbar Buttons through CSS


This is a good one to share, Josh. emoticon

Don't forget a:active for when they're clicked. emoticon

---
Runboard Knowledge Base
Website Creation Tutorials
7/7/2007, 3:57 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 


You are not logged in (login)