Не нравятся результаты поиска? Попробуйте другой поиск!

DLE FAQ » Блог » Бесплатный шаблон BS3-TCSE для DLE 10.3

Бесплатный шаблон BS3-TCSE для DLE 10.3

tcse 08.01.2015 Блог 12611 17 комментариев

Подарки под Елочку не обязательно класть прямо 31 декабря, очень даже к месту будет в течении новогодних каникул. В прошлом году, мы подарили Хак Mob_TPL и Модуль обратный звонок, а в этом базовый шаблон на основе bootstrap 3 для всех пользователей DataLife Engine.

Шаблон адаптивный, минимальный правки исходного кода Bootstrap 3.
- Оптимальное отображение на мобильных устройствах и настольных системах.
- Официальные CDN для CSS и JS библиотек.
- Иконки проекта fontawesome, лекое внедрение в любое мечто шаблона.
- Модальные окна bootstrap для вывода произвольной информации.
- Шаблон для DataLife Engine 10.3

Основное применение данного шаблона:
- Базовый адаптивный каркас для ваших проектов.
- Легкая верстка в дальнейшем (так как переставить блоки под ваши нужды в рамках сетки bootstrap не составляет проблем даже для начинающего верстальщика).
- Поддержка ВСЕХ возможностей фрейморка прямо в шаблоне.
- Дописав свои стили, вы легко сможете добавить индивидуальности своему проекту.

Шаблон бесплатный, распространяется на условиях "как есть".
Если у Вас возникли вопросы, оставляйте их в комментариях.

Адаптивная сетка bootstrap 3
В зависимости от ширины экрана браузера - отображает контент оптимальным способом.

Очень маленькие устройство Телефоны (<768px)

Малые устройства Планшеты (≥768px)

Средние устройства Настольные (≥992px)

Большие устройства Настольные (≥1200px)

Модальные окна
В качестве примера работы базовой версии bootsrap реализовали вывод формы добавления комментариев на сайт и панель авторизации через модальные окна.

Полезняшки
- Для меню сайта в шапке и подвале предусмотрены отдельные TPL файлы.
- Пагинация автоматически подстраивается под ширину страницы (удаляет лишние кнопки в случае маленькой ширины)

- Готовые блоки для отображения рекламы на сайте. Как внутри шаблона полной новости fullstory.tpl так и в боковой панели sidebar.tpl

Исходники:
В основе фреймворк twitter bootstrap 3
Набор иконок fontawesome.
Хорошая русская документация по Bootstrap 3.
Генерация картинок-заглушек, проект img.base64-image.ru

Официальная страница поддержки tcse-cms.com

Скачать шаблон BS3-TCSE (utf-8) [160.57 Kb] (cкачиваний: 433)
Скачать шаблон BS3-TCSE (windows-1251) [155.52 Kb] (cкачиваний: 311)

Отредактировал 9-01-2015, 22:55 - ПафНутиЙ

Причина: Добавил архив с windows-1251

17 комментариев

PHP-developer

1696

LazyDev - 2015-01-088 января 2015 00:56 - #39303

Спасибо за подарок. Отличный вышел шаблон на основе бутс. Как раз то что надо : простой, красивый и оптимизированный!

Мой блог: LazyDev.pro

Помогаю с решением проблем на платной основе.

Юзер

tcse - 2015-01-089 января 2015 20:31 - #39353

Благодарю, за лестный отзыв.
Только сейчас нашлось время пересохранить шаблон и в кодировке Windows CP1251
скачать можно на странице поддержки, либо в данном посте, как только Пафнутий добавит еще один архив.

Админ

3457

ПафНутиЙ - 2015-01-089 января 2015 22:56 - #39358

Добавил архив с 1251

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

107

sadan - 2015-01-089 января 2015 20:39 - #39354

Думаю для bootstrap-а по русски здесь bootstrap 3

Юзер

tcse - 2015-01-089 января 2015 22:51 - #39357

sadan, документация не к bs3 а непосредственно к dle-шаблону.
Например, описание того как изменить оформление блоков краткой новости или описание болванки для произвольного модального окна.

Юзер

186

ufh2 - 2015-01-0811 января 2015 00:03 - #39390

Спасибо. Кстати файлы registration.tpl , lostpassword.tpl пустые)

Юзер

186

ufh2 - 2015-01-0812 января 2015 00:53 - #39440

Да и еще несколько пустых, это не страшно но всеже

Юзер

tcse - 2015-01-0812 января 2015 18:59 - #39481

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

Кроме того, пустые шаблоны будут описаны в примерах (документации).
Осталось найти врем на составления документации.

Юзер

145

shmel1985 - 2015-01-0824 января 2015 17:58 - #40050

После нажатия быстрое редактирование вот что получается, и окно не появляется в чём проблема?
Также при добавлении комментария при нажатии на смаил вот что получается

Юзер

145

shmel1985 - 2015-01-0824 января 2015 20:21 - #40062

Ребят помогите пожалуйста решить проблему.

Юзер

kyvrsant - 2015-01-0820 февраля 2015 15:35 - #41366

подскажите пожалуйста как настроить вывод статических страниц в этом шаблоне.
У меня не хочет выводить. пишет что ошибка контент отсутствует или мало прав.

Юзер

kyvrsant - 2015-01-0822 февраля 2015 00:06 - #41420

