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

В шаблоне js конфликтуют, не работает быстрое редактирование новости, исправьте!

Данил 21 января 2015 10:43 Ответить

Цитата: Данил

В шаблоне js конфликтуют, не работает быстрое редактирование новости, исправьте!

В конце шаблона 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>

кроме этого, можете поменять местами подключаемые библиотеки и содержимое модальных окон.

Должно стать так


<!-- Login Modal -->
		<div class="modal fade" id="LoginModal" tabindex="-1" role="dialog"  aria-labelledby="LoginModal"  aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"><spa
n aria-hidden="true">&time
s;</span><span class="sr-only">Закрыть</
span></button>
						<h4 class="modal-title">Форма авторизации</h4>
					</div>
					<div class="modal-body">
						{login}
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-info" data-dismiss="modal"><i class="fa fa-home"></i> Ясно</button>
						<button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times-circle"></i> Понятно</button>
					</div>
				</div>
			</div>
		</div><!-- Login Modal -->
		
		<!-- Bootstrap javascript -->
		<script src="https://maxcdn.bootstrapcd
n.com/bootstrap/3.3.1/js/bootstrap.min.
js"></script>
		<script src="{THEME}/js/libs.js"&g
t;</script>

Указанный Вами конфликт происходит из-за того, что jquery уже есть в движке и выводится через {headers}.

Работу быстрого редактирования проверил. Проблем нет.

TCSE 21 января 2015 18:15 Ответить

А как насчет регистрации на сайте она так и не доработана до конца?

Alex 24 января 2015 00:45 Ответить
Подскажите пожалуйста как сделать чтобы после добавления комментария окно с добавлением само закрывалось?
Спасибо

Andrey1985 4 февраля 2015 23:16 Ответить
Цитата: Andrey1985
как сделать чтобы после добавления комментария окно с добавлением само закрывалось?

В шаблоне fullstory.tpl
в самом конце (внутри кода модального окна)

найдите

<div class="modal-body"> {addcomments}

