[WEBサービス]しまの歌

この記事を読ませてもらってちょっと気になったので、simaも名前の歌メーカーってのをやってみた。あなたの名前でドレミの歌の替え歌を作ります。 ということで、さてさてどうなることか。

まずは名前で

しまの歌 : 名前の歌メーカー

おっと、なにこれ。出オチ?
いきなし、すごいセールスを達成してしまったんだけれども。最高500万で1万て!おかしくね?魔界の歯槽膿漏ってなんかクラウザー様っぽいしw

気を取り直してブログ名で

ふるおぶゆにばーすの歌 : 名前の歌メーカー

おぉおぉおーーー!ミリオンセラーだッ!
と、ここまでやって単に長くすればいいのではないかと思い至った。

星の説明 : 名前の歌メーカー

と書いてあることだし、つのだ☆ひろっぽくして最高を目指すZE!

更にブログ名で、つのだ☆ひろ、っぽく

ふる★おぶ★ゆにばーすの歌 : 名前の歌メーカー

…。

…あれ?

どうやら、一発屋だったようです。

おまけ

えしゃのの歌 : 名前の歌メーカー

これはないわ。といいつつ、こんなことをやり遂げてしまったことに若干後悔。

[WEBサービス]Tumblrで投稿した元の画像を見るための簡単な方法

さっき、Tumblrのカスタマイズページをなんとなく開いたら、Enable high-res photosなる設定が増えてることに気付いた。これはなんだろと調べてみたら以下のような説明が。

New: High-Res Photos

High-resolution copies of your photos are now available for your tumblelog! You can enable them from the Advanced menu on your Customize screen, and photos that don’t have a click-through link set will automatically link to the high-res version.

New: High-Res Photos High-resolution copies of... | Tumblr Staff

これによって、{Photo-HighRes}{block:HighRes} {/block:HighRes}というTumblrのテーマで使える変数が増えたので、この2つを使えば投稿後でも元の高解像度の画像を見られるようになって使いどこによっちゃ便利かな。以下、参考になれば。

イメージをクリックすると投稿前の高解像度のイメージを開くようにする

その1: Enable high-res photosをチェック

とりあえず、Tumblrのカスタマイズページを開いて「Advanced」のEnable high-res photosをチェック。これをしないことには始まらない。

その2: テーマをちょっとだけ変更(custom HTML)

同じく、カスタマイズページの「Theme」からcustom HTMLでソースをちょっとだけ変更。

{block:Photo}
  <div class="photo">
    {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" />{LinkCloseTag}

とあるところを探して、

{block:Photo}
  <div class="photo">
    {block:HighRes}<!--{/block:HighRes}
    {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" />{LinkCloseTag}
    {block:HighRes}-->{/block:HighRes}
    {block:HighRes}<a class="highreslink" href="{PhotoURL-HighRes}"><img src="{PhotoURL-400}" alt="{PhotoAlt}" /></a>{/block:HighRes}

と変更すると、高解像度のイメージがあるときにはクリックによって開くことができるようになる。高解像度のイメージがないときは今までとおんなじ。ちなみに、{PhotoURL-400}の部分は元々のテーマによって数字が500だったり250だったり変わるので注意。

その3: スタイルをちょっとだけ適用(custom CSS)

まぁこれだけでもいいんだけど、カスタムCSSを適用させておけば高解像度のイメージへのリンクを分かりやすくさせられるのでついでに設定してみた。

div.post div.photo a.highreslink::after {
content: "Open High-Res";
display: none;
line-height: 2em;
font-size: 14px;
padding: 0px 0.3em;
color: #ffffff;
background-color: #000000;
position: absolute;
top: 5px;
left: 5px;
opacity: 0.4;
}
div.post div.photo a.highreslink:hover::after {
display: inline;
}
div.post div.photo a.highreslink:hover img {
opacity: 0.6;
}

Tumblrで高解像度イメージへのリンクを持つイメージの上をホバーしたときの様子

以上を、カスタマイズページの「Advanced」にあるAdd custom CSSってトコに貼り付けるだけ。簡単。

これで、リンク先が高解像度のイメージのときは、ホバーすると「Open High-Res」って文字が出てイメージが薄くなる(少しばかり透過する)ので分かりやすくなった。

簡単でした

ちなみにこのCSSを適用すると、Opera、Chromeではちゃんと狙った通り画像の左上に表示される。Firefoxでは文字を重ねられなかったので画像の下に出るけどまぁ許せる範囲。IE?なにそれ?

新しく、Tumblr に投稿した画像を Lightbox 表示するという記事も書いた。

Apple iPod classic 120GB シルバー

最近、ドルがえらい一気に高くなったなぁ。

密かにiPod Classicをアメリカから現地調達しようとしていたsimaにはアイタタタ…。完全にタイミングを逃した。

でも、それでも新しい世代のiPodが出るまで待つなんてのは考えられない!ので近いうちに買うしかないな、と。

ただ、色を白にするか黒にするかですんごい迷ってる…。さて、どっちにしようか。

あぁ、白じゃなくてシルバーなのか、今気付いたよw

プロフィール

sima

ガジェット大好き。おもしろアイテム大好き。いろいろとまぁ物欲を刺激するモノが多いけど、なかなか手に入れることができないでいる。いつかは自分の部屋を、自分が気に入ったモノだけで埋め尽くしたいものだなぁ。…あっ、これ将来の夢ね。

Twitter はフォロー大歓迎なのでよろしく。よく蚊と戦ってるよ。

最新記事

  1. OpeTumblr の Opera Extensions (拡張機能) 版を密かに公開 (05月25日)
  2. シカ成分を補充したら幸せになった (04月24日)
  3. ブログを(内部的にガッツリと)リニューアルしてみた (12月10日)
  4. 補完モードを開始するマッピングを書く (10月25日)
  5. アボカドを育ててみた…かった (07月23日)
  6. 正規表現クロスワードを完全クリアしてみた (07月19日)
  7. Gmail バックアップソフトの Gmvault が動かないときの解決法 (07月14日)
  8. Google アカウントが消える前に! Gmail フルバックアップのススメ (06月30日)
  9. 厳選して使っているポイントサイト2つ (03月27日)
  10. Tumblr で画像を Lightbox 表示!(しかも何も導入せずに) (03月21日)

カテゴリ

アーカイブ

コメント

Gmail バックアップソフトの Gmvault が動かないときの解決法
dsfds (03月31日)
OpeTumblr の Opera Extensions (拡張機能) 版を密かに公開
sima (06月26日)
you (11月30日)
you (11月30日)
sima (10月28日)
HTML ソースの改行を半角スペースにしない方法
ok (06月21日)
sima (05月28日)
edvakf (05月28日)
英数字・記号を並べてみる
ふぁ (11月25日)
コメハチ (11月02日)
OperaでもっとTumblrる!(OpeTumblrをまたまた改良)
you (05月09日)
sima (05月07日)
you (05月04日)
chikuwa (12月12日)

トラックバック

20代で知っておくべき週番号のこと
full of universe (05月16日)
UKTenkiを自動巡回させてみる(MortScript)
なんとなくすばらしい日々の戯れ言 (01月31日)
新着メールを一気に開くMortScriptを改良!
PDAと私生活 (11月07日)
PDAと私生活 (11月02日)
コイツはすごい!Windows Live Writerでブログ投稿をラクラクに
シーサーイーサー (10月31日)
Willcom03で新着メールを一気に開く!(MortScript)
PDAと私生活 (10月10日)

のカレンダー