misaki2.net

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

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

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

ＧＴＡ's WebLive[アシタノタメニ]　とか

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

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


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


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

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

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;
}
この記述なくしたら、フッター無くなった。

ＣＳＳとＨＴＭＬ良く判ってないので、デザインがイケテナイ。

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



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

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


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

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


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

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

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

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

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