はじめての方へ はてなブックマークを始めよう はじめてはてなブックマークを使う方に向けて、 はてなブックマークでできることや、サービスの特徴を解説します はてなブックマークにログインするとできること はてなブックマークから簡単にソーシャルシェア はてなブックマークでは、Twitterと連携すると ブックマークした記事のソーシャルシェアが簡単に行なえます 友達の間で話題になっているページが見たい はてなブックマークをTwitter連携すると、 Twitterでフォローしているユーザーがシェアしたページをチェックすることができます 興味のある話題の最新情報を知りたい 興味のあるキーワードを関心ワードに登録して 情報収集を自分好みにカスタマイズできます 目的から調べる ブックマークする ブックマークの投稿方法やタグ機能、コメント機能について ブックマークでみつける ブックマークの検索方法やより効

Did you like my previous CSS tutorial on how to create gradient text effects? I’m using the same trick to show you how to decorate your images and photo galleries without editing the source images. The trick is very simple. All you need is an extra <span> tag and apply a background image to create the overlaying effect. It is very easy and flexible — see my demos with over 20 styles, from a simple

各プロパティは単体で使用することもできます。 色の指定については、CSSの色指定をご覧ください。 CSSの色指定 参考 使用するセレクタについて 表示モードが互換モードの場合はbody要素に対して設定しますが、標準モードの場合はhtml要素に対して設定する必要があります。 Operaでの対応について このプロパティがbody要素に設定されている場合に対応しています。（html要素に設定した場合は反映されません） body要素に設定した場合でも、ブラウザの設定を変えないと反映されない場合があるようです。 インラインフレームのスクロールバー インラインフレームのスクロールバーの色は、そのフレームに読み込まれる文書で設定します。 テキストエリアのスクロールバー ページのスクロールバーの色を指定すると、その色がテキストエリアのスクロールバーにも適用されてしまいます。テキストエリアのみ通常の色に戻し

2011/3/2追記: 2011/3/2以前にこのコンバータで変換されたガジェットが正しく表示されない不具合が起きていました。現在は修正済みです。→詳細 最近はiframeを使ったブログパーツがいろいろありますが、はてなダイアリーではiframeが使えません。 Google Gadgetを使えば任意のiframeを埋め込めるのですが、めんどくさいので、iframeを自動でGoogle Gadgetに変換するものを作ってみました。 iframe → Google Gadgetコンバータ ためしにGoogleドキュメントのプレゼンテーションを貼り付けてみました。 ニコニコ動画のサムネイルもこれを使って埋め込めますが、ニコニコ動画のGoogle Gadgetもあります。

本日、それぞれのはてなモジュールに対して、クラス名の指定を追加いたしました。こちらの変更により、CSSでのデザイン変更などが行っていただきやすくなりました。 これまでの hatena-module に加え、新たに hatena-module-モジュール名 というクラス名が追加されています。 たとえば、profileモジュールの場合は以下のようにクラス付けされています。 <hatena name="profile"> ↓ <div class="hatena-module hatena-module-profile">...</div> 来週火曜日（11月27日）まで開催中の公開デザイン祭2007秋に参加される方など、テーマを自作される方はぜひご活用いただければと思います。 その他、クラス名を付与したモジュールは以下の通りです。 クラス名を追加したモジュール一覧 モジュール名 クラス名 am

はてな記法を使ったとき実際にどのようなHTMLが出力されるのか、CSS用にクラスやIDに特化したまとめを作ってみたよー。簡潔にするためにはと略してあります。 07/11/22 自動リンク系記法を追加しました。 07/11/21 とりあえず自動リンク系以外の記法だけ 見出し記法 記法 *[カテゴリ1][カテゴリ2]見出し HTML（1段表示） <h3> <a><span.sanchor>■</span></a> [<a.sectioncategory>カテゴリ1</a>][<a.sectioncategory>カテゴリ2</a>]見出し <span.timestamp>00:00</span> </h3> HTML（2段表示） <h3.title>見出し</h3> <p.sectionheader> <span.sectioncategory><a.sectioncategory>カテゴリ1

本日、はてなダイアリーのコメント欄のレイアウトとHTML構造を刷新し、新しいコメント構造にいたしました。 主な変更点は以下の通りです。(先日の告知と同内容です。) [コメントを書く] のかぎかっこ（[]）を削除しました コメント本文に付くかぎかっこ（『』）を削除しました これまでは「ユーザー名＞コメント本文＞書き込み日時」でしたが、「ユーザー名＞書き込み日時＞コメント本文」に変更しました ユーザーアイコンのリンクをその人のダイアリーへのリンクに変更しました（span.canchorは廃止） 個別コメントのpermalinkは書き込み日時にリンクしています 書き込み日時・コメント本文をそれぞれ別のspanで囲み、classを設定しました base.cssにいくつかのスタイルを追加しました ユーザー名・書き込み日時の後が改行されて本文が始まるような指定にしました 書き込み日時のanchorの色

はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

顔に見える？最近「送水口」が気になるという話 「送水口」が気になる今日この頃 最近街中で気になる存在、それがこの「送水口」です。地上のフロアが7階以上あるビルなど、一定の条件を満たした建築物には設置が義務付けられているもので、火事が発生したフロアにただちに水を送るために使われるものです。ポンプ車…

さきほど、はてなスターの機能拡張を行い、スタイルシートで設定するだけで簡単にはてなスターの画像を変更できるようになりました。この方法を使うと、はてなダイアリーなど、スタイルシートが編集可能な環境ならどこでも簡単に画像を変更できます。 今回の機能により、「Commentボタン」「Addボタン」「☆」のそれぞれの画像を変更することができます。それぞれ以下の項目を編集することで指定が可能です。 /* Commentボタンの画像をurl()の中に指定します */ .hatena-star-comment-button-image { background-image: url(http://exapmle.com/comment.gif); } /* Addボタンの画像をurl()の中に指定します */ .hatena-star-add-button-image { background-imag

日記_2024.8.29 鞍馬と貴船 29日は鞍馬と貴船に行ってきました。こんな天気でバイクは無理、でも引きこもるのも嫌なので前々から行きたかった鞍馬と貴船に行くことにしました。ただ、いつ大雨が降っても全くおかしくないので天気がヤバそうなら帰ることにします。普通に日帰りできる距離ですから…

概要 はてなダイアリー、はてなグループ、はてなブックマーク、はてなアンテナのデザインをその場で編集します。 ダウンロード hatenadesigneditor.user.js スクリーンショット 使い方 まず編集ウィンドウを出します。 Operaの場合ブックマークレットを使います→デザイン編集 Firefoxの場合メニューのツール→User Script Commands→edit Hatena Designを選んでください テキストエリアにスタイルシートを入力して「プレビュー」を押してやると、その場でページのデザインが変わります。 テーマの変更もできます。この時点ではまだはてなのサーバーに情報は送られていません。 今選択しているテーマのスタイルシートを確認したいときは「CSS」を押すとcssファイルを別ウィンドウで開きます。 間違えてしまってやり直したい、というときには「やりなおし」ボタ

この記事お内容は古くなっています。今は、もっとクールな方法があります。はてなスターのボタン画像を変更する - はてなダイアリーのヘルプ はてなスターのスターをしなもんに置き換えてみる。CSSだけで。 /* しなもん */ span.hatena-star-star-container{ background-image:url("http://mzp.sakura.ne.jp/files/cinnamon.png"); background-repeat:repeat-x; position:relative; left:30px; top:4px; border:1px solid white; } span.hatena-star-star-container img[src="http://s.hatena.ne.jp/images/add.gif"]{ position:absol