- Cha’s Bar 2.0 - http://www.nakui.biz -
リンク集 (BlogPeople) 用スタイルシート
Posted By Cha On 2007年06月29日 @ 7:21 pm In ウェブデザイン | 8 Comments
最近追加したページに[1] 「リンク集」がありますが、一つ一つリンクを追加して作成しているのはめんどくさい!というより、現状のウェブ製作から、そうしたリンク集の作成方法は、ちょっと時代錯誤!?
そこで、私は昔から利用している [2] BlogPeople を介してこのリンク集を構成しています。
更に、単純に BlogPeople が用意しているスクリプトを貼り付けているだけでは、あまりにも技がないので、以前から気になっていた[3] 「blog*citron::BlogPeopleのカスタマイズ」を参考にさせて頂きながら、ちょっとだけ自分用にカスタマイズをして、整えました。何にも難しいことはありませんが、忘れてしまいそうなので自分用の覚書として。
まずは、実際に本サイトで採用しているコードを書き出します。
div.blogpeople-main p {
padding:5px 0; }div.blogpeople-main p a {margin:0 0 0 1px; }
div.blogpeople-main img {border:0px;}
span.blogpeople-linklist {
display:block;
padding:0 0 0 5px;
color:#0000ff;
font-weight:bold;
border-left:10px solid #ccaa66;
border-bottom:1px solid #ccaa66;}
何てことはありません。参照している投稿記事をそのまま適用しているだけです!何んとも素晴らしい!!ちょっと参考までに以下も書き留めておきます。
- div.blogpeople-main: BPリスト全体
- div.blogpeople-main p: リンクリストのブロック
- span.blogpeople-linklist: リンクリストの名前
- div.blogpeople-main p a: リンク
- span.blogpeople-update-suffixtext: up!のテキスト
- div.blogpeople-powered-by: フッターのBPクレジット
こうした投稿記事が公開されているのは、本当に感動しますね!
Article printed from Cha’s Bar 2.0: http://www.nakui.biz
URL to article: http://www.nakui.biz/index.php/2007/06/29/70
URLs in this post:
[1] 「リンク集」: http://www.nakui.biz/index.php/weblinks
[2] BlogPeople: http://www.blogpeople.net/
[3] 「blog*citron::BlogPeopleのカスタマイズ」: http://www.webcitron.com/blog/sblog/tips/bplist_customize.html
Click here to print.
Copyright © 2006-2008 Cha's Bar 2.0. All rights reserved.