kyvrsant,
Нашел решение своей проблемы. В этой темы просто пустой static.tpl.
Я вставил static.tpl с стандартного ДЛЕ шаблона и заработало!

Юзер

tcse - 2015-01-0823 февраля 2015 21:50 - #41516

kyvrsant,

можно стандартные теги статической страницы обернуть тегами от bootstrap 3

что-то подобное


<div class="panel panel-default">
          <div class="panel-heading">
                <h1 class="panel-title">{description}</h1>
          </div>
    <div class="panel-body">
                         
        <div class="row">

            <div class="col-xs-12 col-sm-12 col-md-12">
                          <div class="full-content">{static}</div>
                          <div align="center">{pages}</div>
            </div>
        </div>
    </div>
</div>

все правки и доработки по шаблону можно получить из репозитория на битбакете, либо на странице поддержки.

shmel1985, правка в коде шаблона:
в main.tpl
найти и удалить

<!-- jQuery (necessary for Bootstrap's javascript plugins) -->
        <script src="https://ajax.googleapis.co
m/ajax/libs/jquery/1.11.1/jquery.min.js
"></script>

Ребята, вы хоть попробуйте открыть ссылки из описания к шаблону, я про русскую документацию по бутстрап 3.
Это не шаблон - это конструктор. Буквально 3 правка в шаблоне краткой ноовсти и у вас не плитка, а обычные списки новостей шириной на весь экран.

Юзер

shoroh - 2015-01-0820 ноября 2015 22:32 - #50396

Подскажите, как сделать вывод кратких новостей на Больших устройствах Настольные (≥1200px), как на средних. То есть не каскадом.

Юзер

tcse - 2015-01-0820 ноября 2015 22:49 - #50397

внимательно смотрите на кусок кода:

в файле bs3-tcse /shortstory.tpl

ширина блока задается строкой:

<div class="col-xs-12 col-sm-12 col-md-12 col-lg-4 short-news">

где, col-xs-12 это ширина блока с краткой новостью для сверхмалых эранов (для мобилок) (до 767 px)
col-sm-12 ширина для малых экранов (768px - 992 px)
col-md-12 ширина (993 - 1200 px )
col-lg-4 ширина более 1200 px

Стоит помнить что бутстрап делит ширину страницы на 12 колонок.
следовательно надпись col-lg-4 означает, что ширина блока будет 4 из 12 (если экран браузера более 1200 пикселей). 4 из 12 это треть блока, если кому не ясно. 3 из 12 соответственно четверть, а 6 из 12 половина доступной ширины.

следовательно в вашем случае

как сделать вывод кратких новостей на Больших устройствах Настольные (≥1200px), как на средних.

все что требуется это исправить col-lg-4 на col-lg-12

таким образом конечная запись будет такая:

<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 short-news">

Суть ясна?

Юзер

shoroh - 2015-01-0820 ноября 2015 22:58 - #50398

Спасибо большое за разъяснения!

Юзер

Djinn - 2015-01-0817 декабря 2015 23:09 - #51124

Как тут изменить фон страницы и поставить "бордер" для полной новости, что бы фон страницы отличался от фона самой новости?

Последние события

non-stop | Как решить проблему индексации DLE в пои ... ¹

non-stop
Как решить проблему индексации DLE в поиске Bing?
19-12-2024, 17:02

Забыл написать что обновился до последней версии 17.3
Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
lutskboy | Как максимально грамотно организовать до ... ¹

lutskboy
Как максимально грамотно организовать добавление материалов через SQL-запросы?
18-12-2024, 21:39

все верно. related_ids автоматом заполняется потом.
derebas | Убираем xfsearch из адресной строки ⁷

derebas
Убираем xfsearch из адресной строки
16-12-2024, 02:35

в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
toxicpioner | Убираем xfsearch из адресной строки ⁷

toxicpioner
Убираем xfsearch из адресной строки
15-12-2024, 19:31

если в доп поле есть пробел, будет выдавать просто 403 стр
dj-avtosh | Воспользовался хаком удаление html из ад ... ²

dj-avtosh
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
12-12-2024, 17:26

Нужно правило с year поднять выше всех в .htaccess
TeraMoune | Воспользовался хаком удаление html из ад ... ²

TeraMoune
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
11-12-2024, 22:12

У вас убрано слишком много отличительных признаков в ссылках и теперь ссылки пересекаются. Убрали xfsearch, убрали html, а так же зачем то убрали дефиз разделяющий id и alt_name. Теперь некоторые ссылки будут отвечать выражению под правила ссылок новостей. Исправить вы можете только переосмыслив эти ссылки и добавить в них каких-то отличительных особенностей, переосмыслить чпу.
toxicpioner | Как упорядочить ID новостей ¹⁹

toxicpioner
Как упорядочить ID новостей
9-12-2024, 22:24

***Комментарий удален***
DnCnv | Как показать только одну категорию, к ко ... ¹

DnCnv
Как показать только одну категорию, к которой принадлежит новость?
9-12-2024, 01:46

***Комментарий удален***
web102 | Почему не отображается картинка в галере ... ³

web102
Почему не отображается картинка в галерее?
4-12-2024, 11:49

дайте адрес сайта. можно в личку
Shandi | Почему не отображается картинка в галере ... ³

Shandi
Почему не отображается картинка в галерее?
3-12-2024, 08:53

Мне как ламеру ничего не понятно:( Кто-то это исправляет за денужку?