Untitled Shanti

Tumblr Shuffle Anywhere

cxx:

Tumblr Shuffle Anywhere – Userscripts.org
ShantiさんのTumblr shuffle scriptのGreasemonkeyスクリプト版です。shuffle scriptが設置されていないTumblrでもshuffleできます。

素晴らしい！　やりたいとずっと思ってたので嬉しいです。早速インストールさせてもらいました。

ソースを見させてもらったら自分でもカスタム出来そうだったので、見栄えだけ少しカスタマズしてみました。見慣れた感じにしたかったので、インストールしたtumblrshuffleanywhere.user.jsを開いて、CSSのところを以下のように変更してみました。

var style = [
  'position: fixed',
  'top: 3px',
  'left: 3px',
  'background: transparent url(http://data.tumblr.com/OY9NpboAI5k99ruwwRS7l61l_500.png) no-repeat 0 0',
  'display: block',
  'width: 70px',
  'height: 20px',
  'text-indent: -9999px'
].join(';');

スクリプトで書き出されるShuffle部分にイメージを直接埋め込むとaタグに対するborderスタイルがそれぞれのサイトの影響を受けるので、CSSで文字部分をマイナスインデントして、背景にいつものShuffle画像を埋め込んだだけです。
自分がわかって設置しているものなので、UI的に大きさはもう少し小さくてもいいかもしれませんね（幅70pxもいらない）。文字もいらなくてShuffleの記号部分だけとか。かなり自由度が高いので感動しています。
それとすでに自前で設置してあるサイトには表示しないようにしてあるんですね。素敵です。ありがとうございました。＞ cxxさん

Reblog notes script 改 一応書いておくとスクリプトの中身を関数に移したりとかは最初の post の後に俺が変更して自分のところに設置してたものなので Shanti さんが添削して改と名付けたということではない。しかし俺の文章は余計な文言が散りばめられてて分かりづらい(*)のに対して Shanti さんのは明確だ。

*注釈にでもすればよかった。

追記：

というか、丸パクリです。わかりにくい表現でした。ごめんなさい cxx さん。

あー、違うんです。端から見ると勝手に添削みたいなノリに見えるかなと思って補足のつもりで書いただけなんです。こちらこそすみません。 — cxx

いえ、こちらこそ簡素に書きすぎてましたので、誤解を招く記述の部分は改訂いたしました。＞Untitled Shanti - Reblog notes script

ここから蛇足です。

shuffle も tools も含め、自分用のメモ代わりに残す目的のをどうせなら “World Wide Web” に post しようということだったので、誤解も多々受けてるとは思うのですが、悪意も他意もないのを、ご了承いただければと思います。各位。
慣れてるのと今回はフォーマットに合わせて日本語で書いたのがいけなかったかな。母国語はニュアンスに対する注意が散漫になったり、無駄に“自分”が出過ぎるような気がします。

100% transparent shuffle script

100% transparent PNG image

↑ http://data.tumblr.com/OY9NpboAI2s341ccHnGYcjf0_500.png

Please rewrite the image url. Script → Untitled Shanti - Tumblr shuffle script

Custom script & css when image is not used.

Script

function shuffle() {
    var s1='<p class="shuffle"><a href="http://***.tumblr.com/';
    var s2='</a></p>';
    Total=0+{ TotalPages };
    if(Total>0) {
        var r=Math.ceil(Math.random() * Total);
        document.write(s1+'page/'+r+'">'+s2);
    }
}
shuffle();

“TotalPages” is custom theme variable. (link Tumblr) Please delete space in braces.

CSS (e.g.)

p.shuffle {
    position: fixed;
    top: 3px;
    left: 3px;
    _position: static;
    _margin: 3px;
    _text-align: right;
    z-index: 1;
    margin: 0;
    padding: 0;
}

p.shuffle a {
    display: block;
    width: 80px;
    height: 20px;
}

p.shuffle a:hover {
    background: transparent url("***.png") no-repeat 0 0;
}

link Untitled Shanti - Tumblr shuffle script

(2009-06-03 revision)