Про тему bootstrap

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

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

Виталий Батушев
10 января 2013, 03:04
0
Общие черты:
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
    0
    1. Я читал и даже делал подобное, но теперь есть Ticket и смысла нет использовать то что в статье.
    2. Спасибо.
    3. Спасибо огромное за ссылку, обязательно воспользуюсь.
    Василий Наумкин
    10 января 2013, 05:16
    1
    0
    Практически всё на этом сайте делает 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
      0
      Спасибо огромное, буду экспериментировать.
      Юрий Гуляев
      10 января 2013, 20:24
      0
      Вкладки отобразились… А подскажите пожалуйста как отобразить сайдбар нормально справа? Я Ваш код оформил в чанк
      [[$sidebar]]
      Сам сайдбар отображается слева ниже комментариев и почему то выскакивает просто текст
      div class="tickets_latest_row">
      и справа от него значок юзера, имя и время нормально отображаются.
      Наверное простой вставкой чанка
      [[$sidebar]]
      в шаблон Ticket не получится его нормально вывести, куда я его только не вставлял:)…
      Также добавлял
      <div class="sidebar">
      и в конце
      </div>
      добавлял — не помогает:(
      zaox.ru/100
        Denys Butenko
        10 января 2013, 21:35
        0
        Начните с самого начала шаблона в нем идет вызов [[$Content.main]], так вот там
        div.container
        создайте внутри
        div.row>div.span8+div.span4
        В div.span8 вызывайте content.main
        В div.span4 вызывайте sidebar
          Andrei Kilin
          10 января 2013, 21:59
          0
          Переведу:

          <div class="container">
          	<div class="row">
          		<div class="span8">
          		    [[*content]]
          		</div>
          		<div class="span4">
          		    [[$sidebar]]
          		</div>
          	</div>
          </div>
          + добавить в чанке знак < перед ДИВом
            Denys Butenko
            10 января 2013, 22:35
            0
            спасибо)
              Юрий Гуляев
              10 января 2013, 22:38
              0
              У меня в чанке tpl.Tickets.ticket.latest в первой строке прописано все нормально
              <div class="tickets_latest_row">
              Может Вы имели ввиду другой чанк… тогда подскажите где я потерял открывающую скобку, в каком чанке?
        Виталий Батушев
        10 января 2013, 21:41
        0
        Я так понимаю, нет открывающейся треугольной скобки перед div class=«tickets_latest_row»>. Должно быть: .
        Начиная со слов «Наверное простой вставкой чанка», ничего понять не смог — куда вставлял, чо делал, решительно непонятно.
          Юрий Гуляев
          10 января 2013, 22:59
          0
          Вот мой код шаблона для страницы с тикетами:
          <!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
          0
          Skype vbatushev. У тебя есть 15 минут, пока у меня творческий кризис. В смысле, стучи в скайпу. Буду пальцем показывать.
            Юрий Гуляев
            11 января 2013, 00:12
            0
            Проблема решена, был мой косяк с открывающим треугольником и вообще. Огромная благодарность Виталию Батушеву!
              Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
              14