-Sun&Moon Blog-
catsmoon.exblog.jp
エキサイトブログスキン配布 (Mac OS10.5 Leopard・Safari) ★基本的にコメントにレスしません
by catsmoon
プロフィールを見る
画像一覧
Top | Out
つぶやくボタンのCSS
2007年 06月 01日 |
各記事に「つぶやくボタン」が設置できるようになりました。

このボタン画像の表示位置に対するCSSの指定方法です。
表示位置以外にも、マージンや枠線などの指定が可能だと思います。

私のスキンでは、記事末尾部分は、「posttale」というクラス名をつけていますので
.posttale img{vertical-align: middle;}
のように、そのクラス内のイメージに対して指定します。

エキサイトのスキンでは「tail」というクラス名ですので
.tail img{vertical-align: top;}
のように、指定します。



ついでに。
つぶやくボタンは、各記事に対してつぶやく訳ですが、自分がさくっと呟きたい時用のボタンです。
このボタンは、ログインしていれば、自分のマイつぶろぐページに飛びますので、誰のブログに貼ってあっても同じです。人のところに飛んだりはしません。

スキンのHTML中、表示したい場所に
<a href="http://tsublog.excite.co.jp/my/" target="_blank"><img src="用意したボタン画像のURL" border="0"></a>
というタグを入れます。
この画像に対して、CSS指定を入れたい場合、この画像に直接クラス指定をしてもいいし、入れた場所のクラス名に応じて、指定を入れてもいいでしょう。

:見本ボタン
このつぶやくボタンは、著作権放棄しますので、欲しい方があれば、どうぞご自由にお持ち下さい。
加工、再配布等、一切ご自由です。
[PR]
<< 水色水玉スキン配布 PageTop 私なら裁かれたくない >>
XML | ATOM

個人情報保護
情報取得について
免責事項
Blue Paper Skin by Sun&Moon