Tumblr photoset阻止HTML

时间:2013-09-19 13:31:57

标签: html layout themes tumblr

我正在努力弄清楚正确的HTML代码用于调整布局的photoset区域的宽度。我已经看了一下之前由stackoverflowers给出的一些解决方案,但是没有取得任何进展。在我正在使用的代码中似乎有一种特定的挂断,我找不到它,这让我疯狂。

这是我正在使用的主题:http://pastebin.com/qePrzu7d

我非常希望将photoset的宽度重新调整为650px。我知道这可以做到,因为其他人已经要求/得到了本网站成员的帮助,但我还没弄清楚究竟是怎么做的。我甚至向这位主题的创作者发出了信息并向她寻求帮助,但她回答说她的时间太短,而且告诉我怎么过于复杂。如果有人能帮助我,我会非常感激。

1 个答案:

答案 0 :(得分:0)

将500px photoset变量替换为主题html中的700px photoset变量。

{block:Photoset}
<div class="image">{Photoset-700}</div>
{block:IfShowCaption}<div class="cap">
{block:Caption}{Caption}{/block:Caption}
</div>{/block:IfShowCaption}

{block:IfNotShowCaption}{block:PermalinkPage}
{block:Caption}{Caption}{/block:Caption}
{/block:PermalinkPage}{/block:IfNotShowCaption}
{/block:Photoset}

700px比500px更接近650px,但你无法使用css或javascript轻松调整照片的大小,因为它们是iframe - 如果你真的不关心照片中照片的布局,你可以替换photoset变量用这个代替:

{block:Photos}
{block:Photo1}{/block:Photo1}
<div class="photoset_image">
<img src="{PhotoWidth-500}" alt="{PhotoAlt}" />
<div class="photoset_caption">{Caption}</div>
</div>                            
{/block:Photos} 

这将单独显示photoset中的所有照片,您可以根据需要设置它们的样式。