Как я могу настроить ответы на сообщения в теме, основанной на минимальной теме?

Question

Как я могу настроить ответы на сообщения в теме, основанной на минимальной теме?

0

Я хочу настроить внешний вид вопросов, когда они находятся в сообщениях ответов в моей теме, которая основана на теме Minimal. Я попытался добавить вещи из моего предыдущего шаблона, который запросил форматирование так, как я хочу, но это не сработало.

Вот что я добавил:

Div с классами "вопрос" и "пузырь" вокруг элемента {Question}:

<div class="question bubble">
  {Question}
</div>

CSS для пузыря:

  .bubble {
    color: #9f6f6f;
    font-size: 13px;
    line-height: 20px;
    background: #f5f5f5;
    border: 1px solid #d5d5d5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 8px 12px;
    position: relative;
    display: block;
  }

Это выглядело правильно, когда я открывал только этот HTML/CSS как фрагмент, но, похоже, это не имело никакого эффекта на тему. Когда я добавил, ничего не изменилось.

Кроме того, я не смог найти {Вопрос}, скрывающийся где-нибудь уже в теме Minimal.

Как я могу настроить отображение {Вопрос}?

beth 19 окт. 2013, в 10:00

Источник

Теги:

html

css

tumblr

template-engine

1 ответ

Ещё вопросы

beth · Answer 1 · 2013-10-19T05-10-00.000Z

{Question} является одним из блоков, который не работает, если он не находится внутри блока верхнего уровня, в данном случае {block:Answer}. Пример: http://www.tumblr.com/docs/en/custom_themes:

{block:Answer}
    <div class="question">
        <div class="asker">{Asker}</div>
        <div class="asker-question">{Question}</div>
        <img class="asker-avatar" src="{AskerPortraitURL-96}" alt="">
    </div>

    {block:Answerer}
        <div class="answer">
            <div class="answerer">{Answerer}</div>
            <div class="answerer-answer">{Answer}</div>
            <img class="answerer-avatar" src="{AnswererPortraitURL-96}" alt="">
        </div>
    {/block:Answerer}

    <div class="replies">
        {Replies}
    </div>
{/block:Answer}

... однако это не делало точно то, что я хотел. То, что я закончил, это добавить следующую разметку в мою тему сразу после строки, содержащей {/block:Text}:

                  {block:Answer}
                      <div class="bubble">
                        <div class="asker">{Asker}</div> asked: <div class="question">{Question}</div>
                      </div>
                      <div class="answer">
                        {Answer}
                      </div>
                  {/block:Answer}

а затем добавив этот CSS внизу, непосредственно перед строкой, содержащей {CustomCSS}:

/* Answer Posts */

  .bubble {
    color: #6f6f6f;
    font-size: 13px;
    line-height: 20px;
    background: #f5f5f5;
    border: 1px solid #d5d5d5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 8px 12px;
    position: relative;
    display: block;
    margin-bottom: 1em;
  }

  .asker {
    display:inline;
    font-weight:bold;
  }
  .question {
    display:inline;
  }

и для хорошей меры я добавил {block:Answer}post-type-answer{/block:Answer} после {block:Audio}post-type-audio{/block:Audio} и {block: Answer} Answer {/block: Ответ} после конца аудиоблока, а также в назначениях имени класса для {block:Posts}.

и это дало мне то, что я хотел: