Making of xxx

2008年01月13日

サイト内のリンクをポップアップ表示

HeartRails Glanceっていうサービスを導入してみました。

サイトのリンクをチラっと見ることができるブログパーツで、リンクが文字ベースから、少し面白くなりました。

左のサイドバーのLinks のところ、にカーソル持って行ってみて!

GTA's WebLive[アシタノタメニ] とか

小早川ひとみ"aimimosa"(アイミモザ) ] とか

にもっていくと・・・
オリジナルのHPのサムネイル画像が出るようになったよん。


■□■■■■
HeartRails Glance
http://glance.heartrails.com/
サイトのリンクをチラっと見ることができるブログパーツ。導入されたサイトのリンクURLにマウスを重ねることで、リンク先に関連する様々な情報 (タイトル、サムネイル、関連キーワード、ブックマーク数等)をチラっと確認することができます。ちょっとした視覚効果で、訪問者さんをびっくりさせよう!
■□■■■■


設定も簡単でした。
トップページのHTMLファイルの最後の方にある。タグの直前に上記サイトで指定されたコードを記述するだけ。

サイト内のリンクもすべてサムネイルが出るようになりました。
便利な世の中になったもんですねぇ。

2007年12月23日

CSSの意味

3.Main (entry)


body {

/*
background:#abe92f url(http://parts.blog.livedoor.jp/img/usr/kabutomushi/bg.gif) 0 0 repeat-x;
*/

この記述消したら、左右のグラデーション無くなった。


#footer {
background:url(http://parts.blog.livedoor.jp/img/usr/kabutomushi/footer.jpg) 0 0 no-repeat;
border:solid #fff;
border-width:0 6px 6px;
height:46px;
}
この記述なくしたら、フッター無くなった。

#banner

CSSとHTML良く判ってないので、デザインがイケテナイ。

このブログを参考にして・・・
参考にしたHP


http://pippi.sakura.ne.jp/archiv2/2007/02/csscontaineralphabanner.html

なるほど・・・こうやって、場所の大きさの指定するのね。
misaki2.netのも、確認してみました。


「#content」はwidth:400px;
「#right」と「#left」はwidth:180px;

「#banner」はwidth:330px;
height:350px;


個別記事に移行したときの、トップ画像が消えるトラブルとライブドア広告の非表示は・・・原因わからず、まだ、対応できず。(>_<

2007年11月12日

トップ画像の切り替え

CSSは、良く判らないけど・・・このHPのデザインは、カッコよくしたいということで・・色々探して

ここのbuena suerte!さんのテンプレートで
4つの季節に絵が切り替わるのを、トップに持ってきました。

で、このトップ画像をこれから、私のイベントの写真へ切り替わるように、
画像編集作業に入ります。

参考
http://blog.livedoor.jp/cie/archives/10475848.html