jQuery Metro style plugin

Metro Style - является внутренним кодовым названием дизайна созданного Microsoft первоначально для использования в Windows Phone 7.

Существует отличный плагин, JQuery Metro UI Style, который позволяет значительно упростить и ускорить разработку сайта с новым пользовательским интерфейсом Metro.

Скачать плагин JQuery Metro UI Style

Использовать плагин очень просто! Для начала включите JS и CSS в head сайта:

<link href="jq-metro.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="jquery.metro-btn.js" type="text/javascript"></script>

В body создайте div для получения желаемого Metro-style:

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

И последнее, что нужно сделать - это добавить код JavaScript, чтобы добавить виджеты Metro интерфейса:

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