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

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

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

tcse 08.01.2015 Блог 12570 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

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

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

TeraMoune | Как отключить миниатюры стандартной гале ...
TeraMoune
Как отключить миниатюры стандартной галереи Fancybox?
Сегодня, 06:00
В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

Например: параметр Thumbs: false отключает миниатюры.
```
Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
```
derebas | Как реализовать шифрование трафика? ³

derebas
Как реализовать шифрование трафика?
18-11-2024, 16:52

Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:46

я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
Так и было...
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:39

чтоб не удалять выстави права и пользователя какие там идут на файлы. .
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:37

т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
Видосы в директории upload можно хоть оставить? их там 80 Гб
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:17

фтп обычный юзер а не root
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:15

дэк только так и загружаю
Gordi | Как реализовать шифрование трафика? ³

Gordi
Как реализовать шифрование трафика?
18-11-2024, 14:14

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

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:13

Gordi,
через фтп загружай
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:11

Привет Николай!
Всегда загружал от root... посмотришь может? твой плагин тоже не виден ((
или направь на путь истинный, пжст