и после него добавте:
<script type="text/javascript"> $(function(){ $('#dle-comments-form').submit( function() { setTimeout(function() { $('#AddcommentsModal').modal(&a mp;a mp;a mp;# 39;hide'); }, 500) return false; }); }); </script>

в итоге содержимое тела модального окна станет таким

<div class="modal-body"> {addcomments} <script type="text/javascript"> $(function(){ $('#dle-comments-form').submit( function() { setTimeout(function() { $('#AddcommentsModal').modal(&a mp;a mp;a mp;# 39;hide'); }, 500) return false; }); }); </script> </div>

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

еще один вариант, разместить наш JS непосредственно в файле
/templates/bs3-tcse/js/libs.js

добавляем код:
// автоскрытие окна после добавления комментария $(function(){ $('#dle-comments-form').submit( function() { setTimeout(function() { $('#AddcommentsModal').modal(&a mp;a mp;a mp;# 39;hide'); }, 500) return false; }); });

в этом случае никаикх правок в исходный вариант fullstoy.tpl делать не нужно.

PS:
так-как встроенный в DLE парсер съедает часть тегов, рекомендую смотреть правки на Битбакете
TCSE 16 февраля 2015 18:16 Ответить
Не работают кнопки на панели bbcode такие как для вставки ссылки
кнопка нажимается но в поле невозможно ничего вписать
http://i48.fastpic.ru/big/2015/0416/e9/
fa4b40d95d902c18da9c7774bcf192e9.jpg
У вас на тестовом также не работают, как исправить Спасибо.

Andrey1985 16 апреля 2015 11:42 Ответить
Цитата: Andrey1985
Не работают кнопки на панели bbcode такие как для вставки ссылки
кнопка нажимается но в поле невозможно ничего вписать

Андрей, описанная Вами проблема связана с z-index модальных окон.

Так получается, что модальное окно Bootsrap перекрывает модальное окно jQueryUI используемые в DLE для системных сообщений.

Если вы кликните по странице (за пределами окна бутстрапа то увидите окошко с формой добавления ссылок, картинок и прочих выборов цветов.

Как именно повысить z-index для jQueryUI пока думаем, а вот идея понизить его для окна бутстрап к хорошему не приводит.

Частично проблему решить удалось

В набор стилей шаблона добавить

.ui-dialog {
z-index: 2000 !important;
}

информация о фиксе на битбакете

Виталий Чуяков 16 апреля 2015 16:33 Ответить
Цитата: Виталий Чуяков
при нажатии окно появляется, но невозможно там что то написать оно не реагирует

Andrey1985 16 апреля 2015 18:41 Ответить
Цитата: Andrey1985
при нажатии окно появляется, но невозможно там что то написать оно не реагирует

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

Выше описали:

В DLE для диалоговых окон (работают на jQueryUI) указывается минимальная высота z-index: 1005 и уже к ним модификаторы +5 или +10 для различных вариантов: форма для вставки ссылок, окно для выбора смайлов или палитра цветов)

А в бутсрапе модальные окна имееют минимальный z-index: 1050

таким образом они ВСЕГДА перекрывают диалоговые окна jQueryUI

переназначение стиля в

.ui-dialog { z-index: 2000 !important; }

только переносить оболочку диалогового окна выше модальных окон бутстрапа.

На данный момент либо стоит отказаться от модального окна в комментариях, либо убрать для посетителей панель ББкодов.
TCSE 17 апреля 2015 12:23 Ответить
Добрый день. Как сделать так, чтобы шаблон перестал быть адаптивным? То есть, чтобы одинаково отображался на любом устройстве и не менялся в зависимости от устройства или разрешения экрана?

Александр 19 апреля 2015 11:13 Ответить
Цитата: Александр
Как сделать так, чтобы шаблон перестал быть адаптивным?

Вам будет достаточно в шаблоне main.tpl удалить две строки

 <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1">

именно они отвечают за перестроение блоков на мобильных устройствах.

Если-же Ваша задача убрать адаптивность на десктопах, тогда в шаблонах удалите лишние параметры для сетки:

допустим, везде, где встречаются стили
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

оставьте только одно значение, например col-md-12

<div class="col-md-12">

для понимания работы сетки, почитайте эту статью
TCSE 19 апреля 2015 12:53 Ответить
Было бы неплохо поддержка под актуальную версию движка и исправления ошибок - (в краткой новости с чередованием через одну новость полностью кликабельна и ссылка ведет на комментарии)

Владимир 22 июля 2015 14:34 Ответить
Цитата: Владимир
Было бы неплохо поддержка под актуальную версию движка и исправления ошибок - (в краткой новости с чередованием через одну новость полностью кликабельна и ссылка ведет на комментарии)

Рекомендуем смотреть ветку на BitBucket
https://bitbucket.org/tcse/template_tbs
3-tcse/

и там же оставлять информацию о найденных ошибках.
Мелкие фиксы время от времени вносим.

TCSE 4 сентября 2015 15:31 Ответить
Подскажите пожалуйста, до какой версии DLE он подходит?

Turist 29 октября 2015 10:00 Ответить
Цитата: Turist
Подскажите пожалуйста, до какой версии DLE он подходит?

копия шаблона из архива в данной публикации для DLE 10.3,
а актуальная версия на Битбакет уже доработана для DLE 10.6

TCSE 3 декабря 2015 20:33 Ответить
Подскажите как изменить фон <body>?

Валентин 17 декабря 2015 21:21 Ответить
Цитата: Валентин
Подскажите как изменить фон <body>?

а в чем проблема прямо в файле main.tpl внести правки?

<body style="background-color: #164194;">

или так

<body class="background-01">

затем в /css/styles.css

добавить новый стиль фона

.background-01 { background-color: #164194; background: url('../images/background_1.png' ;) repeat; }
TCSE 28 декабря 2015 19:07 Ответить
В версию шаблона для DLE 10.6 внесен ряд правок.
Рекомендуем обновить свою версию.

TCSE 29 февраля 2016 22:30 Ответить
Подскажите когда выйдет версия для dle 11.1?

Валентин 1 ноября 2016 01:10 Ответить
релиз шаблона на битбакете https://bitbucket.org/tcse/template_tbs
3-tcse/ уже поддерживает DLE 11.1
к сожалению нет времени описать все нововведения и доработки в шаблоне.
Качайте и тестируйте самостоятельно.

TCSE 1 ноября 2016 11:27 Ответить

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

[Из песочницы] Как не надо писать шаблоны для bootstrap

Новогодний стикер с Сантой

Шаблон версии для печати print.tpl для DLE

iPad-шаблон для DataLife Engine

дизайн для сайта vintorez.de

Выпадающее меню в панели номеров страниц Twitter Bootstrap

Написать комментарий