スタイルシートを編集する
■ スタイルシートを編集する
管理画面の [デザイン] → [デザイン編集] の詳細タブで「スタイルシート」の欄にスタイルシートを記述することで、自分のダイアリーの見た目をより細かくカスタマイズすることができます。
例えば、スタイルシート欄に
a.keyword {
color:red;
}
と入力することで、「はてな」のようにキーワードリンク色を赤色にする事ができたり、
a.keyword {
font-size:150%;
}
と入力することで、「はてな」のようにキーワードリンクの文字だけ大きくできます。
上記の「a」とは「anchor」の略で、これはリンクを指します。
「color」は色、「red」で赤を指定します。
スタイルシートはこのように、「どこの」「何を」「どうするか」を指定することで色々な変更が行えます。
スタイルシートについては、書籍やネット上に豊富な情報がございます。より詳しくお知りになりたい方は下記の関連する情報などをご覧ください。
文字数制限について
スタイルシート欄の文字数制限は、65535バイトまでとなっております。
関連する情報
- はてなダイアリーのヘルプ - 複数のデザインを切り替える(デザイン管理機能)
- はてなダイアリーのヘルプ - 他人のデザインをインポートする(公開デザイン一覧)
- はてなダイアリーのヘルプ - デザインを変える(上級者向け)
- はてなダイアリーのヘルプ - デザインテーマについて
- はてなダイアリーのヘルプ - はてなダイアリーXSS対策
- はてなダイアリーガイド目次 - 応用編
- はてなダイアリーガイド「CSSセレクタ」
- はてなダイアリーTipsスタイルシートでデザイン編
- はてなダイアリー - スタイルシートとは
- 【週刊はてな塾】第九号 出陣の時!はてなダイアリーデザイン変更の巻
- はてなダイアリーのヘルプ - Google AdSenseの色をスタイルシートで指定する
- 2010/06/04 19:13:39 はてなスターのボタン画像を変更する
- 2010/11/17 18:02:22 はてなダイアリー機能一覧
- 2011/01/19 16:28:34 スタイルシートを編集する
- 2010/06/04 19:09:15 デザインを変える(上級者向け)
- 2010/11/17 17:40:28 複数のデザインを切り替える(デザイン管理機能)
- 2010/06/04 19:13:42 Google AdSenseの色をスタイルシートで指定する
- 2010/11/17 17:39:27 日記のデザインでできること
- 2010/11/17 17:38:52 他人のデザインをインポートする(公開デザイン一覧)
- 2011-11-27 13:35:04 usually’s diary - 第735回目
- 2010-12-18 11:50:03 群馬県デザイン日記 - ブログのデザインテンプレートを変更しました。
- 2010-07-02 00:36:06 モクレンの日記 - フォントサイズ変更
- 2010-03-23 19:46:39 NAOの Ruby on Rails 勉強日記 - 文字サイズのデフォルト指定
- 2009-09-13 07:14:51 彼女からは,おいちゃんと呼ばれています。 - はてなダイアリーの公開デザイン「はてブ2」のスタイルシートを編集してみた
- 2009-08-18 11:32:46 ひとりごと - はてなダイアリーでルビをふる
- 2008-12-17 23:35:19 [WWWサイト]カスタマイズ好き好き病
- 2008-12-16 02:41:40 一詩人の最初の歌 - はてダは初心者には厳しすぎる
- 2008-06-18 21:45:59 p51の日記(仮) - しばし、メモ書き
- 2007-10-17 08:46:55 はてなグループ - 機能変更、お知らせなど - Re:You tubeの画面の調整




