Новые и бесплатные CSS, HTML5 шаблоны 2012 года

Разместил / Просмотров: 39 060 / комментариев 66

Приветствую Вас, дорогие читатели блога beloweb.ru. В этот замечательный вечер я спешу представить новую подборку бесплатных CSS и HTML5 шаблонов 2012 года. Да, да, Вы не ослышались, эти шаблоны совсем недавно вышли в свет, и с которыми я хотел бы поделиться с вами. Шаблонов не мало и я думаю, что вам будет с чего выбрать. Хочу заметить, шаблоны начнут скачиваться после 10 секунд на странице загрузки. Надеюсь это Вам не доставит неких трудностей.

Также рекомендую посмотреть прошлые подборки шаблонов:

HTML5 шаблон Wedding

Превосходный светлый шаблон для Вашего нового проекта, а большой и красивый слайдер на главной странице не позволит пройти мимо.

Пример ι Скачать исходники

Бесплатный CSS и HTML5 шаблон для бизнеса

Удивительный бизнес шаблон с красивым меню и с большим слайдером изображений на главной странице.

Пример ι Скачать исходники

Бесплатный HTML5 шаблон FitLine

Классный шаблон с большим и насыщенно оранжевым слайдером.

Пример ι Скачать исходники

Шаблон Global-Bizz

Красивый шаблон на современный лад, с красивой графикой и иконками

Пример ι Скачать исходники

CSS и HTML5 шаблон Law

Превосходный светлый шаблон и конечно же с огромным слайдером на странице.

Пример ι Скачать исходники

Бесплатный шаблон Consulting

Классный бизнес шаблон с очень красивой графикой, иконками, и меню. И подчёркивает это всё интересный слайдер изображений.

Пример ι Скачать исходники

Бесплатный тёмный шаблон Software

Красивый шаблон для любителей тёмных оттенков

Пример ι Скачать исходники

CSS и HTML5 шаблон Education

Светлый бесплатный шаблон, который подойдёт для личных страничек.

Пример ι Скачать исходники

Шаблон Rock-Band

Классный тёмный шаблон с отличной графикой и с замечательным слайдером.

Пример ι Скачать исходники

Бесплатный HTML5 шаблон Superior

Качественный шаблон для бизнеса в тёмных тонах.

Пример ι Скачать исходники

Шаблон Beauty-Center

Удивительный шаблон для центров красоты, с красивым слайдером на главной странице.

