Miscoptbar Buttons through CSS https://brunboardextra.runboard.com/t11221 Runboard| Miscoptbar Buttons through CSS en-us Thu, 28 Mar 2024 19:04:48 +0000 Thu, 28 Mar 2024 19:04:48 +0000 https://www.runboard.com/ rssfeeds_managingeditor@runboard.com (Runboard.com RSS feeds managing editor) rssfeeds_webmaster@runboard.com (Runboard.com RSS feeds webmaster) akBBS 60 Re: Miscoptbar Buttons through CSShttps://brunboardextra.runboard.com/p221447,from=rss#post221447https://brunboardextra.runboard.com/p221447,from=rss#post221447This is a good one to share, Josh. Don't forget a:active for when they're clicked. nondisclosed_email@example.com (Lesigner Girl)Sat, 07 Jul 2007 03:57:10 +0000 Miscoptbar Buttons through CSShttps://brunboardextra.runboard.com/p221434,from=rss#post221434https://brunboardextra.runboard.com/p221434,from=rss#post221434This 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 ). 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;nondisclosed_email@example.com (Joshin Josh)Fri, 06 Jul 2007 02:38:53 +0000