2008年02月04日

AddClipsマウスオーバー型+α


AddClipsの新機能が発表されました。

・マウスオーバー → ポップアップでブックマーク登録リンクが出る!

・Yahoo!ブクマ登録人数表示 ・お気に入りに追加ボタンを追加

という感じです。
コレでわざわざ新しい画面を出さずに登録出来るようになりました。
そして、このポップアップの色も自由に設定出来るとのことです。

…というわけで、戦国史同盟戦国史Wiki、不撓不屈のクリップを、
全てマウスオーバー型に更新してみました! どうでしょう?

◆ポップアップの色設定

ちなみに不撓不屈ブログの色彩は設定を試す上でオリジナルに設定してみました。
色設定は、

AddClipsBcolor='#691815';
AddClipsNcolor='#cfa568';
AddClipsTcolor='#000000';


↑こんな感じです。
Bcolorが枠の色、Ncolorが上部背景、Tcolorが文字色です。

ちなみに、複数のボタンが存在する際には、最初に設定した色に統一されます。
これは、言い換えると最初に一回設定すれば省くことも可能ということです。
これを利用して、私のブログはトップで一回設定し、記事ごとの表示には省いています。

!ただし、複数のボタンでそれぞれ色を変更することは出来ませんのでご注意!

◆バナー・リンク先のカスタマイズ

「AddClipsType='○';」はバナーの種類選択の要素です。
一度設定した場合でも、この数値を変更することで見た目を変えることが出来ます。

リンク先の固定URI設定は、

AddClipsUrl = 'http://blog.futofukutsu.com/';
AddClipsTitle = '不撓不屈-蛛賢の前途多難物語-';


上記のようにしてカスタマイズ出来るのは従来通りです。

◆CSSのカスタマイズ

しかし、貼り付けるソースの内容が新しくなり、従来のものと見比べてみると、
「style="vertical-align:○○;"」がないので、CSS設定は無理…?
…と思われますが、ここはライブドアブログや他ブログでCSSが設定出来る場合OKです。

・ライブドアブログの場合(他も大体一緒かも)

大抵、皆さんは<div class = "posted">~</div>に貼り付けると思います。
そこでCSSカスタマイズの .posted の次あたりに以下のように追加してみてください。

     .posted{
         ○○;
     }
     .posted img{
         vertical-align:middle;
     }

こんな風にして、ボタン画像の表示設定を行うことが出来ます。

他にも画像があって、それらには反映させたくない!という場合は、
AddClipsで出力されたタグを<span class="addclips">~</span>などで囲み、

     .addclips img{
          vertical-align:middle;
     }

こんな風に改めて設定してあげれば設定することが出来ます。
この方法なら特に<div class = "posted">~</div>の中でなくてもOKです。

但し、<div class = "posted">~</div>内で、
かつ、その中にCSSの影響を与えたくない画像が無い場合は、前述の方法がおススメです。
なぜならば、全ページに一括で設定されるからです。設定変更も楽ですよね^^b

ちなみにポップアップの中身のCSSの変更は基本的に出来ません。
(フォントは出来るみたいです)

何はともあれ、AddClipsの作者である、yosukeさん、お疲れ様です^^

(追記)
はてなブックマークを略して「はてブ」と呼ぶとは知りませんでした(笑)
 



at 03:17│ウェブサイト管理:AddClips |Edit

Comment



blog comments powered by Disqus