Про тему bootstrap
Василий, Вы так много сделали отличных расширений для Modx, помогаете людям решить какие либо проблемы, спасибо Вам огромное за это. Я понимаю, что Вы программист, но думаю наверняка разбираетесь и в дизайне тоже. Не могли бы Вы в общих чертах описать как создать такой же блог? Я вижу, что здесь modx с Вашей темой bootstrap и конечно же расширение Ticket. Наверное есть еще что то. Особенно интересует как сделать такой сайдбар с комментариями и публикациями. Я немного посмотрел assets/components/themebootstrap/css… пока ничего не понял, там куча папок amelia, cerulean, cosmo и т.д. и в каждой bootstrap.css и bootstrap.min.css — это разные варианты оформления наверное… В общем если не жалко — поделитесь реализацией.
Комментарии: 14
Общие черты:
1. Создание блога на MODX: modx.ws/blog/blog-o-modx-revolution/sozdanie-bloga-v-modx-revolution.html
2. В состав Tickets входит сниппет TicketLatest. Из названия видно, что он выводит последние комментарии.
3. При недостаточном знании английского про Twitter Bootstrap можно почитать здесь. Там хоть и не все переведено, но многое.
1. Создание блога на MODX: modx.ws/blog/blog-o-modx-revolution/sozdanie-bloga-v-modx-revolution.html
2. В состав Tickets входит сниппет TicketLatest. Из названия видно, что он выводит последние комментарии.
3. При недостаточном знании английского про Twitter Bootstrap можно почитать здесь. Там хоть и не все переведено, но многое.
1. Я читал и даже делал подобное, но теперь есть Ticket и смысла нет использовать то что в статье.
2. Спасибо.
3. Спасибо огромное за ссылку, обязательно воспользуюсь.
2. Спасибо.
3. Спасибо огромное за ссылку, обязательно воспользуюсь.
Практически всё на этом сайте делает Tickets. Использовать Articles + Quip никому не советую.
Блок справа реализован вот так
Вкладки переключает Bootstrap, компонент Navs.
Блок справа реализован вот так
<ul id="sidebar-pills" class="nav nav-pills">
<li class="active"><a href="#tab-comments" data-toggle="tab">Комментарии</a></li>
<li><a href="#tab-tickets" data-toggle="tab">Публикации</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane fade in active" id="tab-comments">
[[!TicketLatest?
&limit=`20`
&action=`comments`
&tpl=`tpl.Tickets.comment.latest`
&cacheKey=`comments`
]]
</div>
<div class="tab-pane fade" id="tab-tickets">
[[!TicketLatest?
&limit=`20`
&action=`tickets`
&tpl=`tpl.Tickets.ticket.latest`
&cacheKey=`tickets`
]]
</div>
</div>
Вкладки переключает Bootstrap, компонент Navs.
Спасибо огромное, буду экспериментировать.
Вкладки отобразились… А подскажите пожалуйста как отобразить сайдбар нормально справа? Я Ваш код оформил в чанк
Наверное простой вставкой чанка
Также добавлял
zaox.ru/100
[[$sidebar]]
Сам сайдбар отображается слева ниже комментариев и почему то выскакивает просто текст div class="tickets_latest_row">
и справа от него значок юзера, имя и время нормально отображаются.Наверное простой вставкой чанка
[[$sidebar]]
в шаблон Ticket не получится его нормально вывести, куда я его только не вставлял:)…Также добавлял
<div class="sidebar">
и в конце </div>
добавлял — не помогает:( zaox.ru/100
Начните с самого начала шаблона в нем идет вызов [[$Content.main]], так вот там
В div.span4 вызывайте sidebar
div.container
создайте внутриdiv.row>div.span8+div.span4
В div.span8 вызывайте content.mainВ div.span4 вызывайте sidebar
Переведу:
<div class="container">
<div class="row">
<div class="span8">
[[*content]]
</div>
<div class="span4">
[[$sidebar]]
</div>
</div>
</div>
+ добавить в чанке знак < перед ДИВом
спасибо)
У меня в чанке tpl.Tickets.ticket.latest в первой строке прописано все нормально
<div class="tickets_latest_row">
Может Вы имели ввиду другой чанк… тогда подскажите где я потерял открывающую скобку, в каком чанке?
Мне кажется, что при экспериментах ты случайно скопировал
Так или иначе чанк по умолчанию выглядит так:
github.com/bezumkin/Tickets/blob/master/core/components/tickets/elements/chunks/ticket_latest.chunk.tpl
div class="tickets_latest_row">
и оно теперь дублируется перед… не успел написать перед чем, исчезла с сайта панелька :)Так или иначе чанк по умолчанию выглядит так:
github.com/bezumkin/Tickets/blob/master/core/components/tickets/elements/chunks/ticket_latest.chunk.tpl
Я так понимаю, нет открывающейся треугольной скобки перед div class=«tickets_latest_row»>. Должно быть: .
Начиная со слов «Наверное простой вставкой чанка», ничего понять не смог — куда вставлял, чо делал, решительно непонятно.
Начиная со слов «Наверное простой вставкой чанка», ничего понять не смог — куда вставлял, чо делал, решительно непонятно.
Вот мой код шаблона для страницы с тикетами:
<!DOCTYPE html>
<html>
<head>
[[$Head]]
</head>
<body>
[[$Navbar]]
<div class="container">
[[*id:isnot=`[[++site_start]]`:then=`[[$Breadcrumb]]`]]
[[$Content.ticket]]
[[$Footer]]
</div>
</body>
</html>
Я создал чанк [[$sidebar]]
и код, который мне выше в начале показал Василий Наумкин поместил в этот чанк. Вот этот код:<ul id="sidebar-pills" class="nav nav-pills">
<li class="active"><a href="#tab-comments" data-toggle="tab">Комментарии</a></li>
<li><a href="#tab-tickets" data-toggle="tab">Публикации</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane fade in active" id="tab-comments">
[[!TicketLatest?
&limit=`20`
&action=`comments`
&tpl=`tpl.Tickets.comment.latest`
&cacheKey=`comments`
]]
</div>
<div class="tab-pane fade" id="tab-tickets">
[[!TicketLatest?
&limit=`20`
&action=`tickets`
&tpl=`tpl.Tickets.ticket.latest`
&cacheKey=`tickets`
]]
</div>
</div>
И затем этот [[$sidebar]] пытался вставить в разные места моего шаблона. Понятно, что так нихрена не получится, наверное нужно внутри чанка [[$Content.ticket]] там объединять вывод тикетов и сайдбар. Прошу простить если туплю:) И помочь:)
Skype vbatushev. У тебя есть 15 минут, пока у меня творческий кризис. В смысле, стучи в скайпу. Буду пальцем показывать.
Проблема решена, был мой косяк с открывающим треугольником и вообще. Огромная благодарность Виталию Батушеву!
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.