はてな記法とHTMLマークアップまとめ - dobby dog doughnut
はてな記法を使ったとき実際にどのような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
各はてなモジュールにクラス名を追加しました（開発者向け） - はてなダイアリー日記
本日、それぞれのはてなモジュールに対して、クラス名の指定を追加いたしました。こちらの変更により、CSSでのデザイン変更などが行っていただきやすくなりました。 これまでの hatena-module に加え、新たに hatena-module-モジュール名 というクラス名が追加されています。 たとえば、profileモジュールの場合は以下のようにクラス付けされています。 <hatena name="profile"> ↓ <div class="hatena-module hatena-module-profile">...</div> 来週火曜日（11月27日）まで開催中の公開デザイン祭2007秋に参加される方など、テーマを自作される方はぜひご活用いただければと思います。 その他、クラス名を付与したモジュールは以下の通りです。 クラス名を追加したモジュール一覧 モジュール名 クラス名 am
チープカ - はてなダイアリーのspan.sanchor問題
はてな, CSS | 23:11 | はてなダイアリーのCSSをいじった事がある人なら誰しも一度はセクションの頭につく■を画像に変えようとすると思いますが、このspan.sanchorっていうのがなかなか曲者で、span.sanchorがaタグの内側にあるためによく画像置換で使われるようなtext-indent:-9999pxとかの技を使うとIEでリンクをクリックできないとか不具合がでてきてしまうという問題があります。僕の場合は以前からフォントサイズを小さくしてpaddingで表示するという方法を使っていたんですが、それだとOperaで正しく表示されないという問題がありましたが無視してました＾＾。なので結局どう頑張ってもうまくいかない部分が出てきてしまい面倒なので最近はその部分についてはいじらないようにしていました。ですが、ようやく解決方法が見つかりました。自分が見つけたわけじゃないですけ
はてなシナー - みずぴー日記
この記事お内容は古くなっています。今は、もっとクールな方法があります。はてなスターのボタン画像を変更する - はてなダイアリーのヘルプ はてなスターのスターをしなもんに置き換えてみる。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
はてなダイアリーの新ヘッダーをアレンジ - tikeda's blog
はてなダイアリーの新しい基本デザインを公開しました - はてなダイアリー日記 先日はてなダイアリーのヘッダーに新しい細いバージョンが加わりました。このヘッダーは、太いのよりもスタイルシートを使って見せ方をアレンジしやすいと思います。いくつか試しにアレンジしてみましたのでよかったら参考にしてください。実際にスタイルシートも載せて起きますので「詳細デザイン」のスタイル欄に入れれば見ることができます。ベースのテーマは新しいはてなダイアリー基本デザインの「Hatena2」です。 Hatena::Diaryロゴとメニューの位置を入れ替える メニューを左に持ってきて右上に「powered by Hatena::Diary」のような感じにしてみました。 #simple-header { text-align: right; background: #5e7cb4 url("http://f.hatena
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
