Dobrovoi Master
сделано с душой
В состоянии постоянного подключения...

Metrofun — шаблон для сайта в стиле «Metro»

Новый стиль дизайна разработанный умельцами компании Microsoft для использования в Windows 8, Windows Phone и других приложениях, получивший в свое время внутреннее кодовое название — «», в последнее время все больше и больше становится популярным среди веб-дизайнеров и разработчиков.
Можно по разному относиться к новому стилю, но главное это стремление создать что-то новое, разворошив устоявшиеся принципы веб-дизайна, придав движухи новым очертаним и краскам элементов интерфейса сайтов.
В настоящее время, что касаемо шаблонов сайтов, нужно признать, существует не так много готовых решений. Нет, они конечно же есть и товарищи-буржуины продолжают плодотворно разрабатывать все новые и новые темы, и пакеты элементов интерфейса в стиле «Windows 8». Но надо признать, что за редким исключением, все они либо платные, либо не совсем отвечают требованиям. Попробуйте вбить в поиск: «шаблоны в стиле Metro» и вы увидите, что действительно качественных шаблонов, распространяемых бесплатно не так много.

Сегодня я хочу представить вам отличный, на мой взгляд, универсальный шаблон Html/CSS для сайтов, выполненный в стиле Metro. Как и все другие шаблоны, о которых я рассказываю в своих обзорах, шаблон сайта — «Metrofun», для моих читателей абсолютно бесплатный и доступен для скачивания без каких-либо условностей.

 

Шаблон сайта в стиле Metro

 

Шаблон сайта — Metrofun, упакован десятком готовых страниц:

  • index — Главная страница,
  • index-2 — Второй вариант главной страницы,
  • home — Вариант главной страницы с встроенным слайдером,
  • blog — Страница блога (стандартная  сайдбор справа),
  • blog 2 — Страница блога (записи в 2 колонки и сайдбар),
  • blog 3 — Страница блога (записи в 3 колонки без сайдбара),
  • contact — Страница контактов с формой обратной связи,
  • portfolio — Портфолио в форме галереи выделенных работ,
  • singlepost — Страница отдельной записи,
  • underconstruction — Страница реконструкции сайта(типа бонус такой).

 

Шаблон страницы блога

 

Для полной функциональности шаблона подключены все необходимые инструменты:

  • FlexSlider — плагин jqueri для создания слайдера,
  • jQuery — последняя версия библиотеки javascript,
  • jQuery Countdown — обратный отсчет времени на странице реконструкции ,
  • FancyBox — галерея и модальное окно,
  • Superfish Menu — выпадающего меню,
  • Google Map 3  — карты google для страницы контактов.

Для заполнения картинками использовался сервис Lorem Pixel.

 

Шаблон портфолио в стиле Metro

 

В оригинале шаблона используется шрифт  ‘Open Sans’ без поддержки кирилицы. Чтобы исправить такую несправедливость, подключил к страницам ‘Open Sans’ из библиотеки шрифтов Google. Так что при последующем переводе  шаблона, проблем с отображением русских букв не возникнет.

Metrofun — полностью адаптирован под все пользовательские устройства (настольный компьютер, планшет, iPad, iPhone и Android), а значит будет прекрасно отображается при смене размеров экрана.

Все элементы управления, кнопки и необходимые иконки, так же в комплекте шаблона. Смотрите живой пример работы этого замечательного шаблона html для сайта, изучите все его возможности и если возникнет непреодолимое желание получить его, то без особых раздумий забирайте))).

Друзья, мне хотелось бы узнать ваше мнение на счет использования в веб-дизайне элементов выполненных в стиле Metro, делитесь своими впечатлениями в комментариях. А в следующий раз, расскажу вам, как и с помощью каких приложений и онлайн-сервисов, можно быстро создать уникальные элементы интерфейса в стиле Windows 8.

Буду признателен всем, если поделитесь этой статьей в социальных сетях:

Всего комментариев: 4

  • staiki: 29 апреля, 2013 в 18:13

    Здравствуйте. Готовы обсудить покупку шаблона для внедрения на наш сайт. Просьба отписать на почту или отписать в этой теме форума. Спасибо.

    Ответить
    • driver: 29 апреля, 2013 в 21:30

      Покупать ничего не нужно, шаблон абсолютно бесплатный))))

      Ответить
  • Макс: 20 сентября, 2013 в 22:33

    Не плохой шаблон спасибо!
    Но как и все требует доработки.
    Думаю за подобным дизайном будущее.
    Попробую на основе его сделать минисайт, может отпишусь о результатах здесь 🙂

    Ответить
  • Анастасия: 14 мая, 2014 в 14:43

    Хороший шаблон, но не могу назвать его уж прям совсем универсальным. Он вряд ли подойдёт для всех бизнес-сайтов. Плюсом является русифицированность шаблона промо сайта prob2b.biz. Современные шаблоны в своём большинстве, существуют на английском языке.

    Ответить

Оставить комментарий

Ваш email не будет опубликован.

Вы можете использовать следующие HTML тэги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>