はてなダイアリーで、特定の文字を黒く塗りつぶしたり(選択すると見えなかった文字が見えるようになる)、文字の色や大きさを変える方法、

それから、デフォルトのはてなダイアリーのテーマでは、ダイアリーの本文が表示されている部分の幅が広いので、もうちょっと狭くする方法も教えてください。
当方スタイルシートとか全く分からないので、分かりやすく教えてください。
よろしくお願いします。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2005/02/02 22:08:56
  • 終了:--

回答(8件)

id:unchidopon No.1

unchidopon回答回数57ベストアンサー獲得回数02005/02/02 22:36:01

http://ykr414.com/css/

全部まるごとスタイルシート −スタイルシートリファレンス−

素人なので詳しくはわかりませんが、スタイルシートを教えてくれるサイトがたくさんあるので、勉強してみたらいいと思います。

あと、最近見たんですが、はてなダイアリーの本に、詳しく設定の仕方が書いてありますので、立ち読みしてみるといいと思います。

id:suikanonaraduke

あのねえ・・・。

2005/02/02 22:42:39
id:taknt No.2

きゃづみぃ回答回数13539ベストアンサー獲得回数11982005/02/02 23:01:27

ポイント10pt

http://d2.hatena.ne.jp/help#editrule

はてなダイアリーのヘルプ

http://d2.hatena.ne.jp/taknt/20050202

2005-02-02 - takntの作り話、情報ネタ

タグを使えば 色と大きさを変えれます。

<font size=”9” color=”#ff0000”><b>色と大きさを変えてみました。</b></font>

id:suikanonaraduke

だから、そのタグならタグの使い方を知りたいんですが。

2005/02/02 23:23:28
id:inelsur No.3

inelsur回答回数538ベストアンサー獲得回数02005/02/02 23:17:24

ポイント50pt

http://heo.jp/tag/font/index.html

フォントタグ/みんなのタグ辞書/HTMLタグ辞書

タグを使いましょう。

例えば、

「はてな」

という字を大きくしたければ、<big></big>を使って、

「<big>はてな</big>」

と日記本文中で書けば1段階大きくなります。更に大きくしたいときは<big><big></big></big>を使って、

「<big><big>はてな</big></big>」

と書きます。また、<font size=”1〜7”></font>で大きさ1〜7までが指定できます。

http://www.tohoho-web.com/css/reference.htm#margin

とほほのスタイルシート入門

また、本文が表示されている部分の幅を設定するには、「管理」→「デザイン」→「詳細デザイン」→「スタイルシート」で、

div.main {

margin-left: 20%;

margin-right: 30%

}

と書けば、左の幅を20%、右の幅を30%減らします。marginについてはリンク先参照。

まぁ、言ってても分からないでしょうから、実際にやってみて色々いじくってみてください。

id:suikanonaraduke

文字の大きさを変える方法はうまくいきましたが、ダイアリーの表示されているところの幅を変えると、ダイアリー本文と「最新タイトル」の文字が重なってしまいます。

どうすればいいんでしょうか・・・。

2005/02/03 19:25:52

質問者が未読の回答一覧

 回答者回答受取ベストアンサー回答時間
1 きゃづみぃ 13539 10064 1198 2005-02-02 23:44:09
2 akimasa2000 276 237 0 2005-02-03 00:00:16
3 hatgrass 7 6 0 2005-02-03 04:59:33
4 siachan 80 58 14 2005-02-03 11:23:55
5 quintia 562 517 71 2005-02-03 15:39:00

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません