Скачать чистый шаблон Joomla - J!Blank Template

Пустой шаблон Joomla для разработчиков и простых web-мастеров!

рейтинг: 8.7/10, голосов: 14

Русская Joomla 2.5 CMS

Скачать чистый шаблон Joomla - J!Blank Template

Чистый шаблон Joomla использует самые последние технологии в области верстки. Кроссбраузерный HTML5 и CSS3 на основе проверенного временем html5boilerplate поможет легко интегрировать самые последние фишки на ваш сайт.

Шаблон обладает такими приятными мелочами как jQuery (+множество плагинов), modernizr, 960gs и многое другое... Все эти вещи легко включаются/выключаются при необходимости в панели управления.

Что умеет шаблон JBlank Template?

Шаблоны
- Стандартные шаблоны расширений - с помощью нативных средств Joomla переопределены все стандартные шаблоны для компонентов и модулей. Таким образом весь внешний вид сайта будет храниться в одном месте.
- Переопределены шаблоны вывода ошибок, offline-страницы, версия для печати, постраничная навигация, raw.
- Добавлены простые функции Chrome (header, grid) в качестве примера
JavaScript
- Отключение Mootools - если вам не нужен этот JS фреймворк, тогда просто отключите его в настройках шаблона.
- Подключение jQuery. Есть варианты использовать локальный файл, yandex, google.
- jQuery подключается одним из самых первых на странице
- Плагины jQuery
  - swfobject - для удобной интеграции flash на сайт
  - meiomask - добавляет ввод текста по маске
  - validate - JS валидатор форм
  - placeholder - добавляет возможность подсказок в текстовых полях
  - сookie - легкое управления куками
  - easing - эффекты анимации
  - mousewheel - перехват событий мыши
  - slidingMessage - слайдер сообщений
  - exteranl - определение внешних ссылок
- Modernizr - это js библиотека, позволяющая на ходу определить поддержку web-технологий нового поколения.
- Простенькие функции ускоряющие отладку и разработку в /js/functions.js
CSS - стили сайта
- base.css - играет роль продвинутого сброса стилей, устанавливает базовые стили для элементов сайта (например подчеркивание ссылок)
- typography.css - задает внешний вид тексту сайта, таблицам, формам итд. Чтобы работал достаточно текст обрамить классом "content". Очень хорошо видно работу этих стилей на демо сайте.
- grid.css - позаимствовано с проекта css фреймворка 960.gs. Добавляет сетку, которая позволяет легко создавать разметку многоколоночного сайта
- _styles.css - здесь необходимо добавлять собственные стили сайта. Подчеркивание в названии призвано ускорить процесс поиска файла
- system.css - системные стили, необходимы для страницы ошибок, сообщений Joomla и страницы offline. Подключается автоматически.
- editor.css - стили редактора (нужно указать этот файл в настройках вашего WISYWIG-редактора)
- tmpl_component.css - подключается автоматически для макета "Версия для печати"
- lte-msie-7.css - автоматически подключается с обрамлением в условные комментарии для IE ниже версии 7. Возможно множество вариантов. От имени зависит какое условие будет в комментариях. Например msie-8.css - стили сработают только IE8, gte-msie-6.css версия выше (или ровна) IE6.
- com_zoo.css (com_content.css, и т.д.) - подключаться только для определенного компонента
PHP Helper
- Для шаблона подключается класс-помощник - JBlankTemplate. Пользоваться им можно с помощью переменной $tpl (это объект JBlankTemplate). В свойствах этого объекта можно будет найти множество полезных вещей (инструментов) для разработки сайта.
- _code.php - тут нужно хранить весь свой PHP код, который предназначен для шаблона
Мета данные
- Свойство generator можно менять из шаблона, таким образом подчеркнуть особенность изготовления вашего сайта даже с токи зрения роботов.
- Добавлены мета "X-UA-Compatible" и "viewport"", который помогут сгладить неровности между браузерами
Разное
- Файлов CSS и JS подключающиеся через шаблон добавляется дата последней модификации, как борьба с кешем браузера. Теперь файл будет загружаться браузером снова, когда тот изменился.
- Весь JS можно разом перенести вниз страницы сайта, тем самым ускорив загрузку в пару раз (эксперимент!).
- В шаблоне предварительно объявлены позиции для модуле, так как показано в демо. Название позиций с нормальными, говорящими именами (никаких position-7).

Что нужно помнить и знать!

Шаблон предназначен для тех людей, которые отличают друг от друга CSS, HTML, jQuery, PHP. Могут верстать хотя бы простенькие вещи. Работали с JS (чуть больше, чем подключить плагин)
Не отключайте Mootools просто так, его часто используют другие фреймворки.
jQuery используйте только в режиме noConflict()
Следите за вашими расширениями Joomla, возможно jQuery может подключиться несколько раз, что приведет к поломке интерфейса сайта.
Все фичи по умолчанию выключены.

На что похож чистый шаблоны J!Blank

Прикрепленные файлы:

Скачать Чистый шаблон для Joomla 2.5.x
[J!Blank Template v2.2.0 - Чистый, универсальный шаблон для Joomla линейки 2.5 (HTML5, CSS3, jQuery, Modernizr)]

Объем: 204.00 KB; Тип: zip; Загрузок: 3514; в сутки: ~47; Обновлен: 00:53, 07 Марта 2012;

https://mysvn.ru/smet.denis/jblank/trunk

Хостинг: mysvn.ru, Url: https://mysvn.ru/smet.denis/jblank/trunk,

Смотрите также:

Обновлено: 07 Марта 2012, 05:48

Автор: smet.denis

Оценка: 8.7

