ブログテンプレートならHKDCustomRssReaderカスタマイズ【サムネイル表示設定編】RSSはこちらブログテンプレートならHKDブログタイトルを3時間悩んでやっと思いつきました。変にこだわるデザインです。変にこだわって時間をロスしています。MAP更新休止のお知らせ現在HKDは更新を休止しており、緊急を要する修正以外は手をつけれない状態です。ご利用していただいてる方々には申し訳ございませんが、よろしくお願いいたします。2011⁄05⁄25(Wed)17:12CustomRssReaderカスタマイズ【サムネイル表示設定編】comment:0trackback:0デフォルトではオフになっていますが、タイトルリンクをマウスオーバーするとリンク先のサイトのサムネイルを表示することが可能になります。画像の大きさを3段階と、画像の表示位置を変更できます。Capture様のAPIを利用しています。Capture様の仕様によりサムネイル画像の取得に若干の時間が必要です。一度画像を取得すると次からはすぐに表示されます。アダルト・公序良俗に反する画像の使用は禁止しますプラグインの編集画面からHTMLの編集をクリック。次の青字の部分を探してください。id="CustomRssReaderArea"></div>内容を解説すると、thumnail変数にmode、size、x、yからなるオブジェクトを挿入しています。modeは"on"ならサムネイルを表示、"off"なら非表示。sizeは"s"、"m"、"l"で画像の大きさを設定。xとyはそれぞれマウスポインタからのx座標とy座標。マウスポインタを0として左に行くほどx座標をマイナスに、右に行くほどプラスに。上に行くほどy座標をマイナスに、下に行くほどプラスにします。座標を設定する時は、マウスポインタとサムネイル画像が重ならないようにしてください。重なると画像が点滅してうまく動作しません。modeを"on"にしてとりあえず表示してみましょう。-100};こうすると次の画像のようになります。スクリーンショットを撮るときはマウスポインタが隠れるので違和感がありますが、うまくサイトサムネイルが表示されていますね。マウスポインタは第1位と書いているところにあります。次はサイズをmにして、画像の位置をもう少し上に。-160};するとこんな感じに。こちらもマウスポインタは第1位と書いているところにあります。サイズをlにし、画像を右下に。30};するとこんな感じになります。こちらもマウスポインタは第1位と書いているところにあります。Entry検索フォームプロフィールAuthor:Hellowmail:hkdesign.mail☆gmail.com☆を半角@に変えてください。HenniKodawaruDesign略してHKDブログテンプレートならHKDにようこそ!このサイトではFC2で使える共有テンプレートを配布しています。サイトについての説明はこちらをどうぞ。like!」を作りました。機能1:はてなハイクをサイト上に投稿できる機能2:はてなハイク投稿時に同時にtwitterにも投稿する詳しくは次のURLへお越しくださいhk-factoryGoogleウェブストアプラグインギャラリーブログ管理画面の共有プラググイン追加から、作者:hkdesignと検索してダウンロードしてください。日付が未来になっている記事の表示設定CustomRssReaderを2つ同時に使う方法カスタムデザインサンプルImageClock詳しくはこちらカスタマイズはこちらImageClockを二つ以上表示する方法ImageClockカスタマイズ用Flashを作成テンプレートギャラリーブログ管理画面の共有テンプレート追加から、作者:hkdesignと検索してダウンロードしてください。詳しくはこちら動作環境についてテンプレートは以下の環境・方法で動作確認を行ってからFC2に申請しています。記載の環境でも表示が崩れて見えない場合は連絡してくれるとありがたいです。BrowserLabを使ってチェックしています。BrowserLabhttps://browserlab.adobe.com/ライセンスについてライセンス形態はGPLライセンスをとります。簡単に言うと次の4つです。カスタマイズ・再配布など連絡なしに使用OK。著作権表示は消したらダメです。なんらかの損害が出た場合は自己責任です。再配布する場合、GPLライセンスが適用されます。ブログテンプレートならHKD。