New Topic, Add Reply, Reply Added & Post Edited Buttons ~ at Runboard.com
Welcome: You have reached Pastor Rick's Design Elements message board... The board dedicated to constructing NEW and unique skins and layouts using primarily RunBoard hosted graphic elements and helping others... Enjoy your stay and please tell others about this board...
Design Elements
 CSS Snippets
  New Topic, Add Reply, Reply Added & Post Edited Buttons
Support  Search

runboard.com       Sign up (learn about it) | Sign in (lost password?)


 
Pastor Rick
Head Administrator
Global user (premium)

Registered: 07-2005
Location: Texas Country
Posts: 292
Karma: 4 (+4/-0)
Avatar
Reply | Quote
New Topic, Add Reply, Reply Added & Post Edited Buttons


Hi, I wanted to use the button graphic supplied by this theme (the "Energy Skin") as much as possible so after searching the default CSS I finally came up with this...

/* NEW TOPIC - ADD REPLY - REPLY ADDED - POST EDITED BUTTONS */


.topiclistpostnewtopic a {font-size:12px;font-family:verdana,tahoma; background:#000 url(http://img.runboard.com/img/layouts/defj_1/button.gif) no-repeat;border-color:#ffff00;letter-spacing:1px;padding:11px 15px;}
.postlistaddareply a {font:12px verdana,tahoma; background:#000 url(http://img.runboard.com/img/layouts/defj_1/button.gif) no-repeat; border-color:#ff0;letter-spacing:1px;padding:11px 30px;}
.ak_msgform_reply_added_table {border-collapse: collapse; border-width: 0; font-size: 18px; font-weight: 700; text-align:center; margin: 0 auto;width: 16%;}
.ak_msgform_reply_added_td {text-align:center;margin: 0 auto;font:13px verdana,tahoma; background:#000 url(http://img.runboard.com/img/layouts/defj_1/button.gif) no-repeat; border-color:#ff0;letter-spacing:1px;padding:11px 30px 11px 20px;}
.ak_msgform_post_edited_table {border-collapse: collapse; border-width: 0;font-size: 18px; font-weight: 700; text-align:center; margin: 0 auto;width: 16%;}
.ak_msgform_post_edited_td {text-align:center;margin: 0 auto;font:13px verdana,tahoma;background:#000 url(http://img.runboard.com/img/layouts/defj_1/button.gif) no-repeat; border-color:#ff0; letter-spacing:1px; padding:11px 30px 11px 20px;}


The width needs to be around 15% in order for the button to appear centered.

The font-size has to be 1px greater than what you are using for the first two buttons for some reason...

-edited- to incorporate some changes made by both LeSigner Girl and myself to get the code snippet smaller...

Last edited by Pastor Rick, 5/19/2007, 3:20 pm


---
Image
·TNZ·DE·TRD·ITB·
5/7/2007, 9:21 pm Send Email to Pastor Rick   Send PM to Pastor Rick MSN Blog
 


Add a reply






Powered by AkBBS 0.9.5b  -  Link to us   -  Blogs   -  Hall of Honour   -  Chat
Click here to get your own free message board
You are not logged in (login)      This Board's Date and Time: 11/23/2009, 7:54 am