Главная » Шаблоны сайтов » Metrofun - шаблон для сайта в стиле "Metro"

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.

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

Google Bookmarks News2.ru БобрДобр.ru RUmarkz Ваау! Memori.ru rucity.com МоёМесто.ru Mister Wong

Вы можете оставить отзыв, подписаться на обновленияОбновления блога по RSSRSS или Обновления блога на TwitterTwitter !

6 комментариев
  1. staiki says:

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

    Ответить
    • driver says:

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

      Ответить
  2. Дмитрий says:

    Если же вы настоятельно желаете его купить, то я могу продать вам данный шаблон 🙂 Пишите: 100promail@gmail.com

    Ответить
  3. driver says:

    Дмитрий, я уверен, что найдутся такие невнимательные и напишут, и купят 🙂

    Друзья, повторяю еще раз:

    Шаблон абсолютно бесплатный!

    Ответить
  4. Макс says:

    Не плохой шаблон спасибо!

    Но как и все требует доработки.

    Думаю за подобным дизайном будущее.

    Попробую на основе его сделать минисайт, может отпишусь о результатах здесь 🙂

    Ответить
  5. Анастасия says:

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

    Ответить
Присоединяйтесь к обсуждению!

Отправляя кoммeнтapий, Вы автоматически принимаете правила кoммeнтиpoвaния на этом блоге.

Правила кoммeнтиpoвaния на блоге Dobrovoimaster:

  1. Во избежание захламления спамом, первый кoммeнтapий всегда проходит премодерацию.
  2. В поле "Ваш сайт" лучше указывать ссылку на главную страницу вашего сайта/блога. Ссылки на прочую веб-лабуду (в том числе блоги/сплоги, созданные не для людей) будут удалены.
  3. Не используйте в качестве имени комментатора слоганы/названия сайтов, рекламные фразы, ключевые и т.п. слова. В случае несоблюдения этого условия, имя изменяю на свое усмотрение. Просьба указывать нормальное имя или ник.
  4. Скорее всего, что не информативный и короткий кoммeнтapий вида "Спасибо!", "Интересная статья", будет удален. Исключение составляют знакомые автору блога комментаторы.
  5. Комментарии не по теме безжалостно удаляются.

Подписаться не комментируя

Обновления комментариев по RSS RSS комментариев к этой записи »
Рейтинг@Mail.ru