0

カスタム tumblr テーマのより難しい目標を達成することに決めました。他のテーマのように、各投稿に背景画像があるようにしたいと思います。その箱をイメージにする方法でした。

既製のテーマをいじって、自分のやりたいことを実行する部分をコピーできるかどうかを確認しましたが、これを指示するコードを特定できず、これらのテーマが私が望むタイプのものを実装していることさえ確実にわかりませんする。

私は私のような質問を見つけることができませんでした (もしあれば、お気軽にその方向を教えてください)

これ以外は、かなりシンプルな 2 列のテーマです。

何か案は？

4

1 に答える 1

0

具体的には、過去に tumblr テーマを作成したことから、それを行う最も簡単な方法は、各投稿を独自に配置しDIV、以下のように CSS を割り当てることです。

テーマコード

<div id="post">
 {block:Posts}
                {block:Text}
                    <li class="post text">
                        {block:Title}
                            <h3><a href="{Permalink}">{Title}</a></h3>
                        {/block:Title}

                        {Body}
                    </li>
                {/block:Text}

                {block:Photo}
                    <li class="post photo">
                        <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </li>
                {/block:Photo}

                {block:Panorama}
                    <li class="post panorama">
                        {LinkOpenTag}
                            <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
                        {LinkCloseTag}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </li>
                {/block:Panorama}

                {block:Photoset}
                    <li class="post photoset">
                        {Photoset-500}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </li>
                {/block:Photoset}

                {block:Quote}
                    <li class="post quote">
                        "{Quote}"

                        {block:Source}
                            <div class="source">{Source}</div>
                        {/block:Source}
                    </li>
                {/block:Quote}

                {block:Link}
                    <li class="post link">
                        <a href="{URL}" class="link" {Target}>{Name}</a>

                        {block:Description}
                            <div class="description">{Description}</div>
                        {/block:Description}
                    </li>
                {/block:Link}

                {block:Chat}
                    <li class="post chat">
                        {block:Title}
                            <h3><a href="{Permalink}">{Title}</a></h3>
                        {/block:Title}

                        <ul class="chat">
                            {block:Lines}
                                <li class="{Alt} user_{UserNumber}">
                                    {block:Label}
                                        <span class="label">{Label}</span>
                                    {/block:Label}

                                    {Line}
                                </li>
                            {/block:Lines}
                        </ul>
                    </li>
                {/block:Chat}

                {block:Video}
                    <li class="post video">
                        {Video-500}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </li>
                {/block:Video}

                {block:Audio}
                    <li class="post audio">
                        {AudioPlayerBlack}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </li>
                {/block:Audio}
            {/block:Posts}
</div>

CSS

#post {

background-image:url('paper.gif');

}

私が言ったように、それがあなたの助けになることを願っていますが、あなたがより具体的にしないと難しいです.

テーマに行き詰まった場合は、いつでもここに戻って参照したり、コードを投稿したり、次のリンクにアクセスしたりできます:カスタム HTML Tumblr テーマの作成

于 2013-09-17T06:44:54.943 に答える