2010年 2月 4日(木) [3:40]
ニコニコ動画を誰でも見れるように外部プレイヤーがあります。
その外部ブレイヤーのサイズを簡単に設定できます。
・・・と、やってみたけどこのサイトでやると変わってくれない。
他のWordPressのサイトのソースをコピペしてもダメ。
ホワイ!?
一応方法を書いておきますと、以下の流れになります。
動画ページを開いて、『ブログサイトに貼り付ける』をクリック。
別ウィンドウでコードが表示されるので、コピーして貼り付けたい場所にペースト。
以下のようなコードになると思うので、赤字の箇所を追加。
<script type="text/javascript" src="http://ext.nicovideo.jp/thumb_watch/sm*******?w=300&h=200 "></script><noscript><a href="http://www.nicovideo.jp/watch/sm*******">(動画タイトル)</a></noscript>
色々調べて『w=***(横幅)』、『h=***(高さ)』と言う事が分かった。
分かったけど、どうにもこうにもその通り表示されない。
ホワイ!?
下にサンプルを貼っておきます。
ソースを見てもらえば上記のコードを入れてるのが分かると思いますが、ちゃんと表示してくれません。
ちなみにWordPressのテーマはデフォルト。
プラグインの『
WP-Nicodo 』も試してみましたが無駄でした。
なんでだろ~。
【ニコニコ動画】コマ撮り実験アニメ「6566/6566」【Bad Apple!! PV【影絵】アレンジ】
2009年 12月 31日(木) [6:30]
HTMLの知識だけで誰でも簡単にiPhoneのランチャーが作成出来るようです。
上記サイトの説明だけでは分かり難かったので補足。
サイト内に貼られているダウンロード先から『ilauncher.html』をダウンロードする。
何も考えずに、そのファイルをサーバーにアップロードする。
※WordPressを使用している人は、テーマ内にファイルをアップするのではなく必ず一番上の階層にファイルをアップする。
× wp-contents/themes/テーマ/ilauncher.html
○ ilauncher.html
サーバーにアップしたら、SafariでURLを打ち込む。
このサイトだったら、『http://kome-suki.net/ilauncher.html』になります。
すると、以下の画面が立ち上がります。(URLは自動で変わります)
アプリ名でリスト化されており、タップするとiPhoneに入れているアプリが起動します。
インストールされていないアプリは、Safariで新しいページが開き『ページが開けません』で終わります。
『ilauncher.html』の中身を見ると、JavaScriptを使ってアプリのスキームと呼ばれるコードでアプリを起動させているようです。
スキームが無いアプリは無理でしょうけど、以下のサイト等で色々公開されています。
探せばまだまだあるかもしれません。
これの良い所は、
HTMLとCSSを自分好みにいじれる 点にあります。
例えばこんな事も出来ちゃう訳です。(画像は合成です)
さすがにメールとかのカウント数字は無理でしょうけど。
アプリの画像を自分で作る。
アプリのスキームを調べる。
HTMLとCSSをいじくりまわる。
面白そうですけど、面倒なんでやりません。w
Safariでのページをホーム画面に置いておけば、なお便利なランチャーになりそうですね。
2009年 12月 26日(土) [4:21]
昨日書いた記事 の続きです。
前回は『フラッシュ形式』と『ポップアップ形式』のボタンを2つ設置する方法で行いましたが、画像が同じだと分かりづらいと思うので表示させる画像を分けてみました。
ソースを見ると一目瞭然ですが、画像ファイルは『wp-admin/images/media-button-image.gif』です。
これを新しく2つ作成し、画像リンクを変えるだけで簡単に表示を変えれます。
元の画像は 14×12 ですので、それに合わせて自作するも良しです。
私は只単に文字を乗せただけで作ってみました。
フラッシュ ポップアップ
アイコン
ファイル名 media-button-image_f .gif media-button-image_p .gif
これをアップロードし、また『wp-admin/includes/media.php』の書き換えを行います。
media.php 366行目~ (2.9の場合)
<a href="{$image_upload_iframe_src}&TB_iframe=true" id="add_image" class="thickbox" title='$image_title (Flash) ' onclick="return false;"><img src='images/media-button-image_f .gif' alt='$image_title (Flash) ' /></a>
<a href="javascript:w=window.open('{$image_upload_iframe_src}&flash=0 ','','scrollbars=yes,Width=650,Height=720,top=0,left=0');w.focus();" id="add_image" title='$image_title (Popup) ' onclick="return true;"><img src='images/media-button-image_p .gif' alt='$image_title (Popup) ' /></a>
結果的に、このような表示になります。
ついでに
title と
alt も変えてみました。
赤の太字 で追加したコード(&flash=0)がありますが、これはポップアップ表示した際『Flashアップローダー』ではなく『ブラウザアップローダー』に最初から指定するコードです。
私はFirefoxを使っていて『
dragdropupload 』のアドオンを入れる事によって、テキストボックスにドラッグ&ドロップ出来るので多少の時間短縮にはなります。
『動画』『音声』『メディア』は使った事無いので無視してますと書きましたが、この方法で行えば同じような事が出来ると思います。(多分w)
2009年 12月 25日(金) [3:55]
以前から各所で声があり、ちょっと調べてやってみました。
その声とは・・・
「WordPressの投稿画面で画像を挿入する時、一々フラッシュが立ち上がり1枚挿入したら消えてしまう。
連続で挿入する時もの凄く面倒だから、ずっと表示していて欲しい」 との事。
機会があったらやってみようと思ってましたのでやってみました。
いやー、4・5時間かかっちゃったよ。w
結果的に何をしたかと言うと、
・画像挿入画面をポップアップで出す。
・1枚挿入しても、そのまま表示させる。
以上2点だけです。
それだけの為に何時間も・・・。
その何時間もかかった結晶(?)は以下より。
続きを読む >>
2009年 10月 30日(金) [3:31]
先日からニコニコ動画(9)にバージョンアップされました。
サムネが表示されないとか、サーバーの重さは変わらずのようですけど。
今まではmixi 、FC2 BLOG など、指定のサイトしか貼り付けれなかった外部プレイヤーが、どこでも貼り付けれるようになっています。
前バージョンの(ββ)ではコード表示がありませんでしたけど、実はもっと前から出来ていたのかも。
多分HTMLファイルだったら、どこでも出来るような気がします。
続きを読む >>
2009年 6月 18日(木) [5:24]
まだまだInternet Explorer 6を使っている人は沢山います。
せっかく最新のIE8が出てるんだから、バージョンアップしましょうよ!(建前)
IE6より全然速いんですよ!(建前)
IE6だと、WEBサイトのレイアウトが崩れたりして綺麗に見れないんですよ!(半分本音)
いちいちIE6の表示チェックが鬱陶しいんですよ!(超本音)
そんな頑なまでにIE6にこだわる(?)人向けに開発されたJavaScript。
僅かなコードを入力するだけでサイトの左下に『クマー』が出て、IE8へのバージョンアップを促してくれます。
私も入れよっかなぁ。
ニコニコ動画のRSS、やっぱIE6だと崩れてるみたいだし。
左下のクマをクリックすると…。
しかしMSのIE8じゃなく、何故かフェンリル版。
2009年 5月 28日(木) [4:38]
最近めっきり使用頻度が少なくなってきたと思われる、イメージマップ(クリッカブルマップ)。
イメージマップとは
簡単に言うと、1枚の画像の中に複数のリンクを貼る場合に使用したりします。
例えば、右サムネの赤枠にそれぞれ違ったリンク先を指定したい時など。
で、それぞれのリンクでマウスを乗せた時、マウスオーバーで画像を差し替える方法をご紹介します。
CSSではなく、jQueryを使用します。
続きを読む >>
2009年 5月 9日(土) [15:16]
リンクが貼られたテキストや画像をクリックすると、回りに破線が出ます。
Opera 、Safari 、Google Chrome はデフォルトで出ません。
これが出るのは、IE 、Sleipnir 、Firefox 、Lunascape (WebKit時以外)です。
デザイン的にも、これを出させない為にCSSを使ってみましょう。
続きを読む >>
2008年 12月 13日(土) [2:06]
エントリー内に画像を貼った時、大きい画像で表示さすのに 『Lightbox』 に対応させました。
正確に言えば、『Lightbox』 を元にした 『Lytebox 』 。
色んなサイト見た事ある人は分かると思いますが、画像をクリックした時に 「ぶわぁ~」 っと表示されるアレですアレ。
続きを読む >>