blog*citron

date: 060519

category:: tips
author:: ユヅ

sb/Serene Bach「この記事を編集する」Bookmarklet

sb/Serene Bachで今見ている記事の編集画面へ飛ぶBookmarkletです。
個別エントリーを開いている状態で、ブラウザのお気に入りからこのBookmarkletを押せばその記事の編集画面へジャンプすることが出来ます。

Bookmarkletというのはブラウザのお気に入りから使う1行のJavaScript。
エントリーにつけていたEditリンクと同じ動作を、Editリンクなしでブラウザのお気に入りから行うことができるもの、と考えていただければOKです。
但し、エントリーIDをコメントフォームから拾っているためコメントを閉じている場合は利用できません。
winXPのIE6、Opera8.5、Firefox1.5、Sleipnir2で動作確認済み。

Edit This for SB

テンプレートのベースHTMLと個別エントリHTMLを修整します。
<form action="{site_cgi}" method="post">
というコメントフォーム部分のformにid="comments_form"を追加。
<form action="{site_cgi}" method="post" id="comments_form">
という形にして保存。すべてを再構築します。
httpから始まるadmin.cgiのURIを入れて「作成」をクリック。
「この記事を編集する」のリンクを右クリックでお気に入りに追加するか、お気に入りバーにドラッグ＆ドロップで追加して下さい。
自分のブログの個別エントリーを開き、お気に入りから「この記事を編集する」をクリックすれば編集画面にジャンプします。
（管理画面の最初に戻される場合はcookieの設定を見直して下さい）

for Serene Bach

[SB]この記事を編集する

for sb

sbユーザーの方はこちら。sb1.16Rにてテスト済みです。

[sb]この記事を編集する

※このフォームはadmin.cgiのURIを含むBookmarkletを簡単に自動作成するものです。私や第3者にadmin.cgiのURIが送信されるようなことはありません。

FAQ

