2007年10月13日

はてなダイアリーのデザインを書いてみました

里親募集中
Photographer
shinkusano
License
Creative Commons (by-nc-sa)
Tool for photo selecting
Gigazinize Tools - Image

ここで書いている記事をはてダにも同期し、アクセス数がどれ位違うのか確かめようと思ったのですが、色んな都合で断念しました(´・ω・`)ショボーン

その道すがら書いていたデザインが行く宛もなく、一人寂しくしているので二人いました
「貰って良いよ!」
っていう里親さんがいましたら、是非是非拾っていってやって下さい。

*激しく紛らわしい気がしますが、子ぬこじゃなくてはてなダイアリーのデザインですよう

[その1]

2007_10_13__01

[適用方法]

  1. はてなダイアリー→管理→デザインページへ行き、「テーマ」から、ベースとなるテーマ「Soda」を選択して下さい
  2. ページのヘッダ・スタイルシートに、それぞれ以下をコピペ

    ページのヘッダ
    <div class="ori_title">  
        <!-- ここにブログの名前 --> 
    </div>
    <hr class="ori_suiheisen">
    <div class="ori_zakki">  
        <!-- ここに一言 -->
    </div>
    <hr class="ori_suiheisen">
    <div class="main">

    スタイルシート
    body{
        background: #06c !important;
    }

    h1{
        display:none;
    }

    div.hatena-body{
        width: 760px;
        border-style: dashed;
        border-width: 0px 1px 0px 1px;
        border-color: #FFF;
    }

    div.main{
        width: 540px;
        margin: 10px;
    }

    div.caption{
        font-size:100%;
    }

    div.sidebar{
        margin: 10px;
        top: 150px;
        left: 560px;
    }

    .hatena-modulebody li{
        width:160px;
    }

    div.hatena-moduletitle{
        height: 2em;
    }
    div.hatena-modulebody{
        font-size: 105%;
    }

    form.hatena-searchform{
        margin: 0px !important;
    }

    div.ori_title{
        padding: 60px 10px 5px 10px;
        text-align: left;
        color: #FFF;
        font-size: 200%;
        font-weight: bold;
        font-family:'Comic Sans MS',sans-serif;
    }
    hr.ori_suiheisen{
        border-style: dashed;
        border-width: 1px 0px 0px 0px;
        border-color: #FFF;
        margin: 5px;
    }
    div.ori_zakki{
        margin: 5px;
        text-align: right;
        color: #FFF;
        font-size: 120%;
    }
  3. ページのヘッダで色を変えて示している
    • <!-- ここにブログの名前 -->
    • <!-- ここに一言 -->
    の直後に、それぞれブログのタイトル、適当なメッセージ(ブログの説明等)を書き入れる。
  4. プレビューをクリックし、うまく表示できていればページ最下部
    「この内容に変更する」
    をクリックし、保存する

 

[その2]

2007_10_13__02

[適用方法]

  1. はてなダイアリー→管理→デザインページへ行き、「テーマ」から、ベースとなるテーマ「Soda」を選択して下さい
  2. ページのヘッダ・スタイルシートに、それぞれ以下をコピペ

    ページのヘッダ
    <div class="ori_title">  
        <!-- ここにブログの名前 --> 
    </div>
    <hr class="ori_suiheisen">
    <div class="ori_zakki">  
        <!-- ここに一言 -->
    </div>
    <hr class="ori_suiheisen">
    <div class="main">

    スタイルシート
    body{
        background: #960 !important;
    }

    h1{
        display:none;
    }

    h2{
        background-image:url(http://f.hatena.ne.jp/images/fotolife/k/kathewka/20071013/20071013192257.gif);
        background-position:left top;
        background-repeat:no-repeat;
    }

    div.hatena-body{
        width: 760px;
        border-style: dashed;
        border-width: 0px 2px 0px 2px;
        border-color: #630;
    }

    div.main{
        width: 540px;
        margin: 10px;
    }

    div.body{
        background-image:url(http://f.hatena.ne.jp/images/fotolife/k/kathewka/20071013/20071013192256.gif);
        background-position:left top;
        background-repeat:repeat-y;
    }
    div.day {
        background-image:url(http://f.hatena.ne.jp/images/fotolife/k/kathewka/20071013/20071013192255.gif);
        background-position:left bottom;
        background-repeat:no-repeat;
    }

    div.caption{
        font-size:100%;
    }

    div.sidebar{
        margin: 10px;
        top: 150px;
        left: 560px;
    }

    .hatena-module {
        background-image:url(http://f.hatena.ne.jp/images/fotolife/k/kathewka/20071013/20071013191739.gif);
        background-position:left bottom;
        background-repeat:no-repeat;
    }

    div.hatena-moduletitle{
        height: 2em;
        background-image:url(http://f.hatena.ne.jp/images/fotolife/k/kathewka/20071013/20071013191721.gif);
        background-position:left top;
        background-repeat:no-repeat;
    }

    div.hatena-modulebody{
        font-size: 105%;
        background-image:url(http://f.hatena.ne.jp/images/fotolife/k/kathewka/20071013/20071013191719.gif);
        background-position:left top;
        background-repeat:repeat-y;
    }

    .hatena-modulebody li{
        width:160px;
    }

    form.hatena-searchform{
        margin: 0px !important;
    }

    div.ori_title{
        padding: 60px 10px 5px 10px;
        text-align: left;
        color: #630;
        font-size: 200%;
        font-weight: bold;
        font-family:'Comic Sans MS',sans-serif;
    }
    hr.ori_suiheisen{
        border-style: dashed;
        border-width: 2px 0px 0px 0px;
        border-color: #630;
        margin: 5px;
    }
    div.ori_zakki{
        margin: 5px;
        text-align: right;
        color: #630;
        font-size: 120%;
    }
  3. ページのヘッダで色を変えて示している
    • <!-- ここにブログの名前 -->
    • <!-- ここに一言 -->
    の直後に、それぞれブログのタイトル、適当なメッセージ(ブログの説明等)を書き入れる。
  4. プレビューをクリックし、うまく表示できていればページ最下部
    「この内容に変更する」
    をクリックし、保存する

お母さん、お父さんになってあげて

posted by カシューカ at 20:37| Comment(0) | TrackBack(1) | Tips | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/60523026
※言及リンクのないトラックバックは受信されません。

この記事へのトラックバック

[はてな][雑記]はてなダイアリーのデザイン
Excerpt: 某友人からの指摘を受け、はてなダイアリーのデザイン(レイアウトってところ)を変更予定。 見にくいらしい。プラスなんとか権に引っかからないようなものを調査中。 いろいろなテーマをご覧あれ ↓ここらへん..
Weblog: 北九州市立大学、ある学生のBlog
Tracked: 2008-06-22 22:37
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。