その９〜リンク色とsideの整理〜

旅にでたものの、帰ってきました（笑）
「おお！」という出会いは、探そうとしてもダメです。
「出会い」はご縁ですから〜。（と感覚人間）

それで、自分のblogを眺めてて、
リンク色はオレンジでも、いいんじゃないかな〜と
思えてきました。（ブルーとそんなに合わなくもない？）

なので、他のブラウザでもFirefoxで見えてるのと同じくするため
●リンク色を指定。
[CSS]
　　A:link {color:#FF6600}
　　A:visited{color:#FFCC99}
　　A:active {color:#}
　　A:hover {color:#FFCC99}
　行ったところとこれから行くぞという時は、
　薄いオレンジにしました。


●左サイドバーのインフォ部分を整えました。
　文字も小さくしました。
[html]
　　＜p class="pay"＞
　　＜img src="＜%image＞"title="＜author_name＞"＞＜/p＞
　　＜p class="info"＞ ＜!--インフォ--＞
　　＜%author_name＞のblog＜br＞
　　＜br＞
　　＜%introduction2＞＜br＞
　　＜/p＞
　　　　→＜div＞だったけど、段落上下を改行つきに
　　　　　したかったため、＜p＞に変えてみた。
　　　　→位置を揃えたかったので、class指定。
[CSS]
　　.pay{text-align:center;}　 ←インフォ画像を真ん中

　　.info{padding-left:5px;}　 ←下のコメント部分

　　この下にあった、FC２のクレジットは下に移動。

●右サイド一番上にあった「Links!」を
　びおびおのblogバナーに変えてみたとです。
　バナーは作っといて、ファイルアップロードに入れとくです。
[html]
　まず＜!--link--＞内のこの部分をはずす。
　　＜li＞＜a href="＜%link_url＞" alt="＜%link_name＞"＞
　　＜%link_name＞＜/a＞＜/li＞
　
　それで、このように入れる。
　　＜h3＞びおびお'blog＜/h3＞
　　＜div class=link-banner＞
　　＜img src="http://blog-imgs-31.fc2.com/y/u/-/yu-e/
　　20050124161047.jpg" alt="一からばなー" border="0"＞
　　＜br＞
　　＜a href="http://be-dama.seesaa.net/" target="_blank"＞
　　＜img src="http://blog-imgs-31.fc2.com/y/u/-/yu-e/
20050124161750.jpg" alt="ぐらすばなー" border="0"＞
　　＜/a＞
　　＜br＞
　　　（略）
　　＜/div＞　　→１個目の「一から」バナーはリンクさせず、
　　　　　　　　　２個目のバナーからリンクさせます。

　それで、試してみたのが。。
　jpgの後ろ「alt＝画像が表示終わるまでにでてくる「文字」」を
　「title」にすると、だいたいのブラウザでそれが出てくる。。と
　いうのを、聞いていたので、変えてみる。
　FC2は表示が早いので、出てるかよくわからないけども
　Firefoxで画像やリンクの上にカーソルを置いとくと
　黄色い小窓がでますよね。それにalt=titleで書かれたものが
　出ると気がついたので、びおはサイトアドレスを書きました。
　どうぞ、きてやってくださいまし。。

こんな感じかな。。

さっき、スレッドテーマのところをみてて
「WRC」っていうのがあったのですよ。
いまから行って、みてこよう〜っと。（嬉）