2013-10-19 40 views
0

我想定製問題的外觀,當他們在我的主題中回答帖子時,這是基於Minimal theme。我嘗試添加我以前的模板中的東西,這些模板要求按照我想要的格式進行格式化,但它不起作用。如何根據最小主題自定義主題中的答案帖子?

這是我補充的內容:

與類 「問題」 和 「泡沫」 包圍{問題}元素一個div:

<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主題中的任何位置的{Question}。

如何自定義我的{問題}顯示?

回答

0

{Question}是其中一個塊不能工作,除非它在頂層塊內,在這種情況下爲{block:Answer}。有一個關於​​一個例子:

{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}音頻塊結束後的答覆{/ block:Answer},在{block:Posts}的類名分配中添加{block:Answer}post-type-answer{/block:Answer}後,我添加了{block:Answer}post-type-answer{/block:Answer}

,這給了我我想要的東西:

Tumblr ask/answer post with bubble around question.