Tumblrのデフォルトのiframeコントロールを操作する

Question

tumblrコントロールを操作する方法はありますか？彼らはかなり醜いと灰色です。私はiframe#tumblr_controls {display:none;}を私のCSSに追加する方法があるかどうかを知りたいと思っていますが、同じ機能を持ちながら見た目が異なるすべてのコントロールを再現しています。 Tumblr controls (iFrame)

Answer 1

はい、すべての機能を置き換えるのはかなり簡単です。あなたが示唆したように、Tumblrのデフォルトを隠すことができます：

#tumblr_controls {display:none;} 

インデックスページでは、Dashboard、Follow、およびEmailが必要です。あなたはアンフォローが必要かどうかを判断することはできませんが、常にフォローを表示することはあまりにも悪くはありません。

ダッシュボードのURL：

http://www.tumblr.com/dashboard 

フォローURL：

http://www.tumblr.com/follow/<blogname> 

メールURL：あなたはまたリブログなどが必要パーマリンクページで

http://www.tumblr.com/send/<blogname>?redirect_to=http%3A%2F%2F<blogname>.tumblr.com%2F 

。これらはもう少し難しいですが、ここにサンプルがあります：http://like-button.tumblr.com/

Reblogは文書化されていない変数{ReblogURL}を使用しています。あなた単にリンクのhrefます

<a href="{ReblogURL}">reblog</a> 

では、次のURLを使用して、目に見えないのsrc属性として設定し、機能性と同じように追加するには：

http://www.tumblr.com/<command>/<oauthId>?id=<postId> 

• <command> ：likeまたはunlike
• <oauthId>：最後の8文字は、{ReblogURL}
です
• <postId>：あなたはあなたの{block:Posts}ブロックに、変数、{ReblogURL}と{PostID}の両方を配置する必要があり

  http://www.tumblr.com/like/fGKvAJgQ?id=16664837215 
  

  ：{PostID}

例。スクリプトを使用してURLを作成し、srcを設定します。

$(document).on('click', '.like', function (event) { 

event.preventDefault(); 

var command = $(this).hasClass('liked') ? 'unlike' : 'like', 
    post = $(this).closest('.post'), 
    oauth = post.find('.reblog').attr('href').slice(-8), 
    id = post.attr('id'), 
    likeUrl = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id; 

$('#like-it').attr('src', likeUrl); 
$(this).toggleClass('liked'); 

}); 

{block:Posts} 
<article id="{PostID}"> 
<a href="{ReblogURL}" class="reblog">reblog</a> 
<a href="#" class="like">like</a> 
</article> 
{/block:Posts} 

<iframe id="like-it"></iframe> 

#like-it { 
    display: none; 
} 

.liked, .like:hover { 
    color: red !important; 
} 

Answer 2

今は違います。追加するだけです

#iframe_controls { display:none; } 

CSS（「Edit HTML」の内側タグ）に。