自動作成ができません: JavaScriptをONにしてご使用下さい。
bookmarkletを押した後、管理IDとパスの入力画面に…: 管理画面のcookie切れです。グローバル環境設定のAdminCookieDayの日数を増やしたりRefCheckを0にしたりすると幸せになれるかもしれません。
bookmarkletを押しても編集画面に飛ばない…: JavaScriptがONになっているか確認。次にそのページのソースを開いて、コメントフォーム部のformにidがちゃんとついているか確認して下さい（手順1の部分がきちんと出来ているかどうか）
個別エントリ以外で使ってもダメ？: ダメ(*´ω｀)σ)Д`)
先生、再構築が大変です！: テレビでも見ながら、分割してマッタリやるよろし。

このBookmarklet及び自動作成サービスは小川さんがMT用に作成・公開されたものをsb/Serene Bachで使えるようにちょこっと改造したものです。
本家エントリではMTだけでなくJUGEMやlivedoor、ココログ用といったいくつかのBookmarkletが公開されています。
“Edit This” Bookmarklet | Ogawa::Memoranda
以前からEditリンクをBookmarkletで出来ないかな？と思っていたので、応用できるスクリプトを公開していただいて感謝です。有難うございました。

Close

date: 060512

category:: tips
author:: ユヅ

BlogPeopleのカスタマイズ

登録サイトが増えるとごちゃごちゃしがちなBlog Peopleのリスト。CSSでリンクリスト（カテゴリ）ごとの見た目の区別をはっきりつけてあげることで、ちょっとスッキリさせてみるテスト。（※div出力形式のもの）

4パターンのサンプルとソースを載せています。
使い方はCSSにコピー＆ペーストするだけです（アイコン等は必要なものは別途ご用意下さい）カスタマイズはご自由にどうぞ。

リンクカラーはお使いのテンプレートの設定によりますが、サンプルで使用している色を記載していますので参考にどうぞ。テンプレートと雰囲気を揃えたい場合は、テンプレート内で使われている色から選んで合わせるのがオススメです。

リスト1 NO IMAGE A
linkcolor: #89ac36

画像を使わないタイプ。
各リンクリストの名前のところを付箋のようにして目立たせたデザイン。リスト内は１文字分内側に寄せています。

リスト2 NO IMAGE B
linkcolor: #666

画像を使わないタイプ。
ブログピープルのリスト自体を囲み、更にリンクリストごとにブロック分けして仕切っています。リンクリスト名は目立つ色でマーキング。

リスト3 LIST ICON TYPE
linkcolor: #c1688c

リストにアイコンを使用。
サンプルでは矢印ですが、お花でも何でもお好みで。フォントサイズに対して小さめのサイズの方がバランスが良いと思います。

リスト4 TITLE ICON TYPE
linkcolor: #B03F74

タイトルにアイコンを使用。
リンクリストのタイトルにワンポイントをつけてみる。アイコンではなくストライプや水玉の壁紙をつけてもOK。壁紙を貼る場合はbackground指定のright top no-repeatを削除して下さい。

Tips - リンクリスト？
リンクリストというのは、ブログピープルの管理画面で設定するカテゴリのようなものです。ログインして「リンクリストの作成」からいくつでも作ることができます。
Firend、Blog、News、Movieなどカテゴリ分けしておくと便利です。

Tips - div形式のclass名
div出力の場合、リストにはこんなclass名が設定されています。
カスタマイズの参考にどうぞ。

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クレジット

1行ごとに<br />が挟まれているためspanやaをdisplay:blockにすると下に１行分のスペースが入ることに注意。ソースを見たい場合は自分のリストの呼び出しjsを直接ブラウザに打ち込むか、ダウンロードしたものをテキストエディタで開けば見ることが出来ます。

Close

date: 060427

category:: template > update
author:: ユヅ

テンプレートupdate(bon voyage!)

bon voyage!の2カラム及び3カラムを2.01（sbは1.01）へアップデートしました。記事内でfloatを使用した時に一部の文字が消えるというIEのバグ対策を行っています（この現象はIEでのみ発生する可能性があります）

手動アップデートの場合
テンプレートの編集画面より、CSSに下記を追記して下さい。

2カラムの場合

div.entry_body, div.entry_more, div.profile_body {
width:498px;
}

3カラムの場合

div.entry_body, div.entry_more, div.profile_body {
width:368px;
}

※このwidthの値はデフォルト状態のものですので、幅を変更されている場合はこの限りではありません。entry_bodyの幅に当たる数値を入れて下さい。

date: 060424

category:: antenna > Foods
author:: ユヅ

アクアクララ

気になっているアクアクララ。
家庭でも使えるウォーターサーバーです。
冷たいお水だけではなく、お茶やカップ麺も作れる温度のお湯がすぐに出せる便利モノ。お水もミネラル入りで美味しいそうな。サーバーをレンタルしてお水を購入する仕組みで、お水の消費量によっては節約になる場合も。

母上と欲しいねー入れてみようかどうしようかーと悩み中。
ひねればすぐにお茶が入れられる熱湯が出てくるなんてステキ。
月2本として設置料含めて24リットルで約3500円。あと電気代がいくらかわかりませんが800円程度？と予想。
クリスタルクララというのもあって味が違うとか。
ネットで見た限りではアクアクララのが水は美味しいそうですが…。
口に入るものだけに、メンテナンスは大丈夫なのかなとか慎重になります。
これから夏で、喉乾いた時にすぐに飲める水があるのは魅力ですね。
美味しい水でいれたお茶が美味しそうなのも惹かれます(*'-')

date: 060423

category:: template > update
author:: ユヅ

テンプレート修整のお知らせ

sb及びSerene Bachのテンプレート、bon voyageの2カラム版において2点修整があります4月22日の23時頃より前にダウンロードされた方は、お手数ですが修整をお願いします(・ω・`)
該当テンプレは2カラムのみですので3カラムの方は不要です。

修正点はCSSの以下の2箇所です。
太字の部分をこの色の説明の通りに修整をお願い致します。

@media screen, print {
div.entry_title {
letter-spacing: 1px;
}
div.entry_body , div.entry_more {
letter-spacing: 0px; → 1pxに変更
}
}

div.entry_body , div.entry_more {
margin: 0;
padding: 0 15px;
color: #000;
font-size: 77%;
line-height: 1.6em;
letter-spacing:1px; →この１行を削除
}

修整後のファイルの上書きに失敗してたとです…orz

▼bc011_line.gifが入ってない場合
←こちらからダウンロードしてテンプレート用の画像フォルダにアップロードして下さいませ。CSSの編集は不要です。テンプレートメーカーではこのファイルもちゃんと登録されてるのにおかしいなー(´Д⊂