まんぷく::日記

2003年から2007年までのはてなダイアリーをはてなブログに移設したものです。現在はhttp://ima.hatenablog.jp/を更新中

guide

はてなハイクまめちしき

昨日「はてなハイク」がベータリリースされました。今まで使ってみて、こう考えるとわかりやすそうとか、よく出てくる質問とか、知っておくと得になりそうなことについてまとめてみました。 とりあえず「ヘルプ」と「はてなハイク日記」 「はてなハイク - He…

ブックマーク数を示す画像にCSSでひと工夫

この記事は一応、以下の記事の続きです。でも、「ブックマーク数を示す画像のタグ」という一般的な話にもなってます。 「『オートアンカー』から『Copy URL+』へ」(d:id:manpukuya:20061219:copyurl) 「『Copy URL+』で、ブクマ数を表示するタグを一発生成…

「Copy URL+」で、ブクマ数を表示するタグを一発生成

「『オートアンカー』から『Copy URL+』へ」(d:id:manpukuya:20061219:copyurl)の続き。いま開いているページから、タイトルとURLをまとめてクリップボードに入れてくれたりするのが、「Copy URL+」というFirefox用のアドオンである。これの設定を増やして…

記事一覧ページ(./archive)で絞り込んだカテゴリをわかりやすくする

