«  main | Comment  » 

iBlog でタイトルのみのリンクの行間の間をなくす。


前の記事「 Safari で記事タイトルにシャドウをつける。Mac ユーザー限定の話題です。」で記事のタイトルにドロップシャドウをつけるようにしました。
それにともない BlogPage と CategoryPage の下のある記事タイトルのみのリンクにもドロップシャドウが付いて見にくくなっていました。記事タイトルのみのリンクの行間の間隔も気になっていたので修正してみました。

OKAMURA さんの .Mac Tips「 iBlog 1.3.7 B1 でタイトルのみのエントリ一覧を整形するには 」のタイトルをインライン要素として扱うを参考にしました。

CSSファイルに
.blog .title {
display: inline;
}

.blogbody .title {
display: block;
}

の2カ所を追加しました。
これで、タイトルのみのエントリリンクがインライン要素として扱われ無用な改行がなくなります。

ただドロップシャドウがついているので行間が狭くなりさらに見にくくなっているので、以前のエントリでタイトル属性に付けた text-shadow: 4px 4px 4px #666666; を 先ほど追加したblogbody.title に移動させます。
.blogbody .title {
display: block;
text-shadow: 4px 4px 4px #666666;
}

これで、タイトルのみのエントリリンクからドロップシャドウがなくなりました。
やっとすっきりしました。

Posted: Thu - September 30, 2004 at 06:27 PM              excite automatic translation:   
      |      |   |

Comment, Throw up comment to lower box. Thank you !
 iBlog でタイトルのみのリンクの行間の間をなくす。
 Trackback URL for this entry : http://haloscan.com/tb/masatox/E2068599542


   «  main | EntryTop  »   
www.flickr.com
masatox's photos More of masatox's photos
 


Copyright © 2003-2008 , All rights reserved.