Метки: CSS, CSS3, html, HTML5, J!Blank, JBlank Template, Joomla 2_5, jQuery, modernizr, Скачать, чистый шаблон

Категории: J!Blank Template — Чистый шаблон для Joomla 2.5

Комментарии (23) Добавить комментарий

Дима

07 Марта 2012, 16:04

#

↑ +3 ↓ ответ

Спасибо! классный шаблон.
Vladimir

08 Марта 2012, 13:55

#

↑ +2 ↓ ответ

Спс будем полбзоваться
УтБ

14 Марта 2012, 13:18

#

↑ +2 ↓ ответ

Спасибо, отличный черновик для создания шаблонов ;)
carlito

22 Марта 2012, 19:14

#

↑ +1 ↓ ответ

Вот спасибо, крайне полезная штучка!
Joo

26 Марта 2012, 21:18

#

↑ +2 ↓ ответ

Скорость работы шаблона на высоте, давно искал нечто подобное!
Благодарю за разработку!
Вячеслав

27 Марта 2012, 17:04

#

↑ +4 ↓ ответ

За разработку спасибо! Но непонятно, зачем же было убирать чистый шаблон для joomla 1.7? Там было отличное описание по использованию переменных в шаблоне.
Владимир

29 Марта 2012, 13:27

#

↑ -2 ↓ ответ

А на 1.5 версию есть шаблон?
- Андрей
  
  01 Апреля 2012, 08:46
  
  #
  
  ↑ 0 ↓ ответ
  
  поддерживаю. Нужно сверстать на 1,5 (именно на ней - со всякими рюшечками которых на 2.5 пока нет) , как то брал посмотреть этот шаб, сейчас понадобился, а найти не могу.
  - Александр
    
    04 Апреля 2012, 12:49
    
    #
    
    ↑ 0 ↓ ответ
    
    Замучился искать уже на 1.5 - нет нигде, только на 2.5, а модулей и компонентов на нее нужных нету :( раньше здесь был, вот зачем файлы то затирать?
Максим

05 Апреля 2012, 08:12

#

↑ 0 ↓ ответ

А почему у меня на этом шаблоне позиции не работают, все в ряд сверху вниз?
Lexx

18 Апреля 2012, 20:22

#

↑ 0 ↓ ответ

Коллеги, огромное спасибо за черновик. Но у меня не первый раз возникает проблема. Мои CSS подключаются до остальных. Это сильно напрягает, когда какой-либо компонент использует свою CSS. Глубоко не копал, но, может можно как-то сделать, что бы стили подцеплялись так же автоматом, но после всех? Иначе переопределение не получается. Конкретный пример - Переключатель языков. Заранее спасибо за ответ.
- smet.denis (админ)
  
  19 Апреля 2012, 00:04
  
  #
  
  ↑ 0 ↓ ответ
  
  На нашем форуме этот вопрос про подключение своих CSS уже разобрали.
  http://forum.joomla-book.ru/index.php/topic,46.0.html
Дмитрий

19 Апреля 2012, 15:28

#

↑ 0 ↓ ответ

Давненько не заходил, а тем временем шаблон все лучше и лучше)

Радует таки отключаемая сетка (решение не универсальное, но максимально быстрое). Радует Оформление инпутов. Радует вообще все. Спасибо спасибо спасибо!
Владимир

23 Апреля 2012, 16:59

#

↑ 0 ↓ ответ

СПС Вам большое. Буду чаще заглядвать.
Алексей

23 Апреля 2012, 21:23

#

↑ 0 ↓ ответ

В шаблоне не работает border-radius в IE9. Что только не пробовал и meta X-UA-Compatible и DOCTYPE менял. Не подскажете в чем может быть проблема??
Марат

03 Мая 2012, 15:36

#

↑ 0 ↓ ответ

Как изменить название каталога шаблона?
Александр

09 Мая 2012, 04:45

#

↑ 0 ↓ ответ

Спасибо авторам за шаблон.
С каждого проекта я всегда отдаю на развитие шаблона 300 рублей.
Если кому интересно, можете посмотреть какие вещи можно творить на jBlank – an-soft.ru
- smet.denis (админ)
  
  09 Мая 2012, 16:47
  
  #
  
  ↑ 0 ↓ ответ
  
  Очень интересно.. А куда вы отправляете?
  Я бы вас в наши спонсоры добавил - http://joomla-book.ru/about-us/donations ;)
Александр

09 Мая 2012, 19:27

#

↑ +1 ↓ ответ

Так я только открылся. Перевод улетел. С каждого проекта буду также, отчислять. Шаблон мне очень сильно помогает.
- smet.denis (админ)
  
  09 Мая 2012, 20:40
  
  #
  
  ↑ +1 ↓ ответ
  
  Большое спасибо! Именно после таких пожертвований хочется развивать ресурс дальше =)
Радислав

11 Мая 2012, 12:09

#

↑ 0 ↓ ответ

в новой версии шаблона почему-то не подрубается css, ток в ручную получилось подрубить, не понятно почему
- Денис
  
  11 Мая 2012, 15:44
  
  #
  
  ↑ 0 ↓ ответ
  
  Как и где вы подключаете css ?
Радислав

15 Мая 2012, 12:51

#

↑ 0 ↓ ответ

Ну просто раньше _styles.css находящися в самом шаблоне был задействован, в xml файле есть строка <folder>css</folder>, разве это не означает что он должен хвать оттуда css файлы? Понятно что можно написать в хеде индекспхп
<link rel="stylesheet" href="/templates/jblank/css/_styles.css" type="text/css" media="all" />, но должно же быть как-то по другому. Зарание спасибо.