web/res/css/blueprint-plugins/buttons/readme.txt
author cavaliet
Wed, 14 Nov 2012 18:29:28 +0100
changeset 12 d9a6d5dd5b5e
parent 1 c333862362f3
permissions -rw-r--r--
add with or without list.
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
1
c333862362f3 First commit, folder structure, css, js and img, plus each movie page.
cavaliet
parents:
diff changeset
     1
Buttons
c333862362f3 First commit, folder structure, css, js and img, plus each movie page.
cavaliet
parents:
diff changeset
     2
c333862362f3 First commit, folder structure, css, js and img, plus each movie page.
cavaliet
parents:
diff changeset
     3
* Gives you great looking CSS buttons, for both <a> and <button>.
c333862362f3 First commit, folder structure, css, js and img, plus each movie page.
cavaliet
parents:
diff changeset
     4
* Demo: particletree.com/features/rediscovering-the-button-element
c333862362f3 First commit, folder structure, css, js and img, plus each movie page.
cavaliet
parents:
diff changeset
     5
c333862362f3 First commit, folder structure, css, js and img, plus each movie page.
cavaliet
parents:
diff changeset
     6
c333862362f3 First commit, folder structure, css, js and img, plus each movie page.
cavaliet
parents:
diff changeset
     7
Credits
c333862362f3 First commit, folder structure, css, js and img, plus each movie page.
cavaliet
parents:
diff changeset
     8
----------------------------------------------------------------
c333862362f3 First commit, folder structure, css, js and img, plus each movie page.
cavaliet
parents:
diff changeset
     9
c333862362f3 First commit, folder structure, css, js and img, plus each movie page.
cavaliet
parents:
diff changeset
    10
* Created by Kevin Hale [particletree.com]
c333862362f3 First commit, folder structure, css, js and img, plus each movie page.
cavaliet
parents:
diff changeset
    11
* Adapted for Blueprint by Olav Bjorkoy [bjorkoy.com]
c333862362f3 First commit, folder structure, css, js and img, plus each movie page.
cavaliet
parents:
diff changeset
    12
c333862362f3 First commit, folder structure, css, js and img, plus each movie page.
cavaliet
parents:
diff changeset
    13
c333862362f3 First commit, folder structure, css, js and img, plus each movie page.
cavaliet
parents:
diff changeset
    14
Usage
c333862362f3 First commit, folder structure, css, js and img, plus each movie page.
cavaliet
parents:
diff changeset
    15
----------------------------------------------------------------
c333862362f3 First commit, folder structure, css, js and img, plus each movie page.
cavaliet
parents:
diff changeset
    16
c333862362f3 First commit, folder structure, css, js and img, plus each movie page.
cavaliet
parents:
diff changeset
    17
1) Add this plugin to lib/settings.yml.
c333862362f3 First commit, folder structure, css, js and img, plus each movie page.
cavaliet
parents:
diff changeset
    18
   See compress.rb for instructions.
c333862362f3 First commit, folder structure, css, js and img, plus each movie page.
cavaliet
parents:
diff changeset
    19
c333862362f3 First commit, folder structure, css, js and img, plus each movie page.
cavaliet
parents:
diff changeset
    20
2) Use the following HTML code to place the buttons on your site:
c333862362f3 First commit, folder structure, css, js and img, plus each movie page.
cavaliet
parents:
diff changeset
    21
c333862362f3 First commit, folder structure, css, js and img, plus each movie page.
cavaliet
parents:
diff changeset
    22
  <button type="submit" class="button positive">
c333862362f3 First commit, folder structure, css, js and img, plus each movie page.
cavaliet
parents:
diff changeset
    23
    <img src="css/blueprint/plugins/buttons/icons/tick.png" alt=""/> Save
c333862362f3 First commit, folder structure, css, js and img, plus each movie page.
cavaliet
parents:
diff changeset
    24
  </button>
c333862362f3 First commit, folder structure, css, js and img, plus each movie page.
cavaliet
parents:
diff changeset
    25
c333862362f3 First commit, folder structure, css, js and img, plus each movie page.
cavaliet
parents:
diff changeset
    26
  <a class="button" href="/password/reset/">
c333862362f3 First commit, folder structure, css, js and img, plus each movie page.
cavaliet
parents:
diff changeset
    27
    <img src="css/blueprint/plugins/buttons/icons/key.png" alt=""/> Change Password
c333862362f3 First commit, folder structure, css, js and img, plus each movie page.
cavaliet
parents:
diff changeset
    28
  </a>
c333862362f3 First commit, folder structure, css, js and img, plus each movie page.
cavaliet
parents:
diff changeset
    29
c333862362f3 First commit, folder structure, css, js and img, plus each movie page.
cavaliet
parents:
diff changeset
    30
  <a href="#" class="button negative">
c333862362f3 First commit, folder structure, css, js and img, plus each movie page.
cavaliet
parents:
diff changeset
    31
    <img src="css/blueprint/plugins/buttons/icons/cross.png" alt=""/> Cancel
c333862362f3 First commit, folder structure, css, js and img, plus each movie page.
cavaliet
parents:
diff changeset
    32
  </a>