伝言板
Tigerさんの素晴らしいアイデアを拝借。これぞKing of the TIPS。要不要は度外視して、こういうTIPSを見ると使わずにいられない。facet ... その性、傲慢にして無謀（笑）。
「メールするほどではないけれど、記事と関係ないコメントを書く場所」です。
お気軽になんでもお書き込みください(^^)。
| 固定リンク
「ウェブログ・ココログ関連」カテゴリの記事
- サイドバー折り畳み２：状態保持機能付き(2004.10.08)
- とりあえずサイドバー折り畳み２(2004.03.14)
- ココログ過去記事編集用Bookmarklet 4 (全プラン対応版)(2007.05.05)
- ココログ過去記事編集用bookmarkletその3(2006.05.22)
- ココログ過去記事編集用bookmarkletその2(2004.07.30)
トラックバック
この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/1941/24882
この記事へのトラックバック一覧です： 伝言板:
» BGM再生用JavaScript [風柳亭 - 別館：書庫のある庵 -]
BGM再生用JavaScript設置用のHTMLを作成してみました。 下の方に書 [続きを読む]
受信： 2006-04-21 22:59
» BGM再生用JavaScript [風柳亭 - 別館：書庫のある庵 -]
BGM再生用JavaScript設置用のHTMLを作成してみました。 下の方に書 [続きを読む]
受信： 2006-04-21 23:00
» 記事を使った伝言板設置＆最近の伝言リスト表示(リスト表示はココログプロ専用) [風柳亭 - 別館：書庫のある庵 -]
記事と関係のないコメントを付ける場所があればいいな……と思い、facetさんのと [続きを読む]
受信： 2006-04-25 17:44
コメント
こんにちは～。菅野さん繋がり(?)のssです。襲撃返しに来ました(笑)
今後ともよろしく…（￣ー￣）
投稿 ss | 2003-12-23 14:06
こちらをBBS風に使ってもよいのでしょうか?
「KOROPPYの本棚」のコロッピーです。
Google検索窓の文字化けの件、コメントありがとうございました。
ご指摘いただいた一文を足したところ、文字化けを回避することができました。
すっきりしました～。
ありがとうございました。
こちらのページもいろんな技があってびっくりです。
いろいろ拝見させていただきます。
これからもよろしくお願いします。
投稿 KOROPPY | 2003-12-24 13:21
以前、菅野さんファンのサイトで復刻活動してるのがあったんですけど、かれこれ３年近く経っても進展ないみたいですから、復刻は難しそうですねぇ…＜中国
NHKでの再放送があるだけでもいいんですけど、それもなし…（；´Д｀）
投稿 ss | 2003-12-26 15:58
レス、遅れました_(._.)_。
＞コロッピーさん
お役に立てて良かったです(^^)。あれで全ての文字化けが解決しているかどうかは分からないのですが、とりあえず一応の効果はあるみたいですね。# だれか解説してくれないかなあ…(笑)。
＞ssさん
「中国～」は、もう３年もダメなんですか…。再放送ぐらいしてくれてもよさそうなんですけどねぇ…＞NHK。今はそんなにマイナーでもないと思うんですけどね、菅野よう子って(T_T)。
投稿 facet | 2003-12-27 16:37
ｎａｒｉです。
私の記事[カレーとラーメン]にコメント頂き、有難うございますm(_ _)m。
私は胃の手術を受けた為、退院後暫く（半年ほど）は殆ど食べられなかったのですが、どうしてもカレーやラーメンが食べたくなる時があり、結構無茶しました(^^;)。
なんであんなに食べたくなるんでしょうね(^^;)。
投稿 ｎａｒｉ | 2004-01-03 00:40
nariさん、わざわざこちらにまで返答ありがとうございました。ほんと、何ででしょうね(笑)。
投稿 facet | 2004-01-04 21:16
こんにちは。
此処録さんのところから来たんですけど、
リストに僕のココログがあってびっくりしました。
facetさんもフランスに住んでらっしゃるんですね。
どの辺ですか？
これからもたま来ます！
投稿 ひで | 2004-04-08 18:33
ひでさん、いらっしゃいませ。ついに見つかっちゃいましたか。いつも密かに楽しく拝見させていただいてたのに（笑）。
住んでいるのは、パリから200km南、ということだけ書いておきますね。知人に検索されて見つかりでもしたら大変ですから（嘘。
ということで、よろしくお願いします(^^)。メールの方もお気軽にどうぞ。
投稿 facet | 2004-04-09 01:25
こんにちは。
あれあれ。みんなフランスに住んでるんですか？
世間は広くてせまいですね。
＞サブタイトルがどうしても、左によるのは・・・という独り言にお答えいただきありがとうございました。
「↑このファイルの#banner{〜}のところで、text-align: left;と指定されているから」ということですが
styles.cssというファイルがないと私のコンピュータは
言っております。本当の初心者ですから、このままでいいや。
もうひとつだけ質問させてください。写真の横に文字を入れる
方法を教えてもらったので、喜んだのですが、写真と文字の
間に行を開けたいのです。
さっきイラスト入りのＨＴＭＬの本を奮発して購入し、そこに書いてあるようにBR CLEAR=leftやらHSPACE=30なんていうのを大文字、小文字などで試してみたんだけど、さっぱりうまくいきません。どうしたら、いいんでしょう。
今ホームページをつくろうとしていて？だらけ。パソコン持参で個人レッスン受けたいくらいです・・・
投稿 市絛 三紗 | 2004-04-09 20:17
役にたたない書き込みでスミマセンでした。
市條さんは、プラスコースですか？ プロコースですか？ （まずそれをお聞きしておくべきでした。）
写真と文字の間（マージン）を空けるのも、それによって方法が変わってきますので。
# HP作成で分からないことがあったら、いつでもお気軽にどうぞ。メールでもここでも構いませんので。さすがにパソ持参していただくには遠すぎますからね(^^;。
投稿 facet | 2004-04-09 22:20
ありがとうございます。プラスです。プラスとプロでもちがうとは。奥が深すぎる・・・
さらに初歩的な質問です。ソフトがないので、唯一部屋にあった３年前のＹａｈｏｏのおまけＣＤから「Ｎｅｔｓｃａｐｅ６．１」と「ホームページビルダー６」３０日体験版をいれ、ネットで「Ｆｒｏｎｔｐａｇｅ Ｅｘｐｒｅｓｓ」をダウンロードしました。
「ホームページビルダー６」が使いやすいんだけれど、これでホームページをたちあげて、期限がきれたら、ほかのソフトで更新することは可能ですか？Ｉｎｆｏｓｅｅｋでつくります。
パソコンはＸＰです。
投稿 市絛 三紗 | 2004-04-10 08:55
facetさん、こんにちは。
昨日今日とこっち（リヨン）は凄く寒いです。
そっちはどうですか？
投稿 ひで | 2004-04-10 11:59
＞ひでさん、
な〜んか寒いですねぇ。今はちょうど晴れ間が出てますけど、家の中にいても何だか肌寒いです。寒いのは嫌いなので、早く暖かくなって欲しいです。(T_T)
＞市條さん、
写真のマージンを制御するには、やっぱりCSSを使うのが簡単です。プラスなので、そちらのコメント欄にも書きましたが、マイリストのテキスト表示設定したメモ欄に、以下のコードを書き加えてみてください。
style type="text/css"
!--
.content img {margin:15px;}
--
/style
これで写真の周りに15pxのマージンができますので、写真と文章の隙間が空いてくれます。（type="text/css"を書き忘れてました）
（＊ 本文のpaddingにあわせて30px→15pxに変更：2004-04-13）
また、市條さんのところのように写真が常に左上にある場合は、
style type="text/css"
!--
.content img {margin:0px 15px 15px 0px;}
--
/style
とするのもいいかもしれません。margin:上 右 下 左;と時計周りに指定することになっています。それから、
style type="text/css"
!--
.content img {margin:0px 15px 15px 0px;float:left;border:none;}
.content p.posted {clear:both;}
--
/style
（＊ text-align→floatに修正し、かつ、.postedに対するclearの指定を追加：2004-04-13）
としておくと、画像毎にaling="left" border="0"を追加しなくてもOKになって楽ですよ。
それから、HP作成ですが、ホームページビルダーは確かに評判いいですね。期限後は、それこそメモ帳だけでも更新することはできます。HTMLさえ覚えれば。あ。FTPは別途必要ですね（FTPコマンドとかいうのもあるのでFTPソフトもなければないでできないことはないですが）。
ビルダーの期限後はFrontpage Expressで頑張る、という感じですかね。……なら最初からFEを覚えた方が良さそうな気もしますが……。個人的にはFEは嫌いなのでお推めはしませんが。Netscape 6.1のコンポーザもFEと似たりよったりですかね。
他の選択肢としては、@nifty会員ならサクサク作成君を使ってしまうという手もありますね。サクサク作成君で作って、できたHPをダウンロードして、それをinfoseekにアップロードする、とかもできないことはないですし(^^;。
http://homepage.nifty.com/sakusaku/
他のWYSIWYGなホームページ作成ツールとしては、今検索したら、こちらのリストを発見しました。
http://page.freett.com/tadahp/softhtml.htm
alphaEDITなんかよさそう。適当ですが。
投稿 facet | 2004-04-10 15:17
ご指示のようにためしにやってみます。
サクサク作成君は確かに簡単。公開していないのですが、１日で出来ました。もう少し見栄えよくと思うと、それからが、さっぱりです。
投稿 市絛 三紗 | 2004-04-10 16:06
おかげさまで、写真の横にスペースができました。
私は下のように数字を変えました。
{margin:0px 20px 0px 0px;text-align:left;border:none;}
サブタイトルは真ん中によるのをいやがって左端にいます。
投稿 市絛 三紗 | 2004-04-11 11:59
http://facet.cocolog-nifty.com/divers/2003/12/post_20.html#c168182
市條さん、
サブタイトルの件ですが、
style[an error occurred while processing this directive]/style
というエラーがでているみたいです。これは、!--と#の間にwhitespace（半角スペースや改行など）がないためだと思います。写真のスタイル指定の方も!--の後のwhitespaceがないみたいでしたので。
なお、こういう技↓もありますので御紹介まで。
異空間==お花畑: マイリストに名前を付けつつ表示させない方法
http://oharu.way-nifty.com/psycho/2004/01/post_5.html
投稿 facet | 2004-04-11 14:48
何度もすみません。さっそく名前を隠して変更しました。
タイトル、サブタイトルも左右、中央に動かしてみましたが、
どうも全体のバランスが悪いので結局もとにもどしました。
投稿 市絛 三紗 | 2004-04-12 18:06
http://facet.cocolog-nifty.com/divers/2003/12/post_20.html#c168182
市條さん、
まず、本文の画像の左寄せの件ですが、上記では適当なことを書いてすみませんでした。
style type="text/css"
!--
.content img {margin:0px 15px 15px 0px;float:left;border:none;}
.content p.posted {clear:both;}
--
/style
ということでお願いします。
---
それから、サブタイトル（＆タイトルバックの下）が隠れて見えない件です。
これは本当にたくさんのココログで起こっている問題で、ココログシステム自体の問題なので、プラスとベーシックではユーザ側でいろいろと工夫をして対処せざるをえないのが現状だと思います。
今回、市條さんのココログのタイトルバック画像の大きさを改めて確認してみたんですが、902×95でした。画像本来の大きさは785×83のようですが、選択されたテンプレートの横幅（902px）にあわせて自動的に拡大されているようです（画像がなんとなく粗く見えるのもそのせいでしょう）。ということで、#banner {height:95px;}とすると良いだろうという話になるんですが、市條さんが使われているテンプレートのタイトルバックの元々のサイズは902×40のようなので、それにあわせた写真を作るのが、スタイルの#bannerの部分が不要になるし、最もいいかも知れません。
---
といいますのも、今回、簡便な方法だろうと思い、マイリストにstyleを書く方法を紹介させていただいたんですが、コメントを書き込んで確認する画面では（マイリストが表示されないので指定したstyleが適応されず）サブタイトルと「コメントの確認」という行が重なってしまって見辛いことに気がつきました（firefoxの場合）。ですので、その点が気になるならば、マイリストではなく、サブタイトルの後にstyleの指定を埋め込むか、フルカワさんのスタイルシートに関するこちら↓の記事にある方法を採った方が良いと思われます。
詞織: 自作スタイルシートの適用
http://siolli.cocolog-nifty.com/blog/2003/12/post_1.html
ただ、フルカワさんは文法違反であることを承知の上でこの方式を採用されていること、また、サブタイトルに説明以外を埋め込むのは（blogを巡回しやすくしてくれるツールである）RSSリーダを使っている人には嬉しくないこともある方法であるということ、でも、プロコース以外で「コメントの確認」の画面にまでスタイルを適応させる方法はサブタイトルに何らかの方法でスタイルを埋め込むしか方法のないこと、なども書き添えておきたいと思います。
ということで、プラスでは、自分が採用しているテンプレートのサイズを調べ、それにあわせた背景画像を作成するのが最もいいのではないかという結論に達しました。
もし、これらのことに興味がありましたら、tsupoさんのこちら↓の記事も御覧になってみてください。
観測気球: ココログで独自スタイルシートを使う方法 関連リンク集
http://watcher.moe-nifty.com/memo/2003/12/_.html
こちら↑の記事は、内容が濃すぎるかなということや、プラス＆プロがなかった時代の話ということもありますが、プラスでは基本的に同じ問題を抱えたままのはずですので、参考にはなるかと思います。
以上、私なりにまとめると、プラスとベーシックでスタイルシートを使うには結局どこかで妥協しなくてはいけない、というかんじでしょうか。まあ、私はそれでも、ココログはいいツールだなぁと思ってます(^^。
投稿 facet | 2004-04-13 23:59
ついこの間まで、私のホームページは２列だったのです。それにあわせて、タイトルバック画像をつくってあったので、３列にしたら、横がきれて本来の画像なしの背景の色になってしまったので、自分でもう一度引き伸ばして貼り付けました。勝手に横には引き伸ばされませんでした。
またそのうち、他の写真に入れ替えようと思います。どうもお世話になりました。
投稿 市絛 三紗 | 2004-04-14 14:32
http://facet.cocolog-nifty.com/divers/2003/12/post_20.html#c175317
市絛さん、
なるほど。自動的には引き延ばしてくれないんですね（勝手な推測でした_(._.)_）。
画像周りのマージンの方は、うまくいったようで安心しました(^^)。今回は勉強になりました。
投稿 facet | 2004-04-14 14:56
facetさん、こんにちは。
先日は、写真の入れ方について色々教えて頂いて
有難うございました。
CSSについては、もうちょっと時間が掛かりそうですけど、
仕組みが分かっただけでも勉強になりました。
ご面倒でなければ、これからもご指導宜しくお願いします。
投稿 ひで | 2004-04-16 17:52
facetさん、こんばんわ！
CSSコード、更新いたしました！
バッチリ（？）です（^▽^）
ありがとうございました☆
投稿 ほし | 2004-04-17 13:35
http://facet.cocolog-nifty.com/divers/2003/12/post_20.html#c180047
ひでさん、
「ご指導」いたしましょう（笑）。いや、こちらこそ宜しくお願いします。_(._.)_
投稿 facet | 2004-04-18 06:05
http://facet.cocolog-nifty.com/divers/2003/12/post_20.html#c181343
ほしさん、
お。うまく行きましたか。
……うん。こちらのブラウザでもちゃんと見えてますね。
もし何か問題がありましたら是非ご一報ください。
お役に立てて良かったです(^^)。
投稿 facet | 2004-04-18 06:13
facetさん、こんばんは。
先日質問のあった鼻炎の薬の件ですが、
僕の知り合いは、Zirtec と言う錠剤を使っていて、
効くと言ってました。この薬は処方箋が必要だそうです。
投稿 ひで | 2004-04-18 21:35
http://facet.cocolog-nifty.com/divers/2003/12/post_20.html#c184294
ひでさん、
お手数かけました。どうもありがとうございました。_(._.)_
やっぱり処方箋が必要なんですね。ホント面倒ですね、フランスは何かと(T_T)。
投稿 facet | 2004-04-19 15:35
こんばんは。
日本では数年間花粉症で、フランスでも鼻がむずむず。私はいろいろ薬をかえてもらったんですが、フランスの薬ではおさまらず、日本から送ってもらいました。「ずっと使っちゃだめ」と書いてある（鼻の内部が充血してしまうらしい）けれど、ずっと口で息するわけにもいかないので、多用してました。なぜか今年は花粉症の症状がでてません。
思い当たることは、蜂蜜をたくさん食べたこと。それからスイスのWeledaという自然食品会社のBrumessenceというスプレーを使ったこと。これは処方箋いりません。薬局で買えます。ティッシュに吹き付けて、鼻にあてるだけ。ほかの会社でも、よく似た製品がいろいろありますよ。
それから、なぜか、またタイトルバックの下部に背景の色が出るようになりました。#banner {height:65px;}でやっとなくなったんだけど・・・ココログで何か変更あったのでしょうか？
投稿 市絛 三紗 | 2004-04-21 22:58
>>http://facet.cocolog-nifty.com/divers/2003/12/post_20.html#c191809
一條さん、情報、ありがとうございました（花粉症の方、本当に多いですね）。
教えていただいたタイプの薬、それとなく気にしてみます。先日、母から鼻炎カプセルが６種類とどいたところなので、しばらく持つと思いますので。
あと、はちみつですか。そういえば私もこちらに来てから割りと食べてますね。……効能や如何に。
そういえば、私の場合、鶏卵や白い精製砂糖を摂取しないようにしてみると調子が良くなったことがありました。また、ヨガをしていたころは、半年ほど鼻炎カプセルを飲まなくてすんだこともあります。やはり、体質もありますが、生活習慣も大いに影響があるんでしょうね……。
あと、タイトルバックの件ですが、？？？です。
＊＊＊
niftyの方でなんかやってるみたいな感じですね。
ちゃらりーまんの日々
http://myzk.tea-nifty.com/blog/
そのうち、お知らせココログに同様のお知らせがでることでしょう。
http://info.cocolog-nifty.com/info/2004/03/post_6.html
投稿 facet | 2004-04-22 14:51
こんにちは。はじめましてデス
ちゃらりーまんの日々の管理人みやざきです。
愚痴の記事を取り上げて下さって恐縮しております。
新たな機能を追加したら、前に修正した不具合が復活しちゃうことは
あってはならないけど、たまに復活しちゃうんですよね。
もう少し様子を見つつ、自作スタイルシートへの移行も考えてたりします。
投稿 みやざき | 2004-04-23 03:39
>>http://facet.cocolog-nifty.com/divers/2003/12/post_20.html#c194426
みやざきさん、はじめまして。コメントありがとうございます(^^)。というか、なんでこんな片隅で会話されたことがばれちゃったんでしょう（笑）。いや、貴重な情報でした。今回はあんまり皆さん愚痴ってらっしゃらないので、あれ？って感じです。これではniftyまで声が届かないんじゃないかと心配になるぐらい。
投稿 facet | 2004-04-24 01:19
facetさん、こんばんわ！
お言葉に甘えて、ご質問してよろしいでしょうか？？
写真を横にして文章を書いた時、途中、改行すると写真の下まで文章が移動してしまうんです。今はスペースをいっぱい入れて改行したように見せかけています（笑） 普通に改行をしたいのですが、これはどうにかできるんでしょうか？？
すみません、初心者な上に文章が分かりづらくて･･･。
よろしくお願いします。m(_ _)m
投稿 ほし | 2004-04-25 16:34
>>http://facet.cocolog-nifty.com/divers/2003/12/post_20.html#c200465
ほしさん、こんにちは。
前回書いたCSSの内、最後の行 .content br {clear:both;} を削除すれば普通に改行してくれるようになります。
ただ、この一文をはずすと、写真を３枚配置してある記事のレイアウトが崩れます（そのために br {〜} の一文を入れていました）。
（.content br {clear:both;} というのは、「本文(.content)で改行(br)する時に、それ以前で指定した（写真を左寄せしたりしている）float指定を全て解除する（＝改行したときに文章を写真の下から続けるようにするという既定の動作に戻す）」という意味です。）
なので、……
1) .content br {clear:both;} を .content br.c {clear:both;} に変更し、記事を書く時に、横に並べて配置したい写真または文の終り毎に br class="c" / というタグを追加する。（cは適当です）
2) .content br {clear:both;} を消さず、改行をする時は常に改行を２回押すようにする。
というような方法があるでしょうか。
1)の場合は、以前の記事の修正が必要ですが、結果的に一番楽な方法かもしれません。
2)は、過去記事の修正は不要なので楽です（スペースを沢山入れてある所は、どちらにしても修正しないといけませんが）。
この2)方法は、「連続した改行二つを段落区切りに変換する」という、ココログの「テキストフォーマットの初期設定」の「改行を反映する」というモードの仕様を利用しています。
なので、どうしても間延びしてしまいますから、逆にCSSに次の一行を追加することで段落間隔を調整することになるでしょうか。
.content p {margin-bottom:10px;}
ただし、こうすると全ての段落間隔がこの値(10px)になってしまうという新たな弊害も生まれます。
他の方法もあると思いますが、とりあえず、思いついたのはこんな感じです。
投稿 facet | 2004-04-25 20:38
facetさん、おはようございます♪
早速ありがとうございます！とりあえず、全部試してみました。
結果として、1）方法がわたしの書き方や好きなレイアウトとマッチするので、1）方法にしました。改行も２回改行（１行あける）もOKです♪
でですが、またご質問で申し訳ないのですが、
>記事を書く時に、横に並べて配置したい写真または文の終り毎に
> というタグを追加する。（cは適当です）
このタグ↑を写真または文章の終りに入れると写真下まで文章が移動してしまいます。このタグを入れた方がいいのでしょうか。それとも入れずにいても大丈夫でしょうか？？
投稿 ほし | 2004-04-26 03:23
>>http://facet.cocolog-nifty.com/divers/2003/12/post_20.html#c201232
ほしさん、おはようございます。
＞＞記事を書く時に、横に並べて配置したい写真または文の終り毎にbr class="c" /というタグを追加する。（cは適当です）
これ↑、写真の下に移動させたい所にbr class="c" /というタグをつけてください、ということを言いたかったんです。どうもすみません。
投稿 facet | 2004-04-26 09:02
facetさん、こんばんわ。
了解いたしました。
本当にご丁寧なご指導ありがとうございますー！！
今使ってるパソコンが古いので、こういう風にいろいろ出来るんなら、スペックのいいパソに変えたいなあと思う今日この頃です（^^
投稿 ほし | 2004-04-26 12:48
>>http://facet.cocolog-nifty.com/divers/2003/12/post_20.html#c202211
ほしさん、
なんとかうまく行っているようで何よりです。もっと楽な方法があるといいなと思ったんですが、結局思いつきませんでした。
ココログ（ベーシック）は、HTMLを知らなくてもそれなりのページが作れるのがいいところだと思うので、こういう風にstyleやclassを使ったりという方法を使うのは府に落ちないところもあるんですが、まあしょうがないですかね。
あと、パソコンですが。新しいの、欲しくなりますよね〜。自分もいつもそれで悶えてます（笑）。
投稿 facet | 2004-05-02 00:36
質問です。
このコメント記入欄なんですが、枠の横幅を狭くする事はCSSで可能ですか？
別に困らないと言えば困らないんですけど、たまに同じココログを使ってる方でも、もっと幅の狭いところを見る事があるんですが（可変する所も含）、どうやったら良いのか一向に分かりません。OPERAでは自動的に幅が調節されますが、IE6.0では切れてしまいます。
因みに、facetさんのところも切れてますけどね(^^;
もし方法をご存知でしたら教えてください。
別に急いでる訳じゃないので、暇な時で結構です。
投稿 ひで | 2004-05-18 15:04
http://facet.cocolog-nifty.com/divers/2003/12/post_20.html#c259835
ひでさん、こんばんは。
未検証ですが、とりあえず予想回答を。
コメント記入欄(のtextarea要素)にはcomment-textというidが付いていますので、
#comment-text {width: 90%;}
みたいな感じで指定すればいいと思います。
投稿 facet | 2004-05-19 01:24
早速の回答有難うございます。
バッチリです！流石facetさんですね。
＞コメント記入欄(のtextarea要素)にはcomment-textと
＞いうidが付いていますので、
styles.cssの中にこれがあるのは分かったんですが、
ご指摘の様に指定するとは、考えなかったです。
有難うございます。これで解像度の低いラップトップでもちゃんと表示出来る様になりました。
投稿 ひで | 2004-05-19 08:20
こんにちは。
「Mac IEによるコメントの文字化け」の指摘があったのですがCSSってまったく自信がないので、相談にきました。
マイリストに追加するなら、これでいいんでしょうか
（BLOG質問箱 http://www.mylog.jp/blogs/q-box/archives/001330.html）
投稿 市絛 三紗 | 2004-05-31 18:15
http://facet.cocolog-nifty.com/divers/2003/12/post_20.html#c300767
市條さん、おはようございます。
残念ながら、私の紹介したマイリストにCSSを仕込む方法では、コメント時のMac IEでの文字化けは完全には防げないようです。また、Blog質問箱の記事にあるコードだけでも不足のようです。
Mac IEでのコメント時の文字化けに関しては、フルカワマサユキさんの「詞織」に詳しくありました。ブログ管理者自身による対策方法だけじゃなく、閲覧側からの対策方法もあるようですね。
http://siolli.cocolog-nifty.com/blog/
ここのサイドバーに関連記事へのリンクが沢山ありますが、管理者側からの対策としては、以下の記事にある手順を使わせてもらうのが簡単ですし、最も良さそうです。
http://siolli.cocolog-nifty.com/blog/2004/01/mac.html
できれば、この手順2.のところで、ダウンロードしたファイルをそのままアップロードするのではなく、以前マイリストに書いてもらったCSS（!--と--の間にある部分）を書き足してからアップロードするとさらに良いかと思います。
（そうすると、以後、マイリストに仕込んだstyle要素が不要になります。）
このフルカワさんの方法は、サブタイトルにlink要素を埋め込むという方法なので、また別の問題も発生してしまうのですが（そして、フルカワさんご自身もそれを分かっていらっしゃるのですが）、ココログベーシックやプラスのオーナー自身によるMac IEでのコメント時の文字化けの回避策としては、今のところこれがベストかなと思います。
閲覧者にしていただける対策としては、フルカワさんの記事内からリンクがあった、
「ぞうさんちv2: Mac版IEのコメント欄の文字化け解消法」
http://zousan.cocolog-nifty.com/blog/2004/01/macie.html
が分かりやすそうでした。
投稿 facet | 2004-06-01 07:11
MyBlogListにリンク追加させていただきました♪
これからも更新を楽しみにしていますネ(^^)
投稿 AYAKO | 2004-06-14 20:22
facetさん、こんばんわ。
ご丁寧にありがとうございました。
あれからバックナンバーを変更してみました。
フランスにお住まいなんですね。
いいですね～私死ぬまでにはモン・サン・ミッシェルに行ってみたいんですよ。
仕事をしてるので行けるのは何十年後になりそうですけど…(笑)
遅くなりましたがリンクに追加させていただきました。
これからもよろしくお願いします。
投稿 玲 | 2004-06-23 16:04
あれ！？なぜか３回も書きこんである！？
申し訳ありませんが削除お願いします。
お手数おかけします。
投稿 玲 | 2004-06-23 16:09
http://facet.cocolog-nifty.com/divers/2003/12/post_20.html#c372662
玲さん、重複した分は削除しておきましたのでご心配なく〜。
# 込み合っていた時間帯だったのかも知れませんね。
モンサンミッシェル、良さそうですよね。
私もいつか行きたいなあと思っています。
＞仕事をしてるので行けるのは何十年後になりそうですけど…(笑)
仕事をしているからこそ行けるという時代になって欲しいものですね。
投稿 facet | 2004-06-23 20:46
facetさんこんにちは。
こちらのブログをいろいろ探検してみようと思ったのですが、「過去ログ掘り出し一覧表示。」ってとこをクリックしてもページが表示されません。ここは何のページでしょうか？
投稿 pippi | 2004-10-03 13:04
あれ、ホントだ。cocohore!って、過去記事を探検していただくなら最適なツールなんですけどね...。先日復活してから調子よく動いてくれていたんですが...。
cocohore!は、ココログユーザである笹錦さんが開発された、過去ログ掘り出し一覧表示のためのプログラムです。詳しくはこちら↓から。
http://sasanishiki.air-nifty.com/log/2004/02/cocohore_4.html
使ってみると、本当に便利なんですよ、これ。
残念ながらブログ人にはまだ対応されていないんですが、JUGEMとかlivedoorとかにも対応していますので、面白そうなブログに出会って、その記事をざっと流し読みしたい時に、拙作のcocohore! bookmarkletというのを併用すると、cocohore!へのリンクを設置してくれていないブログでも過去記事を簡単に読むことができます。
cocohore! bookmarkletは、こちら↓
http://facet.cocolog-nifty.com/divers/2004/05/cocohore_bookma.html
はやくまた復活してくれるといいんですけどね...
投稿 facet | 2004-10-03 14:45
「見出し一覧」の修正方法、早速実行して見ました。
実は「.ListHeaders」が上手く動かなくて、
ちょっと違う記述をしています。
詳しくは記事にしました。
なので、facetさんの仰ってるイメージとは
違う仕上がりになってしまったかも^^;
実際いくつか気になる変なところがあるので、
もう少しいじってみます。
投稿 KOROPPY | 2004-10-15 10:18
KOROPPYさん、仕上りは、イメージ通りですよ(^^)
classとid、間違えちゃってごめんなさい(^^;
投稿 facet | 2004-10-15 13:47
またまた、こんばんはです。
＞classとid、間違えちゃってごめんなさい(^^;
いえいえそんなっ。
毎回懇切丁寧に教えていただけるので、
私のような初心者でもよく分かります。
ありがとうございます。
それから「見出し一覧へ戻る」リンクも追加しました。
教えていただいたの、そのままコピペで^^;
「Back to Top ↑」も残したいので、
スクリプトに新しいファンクションを追加する方法にしました。
とっても便利です!
重ねて、ありがとうございました。
投稿 KOROPPY | 2004-10-15 14:52
お役にたてたようで。しかし、フッター、増えてきましたね(^^
投稿 facet | 2004-10-15 19:26
おはようございます。
フッター長いです^^;
テキストの文言を変えて、短くすべきなんでしょうね。
ところで「見出し一覧」スクリプトなのですが、
ずっと気になっていた事があるんです。
ルビタグを使うと、ルビを振った文字が表示されない、
という現象なのですが。
詳しくはこちら↓にて。
http://koroppy.cocolog-nifty.com/blog/2004/09/post_20.html#c872715
なんとなく言いそびれていたのですが、
この機会に勇気を持って訊いてみました。
ユーザーインターフェイスという観点とはずれた話ですみません。
投稿 KOROPPY | 2004-10-16 03:46
＞ユーザーインターフェイスという観点とはずれた話ですみません。
いえいえ。とんでもない。またよろしくです(^^)
それから、フッターが長いのは、わかりやすくしようとすると、どうしてもそうなりますよね。
記号を使って、title属性を併用する、という最近のサイドバー折り畳みのボタンに付けたような方式のリンクも「あり」でしょうけど、簡略化したインターフェースは慣れるまで分かりづらいという難点がありますからね。...いつものデザインとのせめぎあい問題ですね。
サイドバー折り畳みボタンは、h2要素内に限られているため、やむなくそうしていますからねえ...
ただ、フッターは、あまり大きくなると記事本文より目立ってしまって邪魔になるかもしれないので、その点では、スペースが限られていると言ってもいいのかもしれませんね。
投稿 facet→KOROPPYさん | 2004-10-17 21:58
おはようございます。
見出し一覧のルビテストを実施しました。
ルビがカッコ書きで表示され、リンク先へのジャンプも正常に行われました。
ただIE6.0では、overflow:auto;を、
#content-headingsから#listHeadersに変えると、
スクロールせずに重なってしまいます。
他のブラウザでは上手く行ってるんですよね...悲しい。
詳しくはこちらにコメントさせていただきました。
http://koroppy.cocolog-nifty.com/blog/2004/09/post_20.html#c905538
あとはfacetさんのところだと、黒い枠線が表示されるところだけが違います。
検索窓のところにも同じ枠線があるので、CSSに記述してらっしゃるのでしょうか。
それから、フッターの文言を短くしてみました。
これでなんとか2行に収まりました^^;
投稿 KOROPPY | 2004-10-22 02:16
私の記述が原因だったようで、大変申し訳ありませんでした。
教えていただいた修正方法で、正しくスクロールバーを表示できました。
ありがとうございました。
投稿 KOROPPY | 2004-10-22 09:22
こんばんは。テキスト表示の仕方を
ちゃんとチェックしていなかったんです。
原因は・・。
折り畳みが出来なかった理由は・・。
恥ずかしいので・・ここでコメントを。
すみましぇんでした。
投稿 dokichi | 2004-10-22 15:18
（KOROPPYさんへのレス）
いえいえ。解決できてよかったですね。
あとは、記事別ページでの無駄な余白がなんとかなればいいんですけどね。
...と思って、実はextract...02a.jsに仕込んでおいたんですよ、新機能を。
# 本当は、他のことで使うつもりだったのが効を奏しただけだったり（笑）
こんな感じ↓のコードを、見出し一覧スクリプトextractContentHeadings("listHeaders");の直後に追加してみてください。
if (isPermalinkPage()) {
document.getElementById("listHeaders").style.height = "150px";
}
これで、固定リンク先のページでだけは高さが150pxになって、目立たなくなるはず。
# カテゴリページで、記事が一つしかない時は無理ですけど、とりあえず、こんな感じで凌いでおいてください。
投稿 facet→KOROPPYさん | 2004-10-22 15:25
（dokichiさんへのレス）
了解！
（これ、自分も含め、みんなやってますから、ご安心を。はっきり言ってココログのインターフェースが悪いだけですので。）
投稿 facet→dokichiさん | 2004-10-22 15:34
＞# カテゴリページで、記事が一つしかない時は無理ですけど、
＞とりあえず、こんな感じで凌いでおいてください。
すごい、こんな技まで入っていたとは!
ありがたく、使わせていただきますね。
投稿 KOROPPY | 2004-10-23 08:03
前回と大差ないですけど、もうひとつ思い付いたのを一応書いて起きますね。
extractContentHeadings("listHeaders");
if (isPermalinkPage()) {
document.getElementById("listHeaders").style.height = "";
} else {
document.getElementById("listHeaders").style.height = "300px";
}
同時にCSSのheigt:300px;を消しておく必要があります。
# いまひとつパッとしませんが(^^;
投稿 facet | 2004-10-26 09:10
こんばんは。
お嬢様のお誕生日、おめでとうございます。
お姫様セットにお姫様のお城!
そんな素敵なものが売ってるんですね～♪
我が家も3歳で初めて誕生会をしました。
うちの子は、上手く吹き消せなかったんですけどね^^;
＞# いまひとつパッとしませんが(^^;
いえいえ、スタイルシートと2箇所で規定しているより、
こちらの方が分かりやすくなりますね。
試してみたところ、固定リンク（個別記事）のときに、
直下の「アクセス解析」の花のアイコンが、
「ア」の位置にずれて表示されるという現象が出ました。
IEだからなのか、また私がどこかに余計な記述をつけているせいなのか...。
投稿 KOROPPY | 2004-10-26 13:54
KOROPPYさん、こんにちは(^^)
＞お嬢様のお誕生日、おめでとうございます。
ありがとうございます(^^)
＞お姫様セットにお姫様のお城!
＞そんな素敵なものが売ってるんですね～♪
お姫様の衣装は、定番みたいで、結構なおもちゃやに置いてある感じです。
お城は、初めて知りましたけど(^^;
妻は、秘密(SURPRISE)好きで、こういう時は事前に教えてくれないので、娘が包装紙を開けて見せてくれた時にはびっくりしましたよ。なんじゃ、こりゃ〜って（笑）
さて。
＞固定リンク（個別記事）のときに、直下の「アクセス解析」の花のアイコンが、「ア」の位置にずれて表示されるという現象が出ました。
は？ワケワカメ。...ですね(^^;
まあ、今使っていただいている固定リンク先で150pxっていうのと大差ないですから、この問題はとりあえず放置の方向で。...と投げやり（笑）
#オマケ
http://www.sk-jp.com/mt/clip/archives/2004_08/27_172527.html
投稿 facet | 2004-10-26 16:59
こんにちは。
私もやっと「続きを読む」という文章の見せ方をつかってみました。「これは何でしょう？」と聞くのに、最初からネタばれだったので。
でもいったん普通の形式で入力して、後で「続きを読む」に変更したので、月別のアーカイブはもとのままなんですよ。ほかの記事もいくつか変更したのに・・・ いい方法ないでしょうか。
投稿 三紗 | 2004-11-11 10:32
残念ですが、バックナンバーでは、続きを読むが効かない仕様だったと思います。
プロコースなら、MTタグというのを使って月別テンプレートの所をいじってやれば、できるはずですが、プラス以下のコースではたぶん無理でしょう。
私の作った「折り畳みで「続きを読む」javascript」を使えば、バックナンバーでも「続き」（というか最初の段落以外）を隠すことはできますけど、該当記事以外も続きが隠れてしまいますからねぇ。
アレンジできないことはないと思いますが...
投稿 facet | 2004-11-11 11:13
facet様はじめまして。
サイドバーの折り畳みスクリプトと
本文の折り畳みスクリプトを使わせて頂きました。
他にも使ってみたい物が沢山あって目移りしてしまいました。
本当にどうも有り難うございました。
投稿 やまさわかつまさ | 2004-11-12 17:22
やまさわかつまささん、コメントありがとうございました(^^)
ところで、Katsumasa Yamasawa Weblogの方を拝見させていただいた所、ココログ・プロかな〜と思ったのですが、もしそうだとすると、純正の「続きを読む」を採用せずに拙作「折り畳みで続きを読む」を採用していただいた決め手は何だったのでしょうか。お暇な時にでもまたコメントいただければ幸いです。
...と、それに限らず、また何でもお気軽にコメント下さい(^^)
投稿 facet | 2004-11-12 20:20
facet様こんばんは、やまさわかつまさです。
私は「ブログ人」を使用しているのですが
「ココログ」にはそんな便利な機能があるのですね。
知りませんでした。
無い知恵絞ってあちこちいじくり回しているのですが
時々訳が分からなくなってしまうので困った物です（笑）。
この伝言板もそうなのですが
皆様色々なアイデアを持っていて素晴らしいですね。
次はどのアイデアを頂いてしまおうか模索中です（笑）。
これからも宜しくお願い致します。
投稿 やまさわかつまさ | 2004-11-14 15:52
ああ、すみません。やまさわさんはブログ人ですね(^^;
ココログ・プロというのは一番上のコースなので、ブログ人でいうと.......ジャンプコースですね。
やまさわさんは、サイドバーの「最近のコメント」を「COMMENTS」に変更なさっているので、一番上のコースかなと思ったのです。
ココログでは、ベーシック以外の有料コース（プラスとプロ）で「続きを読む」が使えるので、ブログ人でも同様かと思うのですが。
もし、記事の投稿画面に「概要」「本文」「追記」というように入力欄が複数あるなら、「続きを読む」が使えます。ここでいう「追記」欄というのが「続き」のことです。
# これは元々、ココログおよびブログ人の共通の元システムであるTypepadの機能なので、便宜的に「純正の」という風に書かせていただきました。
...ブログ人ではその機能は隠してあるのでしょうか...
「3分ブログ」という、ブログ人専用の簡易日記投稿システムには追記が実装されているので、ブログ人にその機能が備わっているのは間違いないのですが。
http://3pun.de-blog.jp/home/
投稿 facet | 2004-11-14 19:28
facet様、やまさわです。
「編集画面の設定」で「追記欄の追加」
というのがありました。
何とまあ今の今まで気が付かないとは…
大アホですねまったく･･･（笑）
でも本文と追記を分けるのも
改めてやってみるとかなりめんどくさいですね。
このままfacet様仕様にしておこうと思います。
自動的にやってくれるんだから便利この上なし！。
気付かせて頂いて有難うございます。
投稿 やまさわかつまさ | 2004-11-14 23:10
＞「編集画面の設定」で「追記欄の追加」というのがありました。
なるほど。やはり隠されていたわけですね。複数の入力欄があると最初は混乱を招きますからね。さすがブログ神監修。
まあ、Typepad系の編集画面は、まだまだ分かりやすいとは言い難いですから、ひま人ならともかく、気がつかなくて当然でしょう。
...ということで、お役にたてて何よりです(^^)
投稿 facet | 2004-11-15 08:57
こんにちは
教えてください。下のページおもしろいので、小さくして貼り付けたいのですが、どうしたらいいのですか？
http://www.excite.co.jp/world/english/web/body/?wb_url=http%3A%2F%2Fbretagne.air-nifty.com%2Fanne_de_bretagne%2F&wb_lp=JAEN&wb_dis=2
投稿 三紗 | 2005-01-10 12:42
小さくしてってのがよく分かりませんが、今、私が上の方に付けてみたような"English Here"っていうリンクを作るだけでいいなら、
http://www.excite.co.jp/world/english/web/
に、「あなたのホームページを英語に」っていうリンクがあって、クリックすればリンク用のHTMLを生成してくれるページに行けますよ...
投稿 facet | 2005-01-10 14:34
絵文字の件、教えていただいたとおりにやったら出来ました!
くう～、感動です(T.T)
ありがとうございました。
気になることが一つだけあって、
コメント欄の設定を表示するスクリプトが
表示されなくなってしまったんです。
同じコメント欄に後から表示するものだから、
相性が悪いのでしょうか?
投稿 KOROPPY | 2005-01-14 12:05
→KOROPPYさん
いえいえ。いつもアイデアをもらってるのはこちらですので(^^)
あと、コメントの設定明示スクリプト、何でしょうね。何かと干渉したんですかね...
ということで、続きはそちらで。
投稿 facet | 2005-01-14 15:44
はじめまして。
リストの折り畳みのお知恵を拝借させていただきました。
ありがとうございました＾＾
投稿 ステファニー | 2005-01-17 11:06
→ステファニーさん、コメントありがとうございました。お役にたてたようで何よりです。また何かありましたら、いつでもお気軽にコメントください(^^)
投稿 facet→ステファニーさん | 2005-01-18 07:02
facetさんにご相談です。m(__)m
現在、Opera 6.05 で自ブログを見ると、サイドバーの見出しが表示されません。一瞬見えるのですが（何かのスクリプトを読み込んだあと？）消えてしまって空白になります。
Opera 6.05でfacetさんちを見ると、サイドバーの見出しは、ちゃんと見えています。一瞬は空欄なのですが２～３秒で表示されます。
このことに３日前に気付いたのですが、もしかしたらずっと以前からだったかもしれません。何らかのスクリプト、またはココログの仕様変更に影響されたのかどうか、わからないのですが(T_T)
直せるものなら直したいのでアドバイスをいただきたいと、、お願いいたします。m(__)m
投稿 kuu | 2005-01-29 12:32
→kuuさん、ごめんなさい。ちょっとわかりません。でも、折り畳みのせいっぽいですね。_(._.)_
とりあえず、//makeSwitchesBy(pattern);と、行頭に//を付けてコメントアウトした時にOperaでどうなるかを見ていただけますか？
（キャッシュされているかもしれないので、２回ほど読み込みで）
そして、続けて、foldContentsBy(pattern);の行もコメントアウトして、同様に。
で、結果を教えていただけますか。
テストし終わったらすぐに//を外してもらって結構ですので。
#あ。でも見えないのは大問題ですから、そのままの方が？..._(._.)_
投稿 facet→kuuさん | 2005-01-30 10:33
facetさん、お世話になります。m(__)m
教えていただいた方法をやってみたのですが、やはりOpera 6.05で見出しは表示されませんでした。（正確にいうと、表示されてから消えるのですけれども）
試しにと思って、折り畳みスクリプトは入れたままで、見出しの下線を消すスクリプトを一時取り外しましたところ、見出しは表示されました！
うちで入れているスクリプトはMac Safari対応版なのですが、旧スクリプトからこのスクリプトに変更して下線が消せるようになったと記憶しております。
下線が消せたと喜んでいましたが、もしかしたらそのときから見出しも消えていたのかも？(^_^;)
しかし、記憶が曖昧で…。あの時は見出しは見えていたと思うのですが、記憶に自信がありません。。m(__)m
facetさんちの見出しは見えていますしね～。
ということでご報告です。
Opera 6.05よりダンゼンMac Safari対応にしときたいので、Operaの表示のことは忘れることにしました。(^◇^)
お騒がせいたしました。
投稿 kuu | 2005-01-30 19:05
→kuuさん、
ううむ。私の所が見えているというのが不思議ですね。
一つ考えられるのは、私のサイトは、下線を消すやつが動作するまえに、他のスクリプトでエラーがでていて、そこまでたどり着いていないために偶然OKになっている、という線でしょうか。(^^;
とりあえず、
//e.style.visibility="hidden";
として、その直上に
e.style.borderBottom="none";
と追記してみてもらえますか？
（h2を消すんじゃなくて、その下線だけ消すことにしぼってみる）
これで見出しが見えなくなる事態はさけられると思いますので。
投稿 facet→kuuさん | 2005-01-30 20:26
facetさん、ありがとうございます。＾＾
教えていただいた方法で、Opera 6.05で見出しは表示されました。（下線も表示されています）
IE６では見出しは表示され、見出しのないところの下線は消されています。＾＾
投稿 kuu | 2005-01-31 06:41
＞（下線も表示されています）
ありゃま（笑）
ま、とりあえずこれでよしとさせてください。いつものように(^^;
でも、他のサイトでも消えている可能性はありますよね。うーん。問題だ。公開記事も修正した方が良いかもですね...
投稿 facet | 2005-01-31 22:10
おはようございます。
バックナンバーの件、正常に動作しました。
コピペしたので完璧のつもりが、
またスラッシュが抜けていたようで、
本当にすみませんっ(_ _)
話は変わりますが、ミクシィなどのSNSに興味はおありですか?
もしまだ参加されていらっしゃらないようであれば、
お詫び代わり（?）に招待状をお送りしようかと思っているのですが。
投稿 KOROPPY | 2005-02-01 00:04
→KOROPPYさん、遅くなってスミマセン。今日は義理の両親が来たので、掃除や買い物やらでてんてこまいでした(^^;
絶対パスの件は、結局うまくいったようですね。以前うまく行かなかった時も、たぶん私がblog folderを書き落としていたのでしょう。今回やっと気づいたぐらいですから(^^;。ということで、お気遣いなく。本当にいい勉強になってますので。
ところで、SNSですが、喜んで。一度覗いてみたかったんです(^^)
投稿 facet | 2005-02-01 22:54
facet殿 押忍
やはり難しそうですねー
いろいろお手数お掛けしました
リストの書き方も有り難うございます。
知ってはいるのですがBlogはビルダーソフトに頼らず手書きをしているので、面倒くてつい忘れがちなのでありますｗ
投稿 ulu_lun | 2005-02-02 02:27
→ulu_lunさん、
ココログも、はてなとかWikiみたいな記法がつかえると楽なんですけどね。
以前、一度、Wiki記法のような簡略記法を使って書いた文を自動的にタグに置き換えるjavvascriptを作ったことがありますが、後で文章を保存した時や、javascriptがOFFで閲覧した時によくわからない記号だと嫌だなと思って、どういう記号をどういうタグを割り当てるかを決めかねて、それっきりになっています。
HTMLは十分簡単ですが、それでもやっぱり手書きだと面倒ですものね。何かいい手があるといいんですが。
投稿 facet | 2005-02-03 09:25
facetさん、こんばんは。
Opera 6.05で、下線を消すMac Safari対応版スクリプトを入れていらっしゃる他のサイトさんを見てきました。正常に見出しは見えていました。＾＾
下線は？？・・・判断できません。。
例によって読み込みが終わらなく、サイドバーの下の部分は切れてしまって見えないのです。
中途半端なご報告になってしまいますが、見出しが見えなかったのはウチだけかも、です。(^_^;)
公開記事の修正はしなくていいのでは、と思ったり。。
以上、Firefoxで巡回中のkuuでした。＾＾
投稿 kuu | 2005-02-03 12:25
→kuuさん
＞公開記事の修正はしなくていいのでは、と思ったり。。
公開記事の修正って何でしたっけ？...とか言ってみるテスト。ごめんなさい。ごめんなさい。完全に忘れてました_(._.)_
...お言葉に甘えて放置プレイで(^^;
投稿 facet | 2005-02-03 14:50
facet殿、押忍。
あちこち巡回していて、面白いTipsを発見しましたので採用してみました。
やってる事は単純で、カテごとのIndexを記事として生成し、そのUrlを参りスト化してしまうというものです。
サイドバーにメモを使って簡単な案内なんかも書けたりします（表示がごちゃごちゃになりそうなので私は不採用ですが）
この伝言板の仕掛けと似た、裏技的？な使い方ですね。
これで完璧、とは言えませんが、割と近いニーズの物が出来たかなと思います。相変わらず手作業なのは言うまでもありませんが（苦笑）
投稿 ulu_lun | 2005-02-04 08:04
訂正です
参りスト化->マイリスト化
なんでやねんって感じｗ
投稿 ulu_lun | 2005-02-04 08:07
→ ulu_lunさん、おはようございます(^^)
まだ寝ぼけてるからか(^^;、いまいち分かりませんでした。そのサイトのURLを教えていただけますか？
でも、手作業となると、やっぱり大変ですね。特にフランスはストが多いのでw
投稿 facet | 2005-02-04 08:29
facet殿 押忍
大変申し訳ないのですが、参照元のBlogがどこだったかわからなくなってしまいました；；
投稿 ulu_lun | 2005-02-04 15:18
→ulu_lunさん、
今改めて読んでみたら、わかりました。_(._.)_
でも、この方法も、結局、サブカテゴリが直接見られないので、あまり効果的とは言えなさそうですね。それなら、そのカテゴリ専用のマイリストをカテゴリタイトルで作ってしまって、その記事の固定リンク先にいって「クイック投稿」を使ってマイリストにリンクを追加するようなやり方の方が楽そうです。。。って楽になることしか考えてませんが(^^;
しかし、どこに何があったかって、すぐにわからなくなってしまいますよね〜。私もそれをどうやって管理するかってことに結構興味があって、ちょうど今、面白いのを見つけてお試し中です。del.icio.usというのですが、結構ハマってます。
投稿 facet→ulu_lunさん | 2005-02-04 21:16
facet殿 押忍
むー、確かに楽そう。
私のBlogの場合カテが多いからなー
そんなにマイリストどっさりで、きちんと動くか心配だすｗ
それはそうと「del.icio.us」ってどんなのですか？[興味があります]
ググってみたんですけど、検索でそれっぽいと思われるものが出てこなかったのですが・・・
お試しが上手くいったら発表してくださる事を祈りつつ、ここに日々巡回するのが正解？？
自分のBlogを閲覧するよりfacet殿のBlogを閲覧する回数のほうが多いような気がしてきたであります、押忍ｗ
投稿 ulu_lun | 2005-02-05 01:46
→ulu_lunさん、
＞そんなにマイリストどっさりで、きちんと動くか心配だすｗ
たぶん大丈夫だとは思うんですけどね...。一応、マイリストの数が20を越えても動くように改良した経緯があるので、スクリプト的には制限はない（ないことはないけど結構沢山折り畳める）はずです。
ただ、重くなるのは避けられないし、見た目も...(^^;...となるのは間違いないので、まあ、トレードオフでしょうか。
あと、del.icio.usですが、Googleには全くヒットしないんですね、そういえば。Googleの巡回が回らないようになっていると、どこかで読んだ気がします。情報量が多すぎて問題になるのでしょう。これ、URLそのままの名前なのです。
http://del.icio.us/
それから、同じようでまた違った感じの日本製のものもできてます。[MM]というのですが、ishinaoさんが作ったやつで、こちらは、
http://1470.net/mm/
です。
投稿 facet | 2005-02-05 02:38
del.icio.us もとい MM
使い方が良くわからないです。
なんかBlogみたいですけど。。何に使うんでしょうか。
それ以前に「URLに関するメモを書く際には、あらかじめBookmarkletをブラウザのブックマークに入れておき、メモを書きたいページをブラウザに表示した状態で、Bookmarkletを実行してください」この文章がまるで理解出来ないわたくしなのです。
面白そうなサイトをUrlにいれてコメントかいて「メモ」だかにぶちこめば良いのですかね？？
でもそれならココログなんかでも出来ますよね？
これを使うメリットが良くわからないのですが。。
投稿 ulu_lun | 2005-02-05 16:20
→ulu_lunさん、
＞del.icio.us もとい MM
＞使い方が良くわからないです。
＞なんかBlogみたいですけど。。何に使うんでしょうか。
bookmark（＝お気に入り）です。
＞それ以前に「URLに関するメモを書く際には、あらかじめBookmarkletをブラウザのブックマークに入れておき、メモを書きたいページをブラウザに表示した状態で、Bookmarkletを実行してください」この文章がまるで理解出来ないわたくしなのです。
bookmarkletは、普通のbookmarkがそのサイトに移動するのと違い、クリックすると何かが起こります。つまり、機能をもったbookmarkという感じでしょうか。
以下のサイトが詳しいので、そちらで。
http://bookmarklet.daa.jp/
# しばらく遊べますよ(^^)
＞これを使うメリットが良くわからないのですが。。
そうですね。blogをbookmark的に使っている人なんかには、ほとんど同じでしょうね。bookmarkに特化しているので、blogよりちょっと楽、というだけのことかもしれません。
MMの方はまだ使いこなせてなくてわかりませんが、deliciousのメリットは、自分がbookmarkしたものからその先に辿って行きやすい（自分の興味にあうものを探しやすい）というところでしょうか。
deliciousはソーシャルブックマークと呼ばれていて、こういうのは以前からあるし、どこにでもあるんですけど、一番の違いは、一つのURLに、自分で決めた"tag"（ラベル、キーワード、カテゴリ）を自由に複数付けられるところと、その情報を集積しているところだと思っています。
自由に複数付けられるので、フォルダに分けるより、あとで探しやすいです。
それに、集積しているので、bookmarkしたURLの他の切り口や価値がわかり、それを受けて、自分のtagを追加したり変更したりすることができます。また、興味のあるtag（言葉）をウォッチするだけで、自分の知りたい情報が一手に集まって来ます。この部分は、ココフラッシュのユーザカテゴリとも似ていますね。というか、同じ発想だと思います。
ですから、ある程度データが集まってこないと進化が発揮できないのですが、deliciousはそこをクリアしたので、かなり期待できると思います。後は、言葉の問題ですね。そこがクリアできれば、本当に有用なシステムになりうると思っています。
del.icio.usは、一部では、今のGoogleに変わるものになりうるのではないかと盛り上がっているぐらいです。私は、Googleというより、Yahoo!ではないかと思っていますが。
と、いろいろとウンチク書きましたが、私はブックマークが発散する質で後で探せないので、これならなんとかなるのではと期待しつつ使ってみている、というのが本音です(^^;。
投稿 facet | 2005-02-05 23:23
こんにちは。
以前、見出し一覧の件でお世話になったものです。
お世話になりついでで申し訳ないのですが、
私にとって非常に役立たせていただいたサイトということで
こちらにリンクを張らせていただきたいと思います。
もし問題があるようでしたらお知らせ下さい。
では、失礼します。
投稿 たくみのパパ | 2005-03-14 14:12
→たくみのパパさん
リンクに許可は不要ですよ。お気遣いなく(^^)
（参考）
http://park5.wakwak.com/~tanaka02b/column/faq.htm
投稿 facet | 2005-03-14 17:03
こんにちは。
先日教えていただいた、後からサブタイトルに表示する技に挑戦中です。
そこで一つ質問があって、カキコさせていただきました。
facetさんの記述をコピペしてみたところ、
ナビゲーションの下に表示されました。
下ではなく、今あるメニューの右横に、
表示させることは可能ですか?
具体的には今「桜」アイコンのあるところに、
テーブルタグで作られたWebringのタグを表示させたいのです。
サブタイトルに入れると、メニューの下に表示されてしまうので、
facetさんの技なら可能かなと思いまして。
いつもすみません。
お返事の方、よろしくお願いします。
投稿 KOROPPY | 2005-03-16 07:13
→KOROPPYさん
CSSだけでいけると思うんですけど、float:rightを使うとやばいかな？
叩き台を書いておきますので、お試しください。
#banner h1 {
font-size: 36px;
}
#banner h2 {
display: block;
text-align: center;
}
#banner h2 div.subtitle {
text-alingn: center;
font-size: 16px;
margin: 5px 0px 10px -6em;
line-height: 1.5em;
}
#banner h2 div.menu {
text-align: center;
}
#banner h2 table.sakuraring {
float: right;
margin-top: -110px;
height: 75px;
font-size: 10px;
line-height: 1.5em;
}
HTMLは、このCSSにあうように変更が必要です。
上記の #banner h2 {...}は、既存のdiv[align="center"] が不要かな...という意味ですけど、もしかしたらブラウザ依存かもしれません。その時は、サブタイトル内部をdivで覆い直してください。
で、サブタイトル部とメニュー部を別個にdivで覆い、その後にtableを配置し、それぞれにclassを付ける、と。
あと、#banner{height}がpx決め打ちなので、文字サイズもpxにしてみました。
余談ですが、CSSを切ると、全部デフォルトh2文字サイズになっちゃってビビりました（笑）まあ、CSSを切っている人は少ないだろうし、CSSが適応されないのなら普通はデフォルトのfont-sizeも関係ないでしょうから、問題ないとは思いますが。
それより、サブタイトルや左サイドに入れれば入れるほど本文に辿り着くまでが大変という点が問題かな。
投稿 facet | 2005-03-16 09:15
サブタイトルの中味を分割して、CSSで調整すればよかったのですね。
早速導入して、記事にUPしました。
いつも丁寧な回答、ありがとうございます。
＞CSSを切ると、全部デフォルトh2文字サイズになっちゃってビビりました（笑）
サイト全部がh2の文字サイズになってしまったということですか?
文字が大きくて読みやすいような、読みにくいような（笑）
＞本文に辿り着くまでが大変という点が問題かな。
外部サービスは右サイドバーにまとめて、
なるべく本文の表示は早く、とは思っているのですが。
今でも本文の表示、遅いでしょうか...?
投稿 KOROPPY | 2005-03-17 06:24
文字が大きいのはh2じゃなくて、h1でしたね。
失礼しました^^;
投稿 KOROPPY | 2005-03-17 06:27
＞サイト全部がh2の文字サイズになってしまったということですか?
あいや、すみません。サブタイトルの中に書いた記述が全部という意味です。webringの文字がずらずらと並んで圧巻でしたので(^^;
＞＞本文に辿り着くまでが大変という点が問題かな。
＞今でも本文の表示、遅いでしょうか...?
これは、表示速度の話じゃなくて、アクセシビリティの話でした。
CSSを切ると、というか、GUIじゃないブラウザだと、HTMLの順番通り表示されるわけで、そうすると本文まで延々スクロールしないといけないので大変ですよね。
# 音声ブラウザなんかも同様ですね。たぶんもっと大変なんでしょうけど。
Googleのi-mode版などでもサイトを見れますけど、あれで見ると、もう大変、大変（笑）
それで、昔、最初の方に本文へのリンクを（CSSがONの状態だと見えないようにして）設置してたこともあったのでした。
今は、右を少なめにするだけで手を抜いてます(^^;
あ、でも、さっき改めてCSSなしモードで見てみたんですが、「最近の記事」と「最近のコメント」へのリンクぐらいは右にあった方が使いやすいのかな？という気もしてきました。でも、実感がなくて、判断できなかったです。
実際、どうなんでしょうね。そういう環境で常用している方からコメントを頂いたことがないので、正直な所、何がベターなのか、わからないです。気にはなるんですが...
＞文字が大きいのはh2じゃなくて、h1でしたね。
h2も結構でかいですよ〜。あのデフォルトサイズは日本語向きじゃないです。明らかに。(^^;
投稿 facet | 2005-03-17 07:42
こんにちは。
いつもお世話になってます。
・・・と、いいつつ残念なのですが、
このたび事情でうちのサイトを閉鎖する事になりました。
いつの日かブログを再開することになったら
またイロイロな裏技をお借りしたいと思います。
では、
Merci beacoup et au revoir!
投稿 たくみのパパ | 2005-04-21 14:19
→たくみのパパさん
わざわざのご連絡、ありがとうございました。
またの機会がありますことを。
投稿 facet | 2005-04-21 20:27
facetさん、ご無沙汰しております〜
お元気でしたでしょうか（^^
今日見てみたら、新しいbookmakletも出ていたので、今は宿題に追われているので明日試してみますねー
相談なのですが、折り畳みボタンの初期設定で、全てが更新の度に開いてしまうんです。
閉じても、また更新すると全てのマイリストが開閉状態になってしまっています。
過去記事を見れば良いのですが、…ご迷惑をおかけしますが、教えて下さるとたすかります。
スクリプトも状態保存付きのだと思います。
お願いします質問の意味が分からなかったらまた言って下さい。
投稿 るるが | 2005-04-26 15:10
→るるがさん、こんにちは(^^)
＞今日見てみたら、新しいbookmakletも出ていたので、今は宿題に追われているので明日試してみますねー
宿題に追われて。。。中学生してますね〜(^^)
（私は宿題に追われた記憶なんてないですけど。わはは。こればっかりは運ですからねえ。ご愁傷さまです）
bookmarkletは、今回はあまり関係ないかと。。。まあ、こういうのもあります、ぐらいなもので。
そんなことより部活の悩みを解決しないと、ですね（笑）
＞相談なのですが、折り畳みボタンの初期設定で、全てが更新の度に開いてしまうんです。
「更新」ってのは、ブラウザのツールバーにある「更新」を押したりした時のことですよね？
ウチのFirefoxやIEで試してみたところ、特に問題なく状態保持できているみたいなので、ちょっと原因が思いあたらないです_(._.)_
Safariですよねぇ。updateしてcookieの取り扱い方が変わってしまったとかでしょうか。。。Windowsなら、そういうこともありえそうなんですが。。。
投稿 facet | 2005-04-26 20:32
facetさん、お久しぶりです！
今回もお力を拝借したく…。
このコメント内容を入力する幅を変えたいのですが、
他ブログさんで紹介されていたモノを使っても
うまく変更できません…。
ちなみに下記です。
＜style type="text/css"＞
＜!--
#comment-text{
width: 365px; }
--＞
＜/style＞
※facetさんのところに不具合が出ると怖いので
＜＞のみ大文字にしています。
勉強不足ですみません…。
よろしくお願いしますですー！
投稿 ほし | 2005-05-25 17:06
→ほしさん、お久しぶりです。レス遅くなってごめんなさい。（ちょうどパソコンの OSを入れ替えてて、こちらまで目が回ってませんでした。。。）
えーっと。どうするんでしょうね。。。
コメント欄は、HTML構造を調べてみると、CSS的に関係ありそうなのは #container , #main , #center (#left , #right も) , それから .content .entry .entry-comment .comment-list .comment-content .comment-body (または .posted ) という感じですね。
実際に試してみる時間がちょっと今ないので、とりあえず以上でスミマセン。
投稿 facet | 2005-05-27 23:46
先日はバックナンバースクリプトの件でお世話になりました、ASHです。
ブログの記事の出し方についてご質問がありきました。
通常ブログに記事をアップすると自動的に最新の記事が表示されますが、ヤフーブログなどのように、任意の記事を常にトップに表示させておくことはココログでは出来るでしょうか？
うちのブログでは音楽レビューの記事を集めたアルバムリストをメインにしたいと思い、常に表示させるようにしたいのですが・・
宜しくお願いします。
投稿 Ash@VRS | 2005-09-30 15:31
ASHさん、こんばんは(^^)
トップへの記事固定は、未来の記事をつくれば可能ですね。
http://urawareds.cocolog-nifty.com/urawareds/2003/12/post_6.html
日付が気になるので消したいという場合は、javascriptが必要かと思います。
投稿