FUDforum
Fast Uncompromising Discussions. FUDforum will get your users talking.

Home » FUDforum Development » Icons & buttons » Crisp button style tweak
Show: Today's Messages :: Unread Messages :: Show Polls :: Message Navigator
| Subscribe to topic | Bookmark topic 
Return to the default flat view Create a new topic Submit Reply
icon14.gif  Crisp button style tweak [message #161448] Fri, 25 December 2009 16:49 Go to previous message
fudidudi   
Messages: 19
Registered: March 2009
Karma:
Junior Member
add to buddy list
ignore all messages by this user
Crisp theme button style tweak, with css rollover state.

In my forum.css:

/* begin fudidudi button tweak */

/* comment out old button style
input.button {
background: #eee;
color: #000;
font-weight: normal;
border-width: 1px;
border-style: solid;
border-color: #b4b2b4;
}
*/


/* new button style */

input.button {
margin: 0px 2px 2px;
padding: 1px 2px;
text-align: center;
}

input.button:link, input.button:visited, input.button {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#ddd url(images/button.png) repeat-x scroll left top;
border-color:#ccc #b4b2b4 #ccc #b4b2b4;
border-style:solid;
border-width:1px;
color:#333;
cursor:pointer;
display:inline;
}

input.button:hover, input.button:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#E2E2E2 url(images/button.png) repeat-x scroll left -115px;
color:#000;
}
/* end fudidudi button tweak */

  • Attachment: button.png
    (Size: 0.28KB, Downloaded 573 times)

[Updated on: Fri, 25 December 2009 16:50]

Report message to a moderator

[Message index]
 
Read Message icon14.gif
Read Message
Read Message
Previous Topic: quick reply button text
Next Topic: Twilight Grey Themed Buttons
Goto Forum:
  

-=] Back to Top [=-
[ Syndicate this forum (XML) ] [ RSS ]

Current Time: Fri Dec 15 22:39:50 EST 2017

Total time taken to generate the page: 0.00710 seconds