Пример ι Скачать исходники

  • Вадим

    Непонятно как поменять шрифт в этих шаблонах?

  • В некоторых шаблонах стоят скрипты на красивые шрифты, которые, естественно, не поддерживают кириллицу. Чтобы решить данную проблему, нужно просто убрать этот скрипт, он обычно находится между тегами и .

  • riga

    Александр скажите как в этих шаблонах настроить форму обратной связи…. она ведь нерабочая везде !

  • riga, там нужно свой маил ввести в коде формы и всё, там он стандартный стоит

  • riga

    спасибо за своевременный ответ) но я немного не вникаю! если брать index.html или страничку contacts.html смотря какой шаблон ) в конце есть Contact Form .. но там я ничего не нахожу ?! возможно нехватает самого скрипта обработчика ?! как в PHP или в JS искать ?… а как здесь осуществляется отправка сообщения я непонимаю.. ) подскажите ?

  • riga, я Вам советую скачать новую ГОТОВУЮ форму со скриптом и просто поместить в шаблон. Вы знаете как как помещать? Если знаете проблем возникнуть не должно.

    Просто я так делал с некоторыми шаблонами. :-)

    А в этих шаблонах, скорее всего, форма только нарисованная в CSS. А сам скрипт не стоит.

  • riga

    к сожалению с готовыми формами не работал..)) только только пытаюсь вникнуть …)

  • Контактные формы Вы сможете у меня на блоге скачать. Они тут есть

  • riga

    Спасибо ) Александр !

  • riga, рад был помочь :-)

  • владислав

    Александр , где искать скрипт на красивые шрифты, чтоб поменять текс на кирилицу? Спасибо

  • Владислав, за скрипт не знаю, но шаблоны очень просто переводятся через обычный текстовый редактор.

  • Сергей

    День добрый, все шаблоны на английском, как сделать что бы отображались русские буквы????

  • Сергей

    если менять строчку meta charset=«Windows-1251» то получается абракадабра

  • Сергей, нужно скачать notepad++, и в нем перекодировать шаблон utf-8, а потом переводить на русский, и всё будет нормально.

  • Сергей

    А как перекодировать? может ссылка есть на материал посмотреть как это делается?

  • Сергей

    ничего не получается, подскажите как перекодировать, какую кадрировку?

  • Сергей, в notepad++ закидываете html шаблон, далее сверху ищите надпись «кодировка» и ставите кодировать в utf 8 без BOM.

  • Сергей

    все так и сделал и ни чего посмотрите сами http://testmax.ru/

  • Ссылка не работает.

  • Сергей

    извиняюсь вот ссылка http://testmax.ru/

  • Сергей, в данном шаблоне стоят JQuery шрифты. Их убрать нужно и всё нормально будет. Смотрите исходный код.

    У вас там в хидере должны быть прикреплены вот эти файлы:

    js/cufon-yui.js
    js/cufon-replace.js
    js/Vegur_300.font.js
    js/Vegur_400.font.js

    Удалите их из кода и всё.

  • Сергей

    Все получилось, спасибо агрономе за отличную помощь!! прекрасный ресурс.

  • Сергей, всегда рад, обращайтесь, и спасибо. :-)

  • Владимир

    Очень не плохо как для сантехника, лови +1

  • Владимир, :-) Спасибо большое!!! :-)

  • Нашёл пару очень неплохих шаблонов. Сейчас переделываю под свой проект. До этого где только не ползал, бесплатные — фиговенькие какие-то, а покупать — не наш метод:) Вообще сайт у вас хороший, буду захаживать иногда.

  • Андрей, спасибо Вам огромное, заходите почаще :-)

  • Игорь

    Александр, как в шаблоне для бизнеса безболезненно сузить слайдер? Играюсь даже с самими картинками, но не получается. хочу всего лишь на 50-100 px сузить на главной странице, приблизительно с таким же height как на остальных страницах.

  • Игорь, нужно зайти в стили CSS шаблона, и там найти вот этот класс .slider-wrapper. В этом классе множество настроек, там нужно пробовать. Но вроде бы вот какие размеры слайдера width:1264px; height:296px; Вот их и попробуйте изменить.

  • Игорь

    все верно, но есть какая-то связь с фоновыми картинками slider-bg-tail.gif и slider-bg-tail2.gif. Никак не могу с ними разобраться. уменьшаю фоновую картинку, происходит сдвиг части слайдера вверх. в общем, буду тренироваться :) Спасибо

  • Игорь, там ещё с отступами нужно разбираться. Рад, что помог :-)

  • Игорь

    Александр, как в шаблоне для бизнеса настроить отправку с формы в «contucts» на свой мейл?
    Спасибо.

  • Игорь, в данном шаблоне, как таковой формы отправки нет. Она просто там нарисована и всё.

  • Дмитрий

    Александр, спасибо за шаблоны!
    Один вопрос: во всех шаблонах присутствуют боковые меню для материалов, но ссылки в коде просто заканчиваются на #. Как сделать меню активным? Неужели под каждый материал копипастить и ваять отдельную страницу?

    Пытался сделать через вот этот скрипт

    function collapsElement(id) {
    if ( document.getElementById(id).style.display != "none" ) {
    document.getElementById(id).style.display = 'none';
    }
    else {
    document.getElementById(id).style.display = '';
    }
    }

    с вот таким кодом в странице на кнопках
    Link

    и для материала
    ...

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

    Может есть решение другое, или для этого скрипта?
    Заранее спасибо!!!

  • Дмитрий

    извините, почему-то тег не работает

  • Здравствуйте, Дмитрий. Да, под каждый знак # нужно вставлять отдельную ссылку на пост либо на страницу. Если, например на Ваше сайте много страниц, тогда рекомендую его сделать на движке например на вордпрессе.

  • Дмитрий

    Да, можно на WP можно на Joomla и т.д. Но меня заинтересовала именно реализация этого скрипта, т.к. она позволяет многостраничный контент запихнуть в одну страницу html5. Проблема в том, что по нажатию на кнопку контент появляется, а по нажатию на след. кнопку появляется другой контент, а предыдущий не исчезает. Вот фишка в том, чтобы сделать так, чтобы он исчезал! Тогда получится довольно легкий сайт, но с возможностью на каждой странице разместить многостраничный контент. И потом, не люблю я движки)) Лучше самому в PHP CSS и JS поковыряться. Правда у меня знаний не хватает и опыта, но это не такое сложное занятие, главное усидчивость.

  • Никита

    Спасибо за прекрасный качественный ресурс, украшающий просторы интернета и помогающий всем и каждому!!!

  • Никита, спасибо за такие прекрасные слова! :-)

  • Здравствуйте! А нет ли у Вас шаблонов от temlatemonster случайно? Уж очень у них шаблоны красивые……

  • В смысле бесплатных шаблонов от temlatemonster? :-)

  • нуууу….бесплатные я и у них на сайте скачаю :)))) интересуют такие — http://www.templatemonster.com/ru/category/industrial/

  • Я так понял, Вас интересуют платные шаблоны, которые можно скачать бесплатно у меня на сайте?

  • Ну да! Если есть такая возможность, конечно! Мне по сути только html с версткой нужны :))) ну и скрипты :)))

  • Дмитрий, это называется воровство :-) Таких платных «Бесплатных» шаблонов у меня нет и не будет :-)

  • Ясно! Уважаю!

  • А нет ли у Вас бесплатных шаблонов именно с тематикой промышленность? Может какая-то подборка есть?

  • У меня в основном в подборках шаблоны на разные тематики, по этому ответить затрудняюсь :-)

  • Леонид

    Александр, как!? Выручай…уже голову всю сломал!=) Скачал шаблон HTML5, его шрифт кириллицу не поддерживает, затем нашел похожий шрифт в формате .ttf. И здесь закопался с головой… че делать дальше!!!!????? Если есть всему ответ, то пиши, ПОЖАЛУЙСТА, как для лоха — подробно!=)

  • Леонид, можно ссылку или название шаблона?

  • Леонид
  • Леонид, в исходном коде этого шаблона в шапке сайте найдите эти строчки и удалите:

    js/cufon-yui.js
    js/cufon-replace.js
    js/Vegur_700.font.js
    js/Vegur_400.font.js
    js/Vegur_300.font.js

  • Сергей

    Скажите а эти шаблоны можно как-то поставить на CMS Simpla 2..?

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

  • Дмитрий

    Было бы классно почитать уроки того, как «натягивать» шаблоны например на Joomla :)

  • Дмитрий, я бы с удовольствием написал бы такой урок, но я не специалист по Joomla и не знаю как на этот движёк натягиваются шаблоны. Возможно скоро такой пост выйдет, только шаблон будет натягиваться на Вордпресс. :-)

  • Дмитрий

    Да я думаю там разницы не много. Самое главное, это корректно перевести в PHP страницы и стили. А это, если я не ошибаюсь, одинаково для любого движка.

  • Нет, Дмитрий, совсем не одинаково :-) В разных движках по разному функции называются.

  • Спасибо за отличные шаблоны!

  • На здоровье, Евгений :-)

  • Отличное качество шаблонов

  • Стараюсь :-)

  • Антон

    Александр, а скажите возможно шаблоны русифицировать?

  • Антон

    уже нашёл ответ, почитал)

  • Ок :)