github
Advanced Search
  • Home
  • Pricing and Signup
  • Explore GitHub
  • Blog
  • Login

relevance / pretty_buttons

  • Admin
  • Watch Unwatch
  • Fork
  • Your Fork
  • Pull Request
  • Download Source
    • 43
    • 1
  • Source
  • Commits
  • Network (1)
  • Issues (0)
  • Downloads (0)
  • Wiki (1)
  • Graphs
  • Branch: master

click here to add a description

click here to add a homepage

  • Branches (1)
    • master ✓
  • Tags (0)
Sending Request…
Enable Donations

Pledgie Donations

Once activated, we'll place the following badge in your repository's detail box:
Pledgie_example
This service is courtesy of Pledgie.

Makes uniform buttons and links that look like buttons easier — Read more

  cancel

  cancel
  • Private
  • Read-Only
  • HTTP Read-Only

This URL has Read+Write access

allow buttons to be created without icons 
gdagley (author)
Thu May 01 20:06:29 -0700 2008
commit  ad6290df9a04657cb6d29dcbc08594f15b4391b7
tree    c377562ba94c8bcb1f7733eb08d4154c7fb787ac
parent  5fb1e04a7b7e3181215a6777a9e0db7159113636
pretty_buttons /
name age
history
message
file MIT-LICENSE Fri Apr 11 10:03:03 -0700 2008 move from svn [gdagley]
file README Fri Apr 11 10:03:03 -0700 2008 move from svn [gdagley]
file Rakefile Fri Apr 11 10:03:03 -0700 2008 move from svn [gdagley]
file init.rb Fri Apr 11 10:03:03 -0700 2008 move from svn [gdagley]
file install.rb Fri Apr 11 10:03:03 -0700 2008 move from svn [gdagley]
directory lib/ Thu May 01 20:06:29 -0700 2008 allow buttons to be created without icons [gdagley]
directory public/ Fri Apr 11 10:03:03 -0700 2008 move from svn [gdagley]
directory tasks/ Fri Apr 11 10:03:03 -0700 2008 move from svn [gdagley]
directory test/ Thu May 01 20:06:29 -0700 2008 allow buttons to be created without icons [gdagley]
file uninstall.rb Fri Apr 11 10:03:03 -0700 2008 move from svn [gdagley]
README
PrettyButtons
=============

 Based on the methods by Kevin Hale to create nice cross browser buttons.
 (see http://particletree.com/features/rediscovering-the-button-element)

<button type="submit" class="button positive">
  <img src="css/blueprint/plugins/buttons/icons/tick.png" alt=""/> Save
</button>

<a class="button" href="/password/reset/">
  <img src="css/blueprint/plugins/buttons/icons/key.png" alt=""/> Change Password
</a>

<a href="#" class="button negative">
  <img src="css/blueprint/plugins/buttons/icons/cross.png" alt=""/> Cancel
</a>


Example
=======

<p class="buttons">
  <%= pretty_positive_button "Create" %>
  <%= pretty_negative_button_link 'Cancel', posts_path %>
</p>

<p class="buttons">
  <%= pretty_button "Add Comment", "icons/comment.gif" %>
</p>

<p class="buttons">
  <%= pretty_button_link "Contact Us", contact_path, {:icon_path => "icons/contact.gif"} %>
</p>

Silk Icons from http://famfamfam.com/lab/icons/silk/, released under the Creative Commons Attribution 2.5 License
Copyright (c) 2008 Relevance, Inc., released under the MIT license
Blog | Support | Training | Contact | API | Status | Twitter | Help | Security
© 2010 GitHub Inc. All rights reserved. | Terms of Service | Privacy Policy
Powered by the Dedicated Servers and
Cloud Computing of Rackspace Hosting®
Dedicated Server