Metro Style - является внутренним кодовым названием дизайна созданного Microsoft первоначально для использования в Windows Phone 7.
Существует отличный плагин, JQuery Metro UI Style, который позволяет значительно упростить и ускорить разработку сайта с новым пользовательским интерфейсом Metro.
Использовать плагин очень просто! Для начала включите 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>