ちょっと思うところがあって…

ブログのリンクリストを

Serene Bach標準(?)のモノから



BlogPeopleのリンクリストに替えてみました。


リスト作成にあたって、色々とカスタマイズしてみたんで
個人的な覚え書きの意味も含め、記載しておきます。
リンクリストをそのまま貼り付けすると…



こんな感じになります。

もちろん、このままでも支障ありませんが…
元々使用していたスタイルが気に入ってたんで
カスタマイズします。


BlogPeopleのカスタマイズ方法は
以前、blog*citronさんで紹介されていました。

blog*citron | BlogPeopleのカスタマイズ

が…どうやらBlogPeople側の仕様変更なのか
そのままでは上手く反映されませんでした(^^;

っつ〜事で、調べた結果。。

こんな構成になっていました。

<div class='blogpeople-main'>
<p /><span class='blogpeople-linklist'>【リストタイトル１】</span><br />
<div class='bp-ll2-blog-site'>【リスト１】<br /></div>
<div class='bp-ll2-blog-site'>【リスト２】<br /></div>
　　　　　　　　　・
　　　　　　　　　・
<p /><span class='blogpeople-linklist'>【リストタイトル２】</span><br />
<div class='bp-ll2-blog-site'>【リスト１】<br /></div>
<div class='bp-ll2-blog-site'>【リスト２】<br /></div>
　　　　　　　　　・
　　　　　　　　　・
</div>

表示スタイルは
blog*citronさんの記事に素敵なパターンがいくつか用意されてますので
そちらを参考に(^^

blog*citronさんでも触れられていますが

1行ごとに<br />が挟まれているためspanやaをdisplay:blockにすると下に１行分のスペースが入ることに注意。

との事だったんで…
リストタイトルの位置を下げて表示させてみました。

っつ〜事で、ひいろんはこんな感じでCSS設定してみました。

div.blogpeople-main p {
margin:0px;
}

div.bp-ll2-blog-site {
background: transparent url(アイコン画像のURL) no-repeat 0px 4px;
padding-left: 12px;
}

span.blogpeople-linklist {
margin: 4px 0px -12px 0px;
display:block;
color:#666666;
font-weight:bold;
border-bottom: 1px dotted #9fb7cf;
}

ブログ開始当初、サイドバーに貼り付けていたBlogPeopleのリンクリストを取り外した理由がこのリンクリスト表示遅延問題です。

ここ最近は、BlogPeopleも一時ほどの人気もなくなった様子なんで(ぉぃぉぃ)
負荷に対して神経質にならなくても良いかもしれませんが…

今回表示させる位置が比較的ページの上の方になるんで。。

対策として、小粋空間さんで紹介されている
BlogPeopleリンクリストを一番最後に読み込ませる方法を利用させていただきました☆

小粋空間: BlogPeople 等のリンクリストによる表示の遅延を解消する（その1：JavaScript編）

こちらは、そのまんま使わせていただいたので、ここで詳細は述べません(^^;


ここまででも対策は充分かと思いますが…

せっかくなんで、先日不具合を修正した『中継君JS』も併用してみました。
(キャッシュ周期６０分設定)


ちなみに、中継君については…
上記記事の後ちょこっと修正しましたが。。
その辺については近日中に記事ＵＰします☆
（もはや需要があるのかどうかも謎ですけど…爆）


そんなこんなで、色々弄りましたが
なんとか納得のいく形でリンクリストが完成しました♪


っつ〜事で(?)相互リンクサイトさん募集中です（爆