我有一个同位素的 tumblr 页面,我想知道是否可以在同位素中使用角戳选项:
http://isotope.metafizzy.co/custom-layout-modes/masonry-corner-stamp.html
...函数基于使用 {TagsAsClasses} 的指定标签?
在脚本中,我有:
砌体:{ columnWidth:267,cornerStampSelector:'.stamp'}
因此,在一个帖子上,如果我将其标记为“邮票”,它就不会停留在角落里,而是会随着其他帖子不断下降。但是,当我将项目直接添加到标记时,它会起作用。不幸的是,在这种情况下无法编辑 html。
总结了这么长的问题,是否可以在同位素/tumblr 主题上使用corner-stamp 选项,而无需编辑 html 并且在 tumblr 的 UI 中仅使用“stamp”标签?
有问题的网站是:www.itschucksbday.tumblr.com
这是同位素 html 标记,未经任何修改即可添加角戳。
{/block:索引页}
<div id="main">
<div id="iso">
{block:IndexPage}
{block:Posts}
<div class="article-box {TagsAsClasses}">
{block:Text}
<article class="text {TagsAsClasses}" id="post_{PostID}" data-postID="{PostID}" data-permalink="{Permalink}" data-notes="{PostNotesURL}" data-urlencoded="{URLEncodedPermalink}" data-summary="{block:PostSummary}{PostSummary}{/block:PostSummary}">
<header>
{block:Title}<a href="{Permalink}"><p>{Title}</p></a>{/block:Title}
</header>
<section class="post-full">
{block:Title}<a href="{Permalink}"><p>{Title}</p></a>{/block:Title}
{Body}
{block:More}
<a href="{Permalink}" class="more-link">…{lang:More}</a>
{/block:More}
</section>
<ul class="post-meta clearfix">
<li class="timeago"><a href="{Permalink}">{Timeago}</a></li>
<li class="icon"><a href="{Permalink}">{Icon}</a></li>
</ul>
{/block:Text}
{block:Photo}
<article class="photo {TagsAsClasses}" id="post_{PostID}" data-postID="{PostID}" data-permalink="{Permalink}" data-notes="{PostNotesURL}" data-urlencoded="{URLEncodedPermalink}" data-summary="{block:PostSummary}{PostSummary}{/block:PostSummary}">
<header>
{LinkOpenTag}<img src="{PhotoURL-HighRes}" data-highres="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}
</header>
<section class="post-full">
<div class="post-image-holder"><img src="{PhotoURL-HighRes}" data-highres="{PhotoURL-HighRes}" alt="{PhotoAlt}" /></div>
{block:Caption}{Caption}{/block:Caption}
</section>
<ul class="post-meta clearfix">
<li class="timeago"><a href="{Permalink}">{Timeago}</a></li>
<li class="icon"><a href="{Permalink}">{Icon}</a></li>
</ul>
{/block:Photo}
{block:Photoset}
<article class="photoset" id="post_{PostID}" data-postID="{PostID}" data-permalink="{Permalink}" data-notes="{PostNotesURL}" data-urlencoded="{URLEncodedPermalink}" data-summary="{block:PostSummary}{PostSummary}{/block:PostSummary}">
<header>
<div class="custom-photoset visuallyhidden" data-photoset-layout="{PhotosetLayout}" data-photoset-id="photoset{PostID}">
{block:Photos}
<img src="{PhotoURL-250}" data-500px="{PhotoURL-500}" {block:HighRes}data-highres="{PhotoURL-HighRes}"{/block:HighRes} alt="{Caption}">
{/block:Photos}
</div>
</header>
<section class="post-summary"></section>
<section class="post-full">
<div class="custom-photoset visuallyhidden" data-photoset-layout="{PhotosetLayout}" data-photoset-id="photoset{PostID}">
{block:Photos}
<img src="{PhotoURL-250}" data-500px="{PhotoURL-500}" {block:HighRes}data-highres="{PhotoURL-HighRes}"{/block:HighRes} alt="{Caption}">
{/block:Photos}
</div>
{block:Caption}{Caption}{/block:Caption}
</section>
<ul class="post-meta clearfix">
<li class="timeago"><a href="{Permalink}">{Timeago}</a></li>
<li class="icon"><a href="{Permalink}">{Icon}</a></li>
</ul>
{/block:Photoset}
{block:Quote}
<article class="quote {TagsAsClasses}" id="post_{PostID}" data-postID="{PostID}" data-permalink="{Permalink}" data-notes="{PostNotesURL}" data-urlencoded="{URLEncodedPermalink}" data-summary="{block:PostSummary}{PostSummary}{/block:PostSummary}">
<header>
<p><span class="quote_start">“</span>{Quote}<span class="quote_end">”</span></p>
</header>
<section class="post-full"><p><span class="quote_start">“</span>{Quote}<span class="quote_end">”</span></p>
{block:Source}- {Source}{/block:Source}
</section>
<ul class="post-meta clearfix">
<li class="timeago"><a href="{Permalink}">{Timeago}</a></li>
<li class="icon"><a href="{Permalink}">{Icon}</a></li>
</ul>
{/block:Quote}
{block:Link}
<article class="link {TagsAsClasses}" id="post_{PostID}" data-postID="{PostID}" data-permalink="{Permalink}" data-notes="{PostNotesURL}" data-urlencoded="{URLEncodedPermalink}" data-summary="{block:PostSummary}{PostSummary}{/block:PostSummary}">
<header>
<a href="{URL}" {Target}><p>{Name}</p></a>
</header>
<section class="post-full">
<a href="{URL}" {Target}><p>{Name}</p></a>
{block:Description}{Description}{/block:Description}
</section>
<ul class="post-meta clearfix">
<li class="timeago"><a href="{Permalink}">{Timeago}</a></li>
<li class="icon"><a href="{Permalink}">{Icon}</a></li>
</ul>
{/block:Link}
{block:Chat}
<article class="chat" id="post_{PostID}" data-postID="{PostID}" data-permalink="{Permalink}" data-notes="{PostNotesURL}" data-urlencoded="{URLEncodedPermalink}" data-summary="{block:PostSummary}{PostSummary}{/block:PostSummary}">
<header>
{block:Title}<h2>{Title}</h2>{/block:Title}
</header>
<section class="post-full">
{block:Lines}<p class="{Alt} clearfix">{block:Label}<strong>{Label}</strong> {/block:Label}<span>{Line}</span></p>{/block:Lines}
</section>
<ul class="post-meta clearfix">
<li class="timeago"><a href="{Permalink}">{Timeago}</a></li>
<li class="icon"><a href="{Permalink}">{Icon}</a></li>
</ul>
{/block:Chat}
{block:Audio}
<article class="audio {TagsAsClasses}" id="post_{PostID}" data-postID="{PostID}" data-permalink="{Permalink}" data-notes="{PostNotesURL}" data-urlencoded="{URLEncodedPermalink}" data-summary="{block:PostSummary}{PostSummary}{/block:PostSummary}">
<header>
<a href="{Permalink}"><p></p></a>
</header>
<section class="post-full">
{block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}
{block:AudioPlayer}
{block:AlbumArt}<img class="album-art" src="{AlbumArtURL}" />{/block:AlbumArt}
{block:TrackName}{TrackName}{/block:TrackName}
<p><strong>{block:Artist}{Artist}{/block:Artist}{block:Album}, {Album}{/block:Album}</strong></p>
<div class="player">{AudioPlayerGrey}</div>
<div class="js-dump hidden">{JSAudioPlayerGrey}</div>
{/block:AudioPlayer}
{block:Caption}{Caption}{/block:Caption}
</section>
<ul class="post-meta clearfix">
<li class="timeago"><a href="{Permalink}">{Timeago}</a></li>
<li class="icon"><a href="{Permalink}">{Icon}</a></li>
</ul>
{/block:Audio}
{block:Video}
<article class="video {TagsAsClasses}" id="post_{PostID}" data-postID="{PostID}" data-permalink="{Permalink}" data-notes="{PostNotesURL}" data-urlencoded="{URLEncodedPermalink}" data-summary="{block:PostSummary}{PostSummary}{/block:PostSummary}">
<header>
<!--<div class="click-block"></div>
<a href="{Permalink}">{Video-500}</a>
<div class="js-dump hidden">{JSAudioPlayerGrey}</div>-->
</header>
<section class="post-caption">
<div><span>
{block:Caption}{Caption}{/block:Caption}
</span></div>
</section>
<section class="post-full">
<a href="{Permalink}">{Video-500}</a>
<div class="js-dump hidden">{JSAudioPlayerGrey}</div>
{block:Caption}{Caption}{/block:Caption}
</section>
<ul class="post-meta clearfix">
<li class="timeago"><a href="{Permalink}">{Timeago}</a></li>
<li class="icon"><a href="{Permalink}">{Icon}</a></li>
</ul>
{/block:Video}
{block:Answer}
<article class="ask" id="post_{PostID}" data-postID="{PostID}" data-permalink="{Permalink}" data-notes="{PostNotesURL}" data-urlencoded="{URLEncodedPermalink}" data-summary="{block:PostSummary}{PostSummary}{/block:PostSummary}">
<header>
<h2>{Question}</h2>
<p class="asker"><small>{lang:Asked by Asker}</small><br />
<img src="{AskerPortraitURL-16}" height="16" width="16"></p>
</header>
<section class="post-full">
{Answer}
</section>
<ul class="post-meta clearfix">
<li class="timeago"><a href="{Permalink}">{Timeago}</a></li>
<li class="icon"><a href="{Permalink}">{Icon}</a></li>
</ul>
{/block:Answer}
{block:Date}
<div class="post-details">
<p><strong>Posted on</strong> {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} {Year}{block:GroupMembers}, by <a href="{PostAuthorURL}" class="author-name">{PostAuthorTitle}</a>{/block:GroupMembers}</p>
{block:HasTags}<p><strong>{lang:Tags}</strong> {block:Tags}<a href="{TagURL}" title="{Title} - {Tag}">{Tag}</a> {/block:Tags}</p>{/block:HasTags}
<p>{block:RebloggedFrom}<strong>{lang:Reblogged from}</strong> <a href="{ReblogParentURL}">{ReblogParentTitle}</a> {/block:RebloggedFrom}{block:ContentSource} <strong>{lang:Source}</strong> {block:SourceLogo}<a href="{SourceURL}"><img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /></a>{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}{/block:ContentSource}</p>
</div>
<footer>
<ul class="post-meta clearfix">
</ul>
</footer>
{/block:Date}
</article>
</div>
{/block:Posts}
{/block:IndexPage}
</div> <!--! end of #iso -->