Про тему bootstrap

Василий, Вы так много сделали отличных расширений для Modx, помогаете людям решить какие либо проблемы, спасибо Вам огромное за это. Я понимаю, что Вы программист, но думаю наверняка разбираетесь и в дизайне тоже. Не могли бы Вы в общих чертах описать как создать такой же блог? Я вижу, что здесь modx с Вашей темой bootstrap и конечно же расширение Ticket. Наверное есть еще что то. Особенно интересует как сделать такой сайдбар с комментариями и публикациями. Я немного посмотрел assets/components/themebootstrap/css… пока ничего не понял, там куча папок amelia, cerulean, cosmo и т.д. и в каждой bootstrap.css и bootstrap.min.css — это разные варианты оформления наверное… В общем если не жалко — поделитесь реализацией.

Юрий Гуляев

09 января 2013, 20:18

3 008

Комментарии: 14

Виталий Батушев

10 января 2013, 03:04

Общие черты:
1. Создание блога на MODX: modx.ws/blog/blog-o-modx-revolution/sozdanie-bloga-v-modx-revolution.html
2. В состав Tickets входит сниппет TicketLatest. Из названия видно, что он выводит последние комментарии.
3. При недостаточном знании английского про Twitter Bootstrap можно почитать здесь. Там хоть и не все переведено, но многое.

Юрий Гуляев

10 января 2013, 07:31

1. Я читал и даже делал подобное, но теперь есть Ticket и смысла нет использовать то что в статье.
2. Спасибо.
3. Спасибо огромное за ссылку, обязательно воспользуюсь.

Василий Наумкин

10 января 2013, 05:16

Практически всё на этом сайте делает Tickets. Использовать Articles + Quip никому не советую.

Блок справа реализован вот так

<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.

Юрий Гуляев

10 января 2013, 07:32

Спасибо огромное, буду экспериментировать.

Юрий Гуляев

10 января 2013, 20:24

Вкладки отобразились… А подскажите пожалуйста как отобразить сайдбар нормально справа? Я Ваш код оформил в чанк

[[$sidebar]]

Сам сайдбар отображается слева ниже комментариев и почему то выскакивает просто текст

div class="tickets_latest_row">

и справа от него значок юзера, имя и время нормально отображаются.
Наверное простой вставкой чанка

[[$sidebar]]

в шаблон Ticket не получится его нормально вывести, куда я его только не вставлял:)…
Также добавлял

<div class="sidebar">

и в конце

</div>

добавлял — не помогает:(
zaox.ru/100

Denys Butenko

10 января 2013, 21:35

Начните с самого начала шаблона в нем идет вызов [[$Content.main]], так вот там

div.container

создайте внутри

div.row>div.span8+div.span4

В div.span8 вызывайте content.main
В div.span4 вызывайте sidebar

Andrei Kilin

10 января 2013, 21:59

Переведу:

<div class="container">
	<div class="row">
		<div class="span8">
		    [[*content]]
		</div>
		<div class="span4">
		    [[$sidebar]]
		</div>
	</div>
</div>

+ добавить в чанке знак < перед ДИВом

Denys Butenko

10 января 2013, 22:35

спасибо)

Юрий Гуляев

10 января 2013, 22:38

У меня в чанке tpl.Tickets.ticket.latest в первой строке прописано все нормально

<div class="tickets_latest_row">

Может Вы имели ввиду другой чанк… тогда подскажите где я потерял открывающую скобку, в каком чанке?

Andrei Kilin

10 января 2013, 22:54

Мне кажется, что при экспериментах ты случайно скопировал

div class="tickets_latest_row">

и оно теперь дублируется перед… не успел написать перед чем, исчезла с сайта панелька :)

Так или иначе чанк по умолчанию выглядит так:
github.com/bezumkin/Tickets/blob/master/core/components/tickets/elements/chunks/ticket_latest.chunk.tpl

Виталий Батушев

10 января 2013, 21:41

Я так понимаю, нет открывающейся треугольной скобки перед div class=«tickets_latest_row»>. Должно быть: .
Начиная со слов «Наверное простой вставкой чанка», ничего понять не смог — куда вставлял, чо делал, решительно непонятно.

Юрий Гуляев

10 января 2013, 22:59

Вот мой код шаблона для страницы с тикетами:

<!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]] там объединять вывод тикетов и сайдбар. Прошу простить если туплю:) И помочь:)

Виталий Батушев

10 января 2013, 23:04

Skype vbatushev. У тебя есть 15 минут, пока у меня творческий кризис. В смысле, стучи в скайпу. Буду пальцем показывать.

Юрий Гуляев

11 января 2013, 00:12

Проблема решена, был мой косяк с открывающим треугольником и вообще. Огромная благодарность Виталию Батушеву!

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

Про тему bootstrap

Комментарии: 14

Здесь упомянуты