0

何もないところから Tumblr のテーマを作成し始め、水平スクロール可能なテーマにしたいと考えました。

投稿用の列を作成するためにそこまで行きましたが、今後は垂直ではなく水平に配置するように曲げることはできません。

初心者なので、アイデアと修正プログラムを手伝ってください。

サイト: http://geniusite.tumblr.com/ 完全なコード: http://pastebin.com/Wdw7vp2v

4

1 に答える 1

1

HTML が構造化されているため、これを実現するのは非常に困難なレイアウトになっています。

理想的には、各投稿に関連するすべての要素 (写真、キャプションなど)をグループ化する必要があります。現在のコードに基づいて、これはより適切です：

{block:Posts}
<div class="post">
{block:Photo}
    <div class="left">
        <img src="{PhotoURL-HighRes}" width="800px" height="495" alt="{PhotoAlt}"/>
    </div>
    <div class="right">
    {block:Caption}
        {Caption}
    {/block:Caption}
    </div>
{/block:Photo}
</div>
{/block:Posts}

レイアウトの実現に関しては、使用display:table / table-row / table-cellが最適なソリューションのようです (固定幅、javascript などは必要ありません)。水平レイアウトのさまざまなソリューションについて詳しく読むことができます: http://css-tricks.com/how-to-create-a-horizo​​ntally-scrolling-site /

テーブルソリューションを使用して、すぐに小さなデモをまとめました：http://jsfiddle.net/mikedidthis/v4xdR/

于 2013-07-08T13:09:28.567 に答える