« 救命病棟24時 もうすぐ | トップページ | 1×8行こうよ! 一回目 »

2005.01.07

すっきり 『追記』

なんとかサイドを、すっきりさせたかったのです。
プルダウンは、一度試しましたが気に入らなかったの。

で、見つけました。
しまちゃんの所をヒントに、こちらを参考にしました。

facet さんのfacet-divers
サイドバー折り畳み2:状態保持機能付き

+と-だけにしたくて、ゴチャゴチャ直しましたが上手くいかずに
断念しました。

+と-のところをポチッと押してもらえれば、ズラッと関連記事が
出ます。


・・・追記
factさんのお陰で、+と-だけにすることが出来ました。
ありがとうございます。

全角小文字にしてると、反映されないんですね。最初、使ってて
出来なくて、カナにしたら出来たので。

|

« 救命病棟24時 もうすぐ | トップページ | 1×8行こうよ! 一回目 »

ウェブログ・ココログ関連」カテゴリの記事

コメント

トラックバック、ありがとうございました。

+と-だけにしたいとのことですが、

switchStyle="float:right;padding:0px;margin:0px;width:1.0em;border:none;background-color:#FEEED5;";

としてみてください。

もし、上手くいかなければ、またご連絡ください(^^)

投稿: facet | 2005.01.07 15:27

ありがとうございます。無事に出来ました。
borderから後ろを貼ったら出来ました。

また何か困ったことが起きたら助けてください。
よろしくお願いします。

投稿: かりのすけ | 2005.01.07 16:05

うまくいったようで良かったです。

ただ、デザイン的にはすっきりしてていいのですが、開閉ボタンであるというのが判りづらいのがちょっと気になりますね。

そこで、足しになるかどうかわかりませんが、私のサイトで使っている隠れ技をご紹介します。

メモ欄のfoldMark = "-";の直上に、下のようなコードを追加してみてください。すると、+や-の上にマウスポインタが乗ったときに、タイトルの背景色が変化してくれて、ちょっとわかりやすくなるかと思います。

function actOnMouseOver(e){
e.parentNode.style.backgroundColor='white';
}
function actOnMouseOut(e){
e.parentNode.style.backgroundColor='';
}

他にもいろんな動作(たとえば盛り上げたり)が可能なので、ご希望があればお気軽にリクエストください。

あと、余談ですが、javascriptなどのプログラム言語やHTMLやCSSなどの予約語は、歴史的に、半角の英数文字しか受け付けないことが多いんですよね。昔は等幅フォントしかなかったので全角か半角かがすぐに判ったんですけど、今はプロポーショナルフォントが多いですから、全角か半角かが判別しづらくて困ることが結構多いですね。

それから、記事内の「サイドバー折り畳み2:状態保持機能付き」へのリンク先は、
http://facet.cocolog-nifty.com/divers/2004/10/post_1.html
ですので、よろしくです(^^)

投稿: facet | 2005.01.08 01:52

何度もありがとうございます!確かに、
分かりにくいなって気になっていたんです。
盛り上げた方がいいか、他にいい方法があるか
相談したかったのです。

記事内のリンクアド、間違えてすみませんで
した。訂正しましたので、ご確認お願いします。


投稿: かりのすけ | 2005.01.08 08:49

>確かに、分かりにくいなって気になっていたんです。盛り上げた方がいいか、他にいい方法があるか相談したかったのです。

そうなんですよねぇ。

実は、一番最初に作った「折り畳み」では、タイトルを普通のリンクみたいにしていて、タイトルの頭に+/-を付けることで「開閉できるよ」と暗に示すようにしていたんです。これは、慣れるといいんですが、最初、それが閉じていることが分かりにくいという意見をいただきました。

そこで、+/-の意味がわからなくても、とりあえず押して見たら何か起こるということが想像しやすいように、ボタン型にしてみたのが今のバージョンなんです。

ですから、やっぱりボタン型になっている方が、閲覧者の立場からするとベターなのではないかと思っています。...が、同時に、デザイン的に問題があるとも思っています。

また、やはり、タイトルをクリックして開閉できるというのがより直感的だし、より使いやすいのではないかなとも思っています。

先月のメンテでココログのHTMLが変わり、拙作「折り畳み」も古くなったので、新HTMLに併せて新しいバージョンを作りたいなと思っているところです。どういう風にしたらわかりやすいかなあというアイデアや、どうして欲しいと言うご希望など、なんでもいいので、またコメントいただければ幸いです(^^)

投稿: facet | 2005.01.14 04:11

ボタンだけ、盛り上がればいいかなって思いました。
タイトルまでしてしまうと、かえって見難い感じが
したのです。

+/-で充分わかると思いますよ。すでに、
他のサイトで見てたからかもしれませんが(爆)。
ボタン型の方が、私は好きかなぁ。ボタンに
ポインタを乗せた時、ポインタの形が変れば
より分かりやすいのですかね。

リンクのところに乗せた時のようにポインタが
変ると思われたようです。どこを押せば開けるか
分からなかったと言われたのですよ。

うーん、難しいですね。何か、気付いたら書きたいと
思います。勝手なことばかり書いて、すみません。

投稿: かりのすけ | 2005.01.14 10:14

>ボタンにポインタを乗せた時、ポインタの形が変ればより分かりやすいのですかね。
>リンクのところに乗せた時のようにポインタが変ると思われたようです。どこを押せば開けるか分からなかったと言われたのですよ。

そうそう。そうなんですよ〜。今の奴はbuttonタグを使っていてポインタの形が変わってくれないので、いろいろ苦労してます(T_T)

それを考えて、今度はボタンをaタグに戻そうと思っているのですが、タイトル全体が盛り上がっているのは見にくいかなあと、私も思っていたのでした(^^)

ただ、ココログの新しいリッチテンプレートでは、今のようにbuttonタグのボタンを追加しても、後でタイトル部分が画像に置き換えられてしまうテンプレートがあって、現方式が使えないので、やっぱりタイトル全体をトリガーにしないとだめかなあ...選べるようにできないかなあ...と悩み中です(^^;

投稿: facet | 2005.01.15 04:56

難しいですね。理想を求めると、私の頭では
すでにパンクする域です(笑)
何か、いいものが出来たら紹介してください。
言うのは簡単ですが、それを実現させるfactさん
はすごいですわ。

投稿: かりのすけ | 2005.01.15 20:55

コメントを書く



(ウェブ上には掲載しません)




トラックバック


この記事へのトラックバック一覧です: すっきり 『追記』:

« 救命病棟24時 もうすぐ | トップページ | 1×8行こうよ! 一回目 »