記事の一覧ページ(この日記ならhttp://d.hatena.ne.jp/manpukuya/archive)では、ページ上部のカテゴリ名をクリックすると、そのカテゴリの日記を抽出できる。でもこの日記のようにカテゴリが増えると、いまどのカテゴリを絞り込んでいるのかがわからなくな…

「オートアンカー」から「Copy URL+」へ

いま開いているページのURLとタイトルから、「<a href="ページのURL">ページのタイトル</a>」みたいなタグをクリップボードに入れてくれるソフト、というとIEでは「オートアンカー」がある(→公式サイト)。「オートアンカー」にはほかにも、ページ内の文字列を選択してから使うとblock…

自分のはてなダイアリーで同じキーワードに何度もリンクが張られてイヤーンな人のための、設定一つでキーワードリンクを劇的に減らすウラ技!!!

ちっとも裏技ではなくて、「キーワード自動リンクの設定を変える - はてなダイアリーのヘルプ」に書いてあります。 「管理」ページの「設定」へ 「記事の設定」へ 「キーワードの自動リンク設定」の「リンク回数:日記内に同じキーワードが複数ある際、2回目…

キーワードページの広告をFirefoxで非表示に・part2

キーワードページの情報がいろいろ増えて見づらくなったので、FirefoxにAdblock Plusというソフトを入れて非表示にする方法を以前紹介しました。 →前回の記事「キーワードページの広告をFirefoxで非表示に」(d:id:manpukuya:20060403:adblock) 今日はさら…

コメントの投稿によってアンテナで上がるのが困るとき

私が考えたいくつかの対処方法を、はてなダイアリー日記(id:hatenadiary)を例にとって説明してみます。参考になれば。ほかにアイデアがありましたら、ぜひトラックバックなどで教えてください。 アンテナ設定の工夫(チェックするURLを変える) 「はてなダ…

キーワードページの広告をFirefoxで非表示に

超高機能化されたキーワードページを見たその瞬間、Firefoxに「Adblock」をインストールしたくなりました。これは、Webページ内の広告を非表示にしてくれる拡張機能です。なかなかいいという話は聞いていましたが、インストールする手間を考えてなにもしてい…

今日のブックマーク/rssモジュールを日記本文で使ってみる

自分のはてなブックマークから、今日追加した分を載せてみます。せっかくブックマークしても、見てる人少なそうですから。 今日のブックマーク(b:id:manpukuya:20060213) ママさん編集者のぶらぶら日記 - 人の振り見て・・ 誤字脱字が1つあるごとに、その…

キー表示のCSSをもっと使おう計画

はてなダイアリーのスタイルシートを編集するたび、スタイルシート記入欄に、ずっと前に作ったキーボードのキー風のCSS(「Enter」とか、こんな感じの)が残ったままなのが気になってはいた。「面白いCSS」(d:id:manpukuya:20030318:p1)という記事で作った…

任意の画像をはてなマップに表示させる

カシミール3Dを使って、既存の写真に位置情報を書き込み、フォトライフにアップロードしてみた。上の写真はGPS機能のない普通のデジカメで撮影したものだが、位置情報を付加してフォトライフに掲載したため、はてなマップ上にも表示されている(→見てみる)…

ブログモードのはてなダイアリーをはてなアンテナに登録する際のTips

はてなダイアリーがブログモードを正式実装しました。多くのユーザーがブログモードに変更しているようです。ブログモードでは、コメントやトラックバックが送信された際、「Permalink | コメント(0) | トラックバック(0)」の行が変化しますが、これでアンテ…

はてなダイアリーの新機能における見栄えの調整ガイド

各種の機能追加(d:id:hatenadiary:20050511:1115786088)にかかわるCSSについてです。これらのCSSは、管理ページの「デザイン」−「スタイルシート」欄に追記します。 日記タイトルをリンクにした場合の見栄え調整 日記のタイトル部分を、日記のトップページ…

「コメントを書く」を非表示に

昨日(d:id:manpukuya:20050324:navi)の続き。今日は「コメントを書く」欄を非表示にしてみた。d:id:yms-zun:20050310:warudakumiにあるように、「div.comment div.caption{display:none;}」と書けば、標準の「コメントを書く」リンクだけが非表示になる。…

スタイルシート調整

見出し別表示時のナビゲーションの追加(d:id:hatenadiary:20050322:1111481836)に合わせて、「前の×日分」といったリンクを中央揃えにした。ここは今回の変更によって、たとえばd:id:manpukuya:20050324:naviといったページを表示させると、前後の記事のタ…

あちこちメンテナンス

この日記の2003年1月分に書いていた「CSSではてなダイアリーの見栄えを変えてみよう」の内容を削除し、g:guide:id:manpukuyaへのリンクのみにする(スクリーンショット撮り直して、続きを書かないと…ほかの方々のガイドと重なっている気がしてきた) 『キュ…

はてなダイアリーに画像を1日4枚までアップロードする裏技

はてなダイアリーにおいては、画像は1日1枚しかアップロードできないと決まっている。はずなのだが、どうやら拡張子が違う画像ならそれぞれ1枚ずつアップロードできるようだ。先ほど、png形式の画像をアップロードし、次にjpg形式の画像をアップロードした。…

aboutページのISBN/ASIN画像に、こんなCSS

上記の通り、aboutページに「最近言及したISBN/ASIN」も表示できるようになった。ここでは、商品に画像がない場合、代わりに「?」の画像が表示される。しかしこの画像、「?」の周囲が透過指定になっており、ページの背景色によってはちょっと見づらい。そこ…

サイドバー利用者のための設定ページのスタイルシート(2004-06-14現在)(d:id:kamioka:20040614#p1さん)

d:id:kamioka:20040614#p1 編集ページや設定ページのレイアウトが、サイドバーの指定が原因で崩れている人のためのtips。スタイルシートの記述ルール(特にカスケーディング)についても整然と説明されており、勉強熱心な方ならサイドバーを使っていなくても…

「まんぷく::はてなガイド草稿」設置

まんぷく::はてなガイド草稿 はてなグループ「ガイドグループ」(g:guide)に「まんぷく::はてなガイド草稿」を作らせていただきました(g:guide:id:manpukuya)。ひとまず、id:manpukuya:200301にある「CSSではてなダイアリーの見栄えを変えてみよう」を、g…

calendar2モジュール、ちょっといい話

カレンダーを表形式で表示できるcalendar2モジュールをよく見ますが、「hatena」以外のテーマや自作スタイルシートを使っている場合、見栄えを自分で調整しなければなりません。その際に「こうしたい」と多く考えられていそうな指定を、いくつか紹介します。…

はてなダイアリーガイド、続きは?

d:id:sugio:20040417#p1さんいわく、「いまダンゼン需要が高いのは応用編のスタイルシート講座のつづき。」とのこと。うー、やっぱりそう思いますか? 私はモチベーションがなかなか上がらなくて、申し訳ないです。プロパティを解説しつつ、見栄えのするスタ…

スタイルシートにおける単位について

行の間隔(line-heightプロパティ)を実数で指定しておく(単位をつけない)と、行内で大きくした文字が重なってしまう心配はなくなる、という話。d:id:manpukuya:20040222#cで、どなたかがd:id:mozuyama:20040223#p4さんの記事「line-heightでの単位指定」…

段落の前後のすき間をなくす方法

日記の本文において、段落の前後のすき間をなくす方法をここでも紹介しておきます。スタイルシートに div.section p{ margin-top:0;margin-bottom:0; padding-top:0;padding-bottom:0; }と指定します。これは、どんなテーマを使っていても有効なはずです。た…

アンテナをページの右に表示する一法

はてなアンテナを、ページの右側に表示する方法の一つを紹介します。これは、ヘッダ部分にいろいろな内容を盛り込んでいて、かつキーワード「sidebar」の内容を読んでもうまくいかなかった方向けの方法です。まずキーワード「antennaモジュール」をご覧いた…

はてなダイアリーで、1日に複数の画像をアップロードする方法と、画像を任意の場所に表示する方法

はてなでの質問や、d:id:kinoutobito:20040211さんの日記を見て。「はてなダイアリーFAQ『日記を書く』」に、「画像を登録する」関連FAQがまとめられています。 画像や写真の表示場所や大きさを変更する 1日の日記の中で複数の画像を表示したい といった項目…

スタイルシート調整

普通のリンクは太字で表示しつつ、日記本文中にあるキーワードへのリンクだけは、IEでも太字にならないようにCSSを調整した。「IEでも」とあるのは、実は今までも「a.keyword {font-weight:inherit;}」というCSSを書いてあったから。「inherit」は「親要素の…

書き込み時刻表示のない小見出しをPermalinkにしつつ、上へ上へと追加する方法(再度紹介)

→d:id:manpukuya:20031114#1068735602。これなら、同時に複数の記事をアップできます。d:id:kowagari:20040129#1075339717さんの記事を読んで、取り急ぎ。この話は、はてなダイアリーガイドのどこかに…ありました。草稿がd:id:sugio:10050117さんのところに。

hatenaモジュールの「template="list"」属性によって、各モジュールに生成されるクラス名

d:id:hatenadiary:20040126#1075122255にあるように、sectionモジュールを始めとする各種hatenaモジュールに、新たな属性を指定できるようになった。モジュールに「template="list"」という属性を指定することで、<ul>〜</ul>タグ(ul要素)が生成される。面白いのは…