This project is read-only.

Project Description

More info: Blog -

Version: 1.1.0 - 2012-06-29

New Features:

  1. Button with Footer bar
  2. Button with Footer bar and Background image support.

New Features - Version 1.0.1


Version: 1.0.0 (Beta) - 2012-06-25

Demonstration jQuery Metro UI
Demonstration jQuery Metro UI

jQuery Metro UI Buttons is a easy way to build websites with a new Metro UI.

How to use:

Include the JS and CSS dependencies between the head tag of your page.

<link href="jq-metro.css" rel="stylesheet" type="text/css" />
<script src="" type="text/javascript"></script>
<script src="jquery.metro-btn.js" type="text/javascript"></script>

In the body of your site create div to get the buttons as shown below.

<div id="metrobuttons" class="metro-panel"></div>

Add the JavaScript code below in the section of your site to add the widgets interface Metro:

<script type="text/javascript">
   $(document).ready(function () {
      $("#metrobuttons").AddMetroSimpleButton('bt1', 'metro-verde', 'Style/Imagem/carta.png', 'Teste Roger', '#');

Last edited Jul 3, 2012 at 5:56 PM by rogermedeiros, version 6