Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>You are going to have to go into more detail with your question so we can help you specifically however from having created tumblr themes in the past the easiest way of doing it is by putting each post in its own <code>DIV</code> and assigning it CSS as below</p> <p><strong>Theme Code</strong></p> <pre><code>&lt;div id="post"&gt; {block:Posts} {block:Text} &lt;li class="post text"&gt; {block:Title} &lt;h3&gt;&lt;a href="{Permalink}"&gt;{Title}&lt;/a&gt;&lt;/h3&gt; {/block:Title} {Body} &lt;/li&gt; {/block:Text} {block:Photo} &lt;li class="post photo"&gt; &lt;img src="{PhotoURL-500}" alt="{PhotoAlt}"/&gt; {block:Caption} &lt;div class="caption"&gt;{Caption}&lt;/div&gt; {/block:Caption} &lt;/li&gt; {/block:Photo} {block:Panorama} &lt;li class="post panorama"&gt; {LinkOpenTag} &lt;img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/&gt; {LinkCloseTag} {block:Caption} &lt;div class="caption"&gt;{Caption}&lt;/div&gt; {/block:Caption} &lt;/li&gt; {/block:Panorama} {block:Photoset} &lt;li class="post photoset"&gt; {Photoset-500} {block:Caption} &lt;div class="caption"&gt;{Caption}&lt;/div&gt; {/block:Caption} &lt;/li&gt; {/block:Photoset} {block:Quote} &lt;li class="post quote"&gt; "{Quote}" {block:Source} &lt;div class="source"&gt;{Source}&lt;/div&gt; {/block:Source} &lt;/li&gt; {/block:Quote} {block:Link} &lt;li class="post link"&gt; &lt;a href="{URL}" class="link" {Target}&gt;{Name}&lt;/a&gt; {block:Description} &lt;div class="description"&gt;{Description}&lt;/div&gt; {/block:Description} &lt;/li&gt; {/block:Link} {block:Chat} &lt;li class="post chat"&gt; {block:Title} &lt;h3&gt;&lt;a href="{Permalink}"&gt;{Title}&lt;/a&gt;&lt;/h3&gt; {/block:Title} &lt;ul class="chat"&gt; {block:Lines} &lt;li class="{Alt} user_{UserNumber}"&gt; {block:Label} &lt;span class="label"&gt;{Label}&lt;/span&gt; {/block:Label} {Line} &lt;/li&gt; {/block:Lines} &lt;/ul&gt; &lt;/li&gt; {/block:Chat} {block:Video} &lt;li class="post video"&gt; {Video-500} {block:Caption} &lt;div class="caption"&gt;{Caption}&lt;/div&gt; {/block:Caption} &lt;/li&gt; {/block:Video} {block:Audio} &lt;li class="post audio"&gt; {AudioPlayerBlack} {block:Caption} &lt;div class="caption"&gt;{Caption}&lt;/div&gt; {/block:Caption} &lt;/li&gt; {/block:Audio} {/block:Posts} &lt;/div&gt; </code></pre> <p><strong>CSS</strong></p> <pre><code>#post { background-image:url('paper.gif'); } </code></pre> <p>As i said I hope that can be of some help to you but it is hard without you being more specific.</p> <p>If you get stuck on the theme you can always refer back to here, posting your code or visit this link: <a href="http://www.tumblr.com/docs/en/custom_themes" rel="nofollow">Creating a custom HTML Tumblr Theme</a></p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload