136
|
1 |
Buttons
|
|
2 |
* Gives you great looking CSS buttons, for both <a> and <button>.
|
|
3 |
* Demo: particletree.com/features/rediscovering-the-button-element
|
|
4 |
|
|
5 |
|
|
6 |
Credits
|
|
7 |
----------------------------------------------------------------
|
|
8 |
|
|
9 |
* Created by Kevin Hale [particletree.com]
|
|
10 |
* Adapted for Blueprint by Olav Bjorkoy [bjorkoy.com]
|
|
11 |
|
|
12 |
|
|
13 |
Usage
|
|
14 |
----------------------------------------------------------------
|
|
15 |
|
|
16 |
1) Add this line to "blueprint/screen.css":
|
|
17 |
@import 'plugins/buttons/buttons.css';
|
|
18 |
|
|
19 |
2) Use the following HTML code to place the buttons on your site:
|
|
20 |
|
|
21 |
<button type="submit" class="button positive">
|
|
22 |
<img src="css/blueprint/plugins/buttons/icons/tick.png" alt=""/> Save
|
|
23 |
</button>
|
|
24 |
|
|
25 |
<a class="button" href="/password/reset/">
|
|
26 |
<img src="css/blueprint/plugins/buttons/icons/key.png" alt=""/> Change Password
|
|
27 |
</a>
|
|
28 |
|
|
29 |
<a href="#" class="button negative">
|
|
30 |
<img src="css/blueprint/plugins/buttons/icons/cross.png" alt=""/> Cancel
|
|
31 |
</a>
|