はてなダイアリーの設定についてお尋ね致します。=1=


日記タイトルの字の大きさを変更するには、どうすれば良いのでしょうか?

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2004/12/02 16:25:42
  • 終了:--

回答(2件)

id:hinop No.1

hinop回答回数2601ベストアンサー獲得回数12004/12/02 16:31:43

ポイント25pt

http://www.sevencolors.jp/archives/2004/11/post_63.html

Sevencolorsせぶんからーず: 文字大きさ変更

ダイアリーを右クリックでソースを表示、

<link rel=”stylesheet” href=”

” type=”text/css” media=”all”>

のような構文があると思いますので、そのCSSをコピーして、

タイトルの字の大きさを変更(数値で指定)。

ダイアリーの詳細設定のCSSのところに打ち込めばいいでしょう。

id:anonymous88sm

開いたソースのどこからどこまでをコピーして貼ればよいのか、わからないでいます。

2004/12/02 16:43:18

id:garyo No.2

garyo回答回数1782ベストアンサー獲得回数962004/12/02 16:34:01

ポイント25pt

http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%...

はてなダイアリーガイド「CSSセレクタ」とは - はてなキーワード

ここを参照してみてください。

ダイアリーの「設定」−「スタイルシート」

h1 の font-size を変えます。

どうしても上手くいかなかったら

ダイアリーに質問内容と、「教えてはてなダイアリー」と書くと偉い人が教えてくれるかもしれません。

http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%...

はてなダイアリーガイド「CSSセレクタ」とは - はてなキーワード

もし違う場所の話でしたらこちらを参考にしてみて下さい。

id:anonymous88sm

一つ目のURLを参照いたしました。

なんとかタイトル字のサイズが変更できました。

2つ目のURLのほう、じっくり勉強してみます。

回答ありがとうございました。

2004/12/02 16:52:55
  • id:Yuny
    せっかく書いたので貼っておきます。

    http://d.hatena.ne.jp/theme/hatena/hatena.css
    日記表示のカスタマイズは、スタイルシートをいじります。
    以下は例として、テーマ『hatena』のタイトル部分の設定です。

    h1 {
    text-align: left;
    font-size: 16pt;
    font-weight: bold;
    border-bottom: 1px dotted #adb2ff;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 5%;
    margin-right: 5%;
    padding: 4px 4px 4px 4px;
    }

    以下、行ごとに日本語訳。
    (1)テキストを左に寄せて(2)フォントは16ポイントで(3) 太文字で(4)下辺に色をadb2ff色にした点線を引いて(5)上の余白は10PX(6)下の余白は10px(7)左の余白は画面の5%(8)右の余白は画面の5%。(左右を同じ値にすれば中央配置になる)(9)文字本体と外枠の感覚は上下左右4px
    という意味。

    なので、大きくしたかったら、日記の詳細設定の『スタイルシート』欄に
    h1{
    font-size: 24pt;
    }
    と入れると、hatenaテーマの16ptから24ptに上書きされます。
    他のこと(下線が点線であることとか)をいじる必要が無ければ、それは書かなくて結構です。書いたことだけが上書きされるようになっています。

    ご自分がお使いのテーマのスタイルシートは、日記を表示して、htmlソースを表示して、
    <link rel=”stylesheet” href=”http://d.hatena.ne.jp/theme/hatena/hatena.css” type=”text/css” media=”all”>
    という感じの所を探すと分かります。
    この場合は、http://d.hatena.ne.jp/theme/hatena/hatena.cssがスタイルシートです。
    ここで定義されたデザイン通りに、ダイアリーは表示されます。

    例えば。

    私のダイアリーの場合は、はてなダイアリーキーワードのリンクの下線を消して、代わりに青くなるようにしています。
    この場合、このように、スタイルシート欄に追記します。

    a.keyword {
    text-decoration: none;
    color: #0000ff;
    border-bottom: none;
    }

    a.keyword:link {
    color: #0000ff;
    }

    a.keyword:visited {
    color: #6495ed;
    }

    a.keyword:hover {
    color: #bbbbbb;
    }

    実際のhtmlソースと、CSSを見比べると、どこをどうすればカスタマイズできるかだんだん分かってきます。
    詳しくは、
    はてなダイアリー - はてなダイアリーガイド「CSSセレクタ」
    http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bc%a5%ac%a5%a4%a5%c9%a1%d6CSS%a5%bb%a5%ec%a5%af%a5%bf%a1%d7

    や、

    とほほのスタイルシート入門
    http://www2e.biglobe.ne.jp/~s-hasei/css/index.htm

    を、ご覧下さい。
    カスタマイズに役立つカラーコードはこちらから。
    (先ほどからちらちら出てくる#の後の6つの数値です)

    WebMonkey:カラーコード
    http://hotwired.goo.ne.jp/webmonkey/reference/color_codes/
  • id:anonymous88sm
    Yunyさんへ:

    大変ご丁寧なご指導を頂きまして、ありがとうございます。

    CSSを使いこなせるようになるとラクなのでしょうけれど、
    今のところ、私には難しすぎて・・・
    文字と文字の間隔をせばめたりの書き方も知りたいのです。

    どこまでできるか、わかりませんが、
    まずは、書いて頂いたソースをコピーしながら変えていってみます。


    今後共、宜しくご指導お願い申し上げます。

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

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

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

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