Amazon商品の価格変動チェック「あまとも」
コミックダッシュ!は初音ミクGTプロジェクトを応援しています
個人ニュースサイトを巡回する「メガとんトラック」
全ての記事 携プレMP3 デジカメ レコーダ ゲーム メモリ デジモノ コラム 雑談 ブログ あまとも コミックダッシュ!
前の記事次の記事
2003/12/20 17:00 - 2003/12/20

ようやくタイトルが画像になりました

カテゴリ : ブログ タグ :

    今まで "平日限定blog" になっちゃっていたのですが、土曜日初インプットです。
     
    昨日から今日にかけて、「デジモノに埋もれる日々」のデザインを赤基調に
    していました。それと合わせて、タイトルを平坦な文字ではなく画像に
    したかったのですが、今日ようやくその方法が判りましたε=(~Д~;)
    参考にさせていただいたのはw_interfaceさんのblog「言いたい放題!?」です。
    特定の記事の参照ではありませんのでトラックバックにならなくてゴメンナサイ・・。
     
    ご存じの方も多いと思いますが、タイトルに画像を使うポイントは以下の2点、
     ・画像は背景として貼り付ける。
     ・文字は背景色と同じ色にして消えたように見せる。
    以下のような感じでCSSを変更します。
     
    .mydoblog-header {
     /* 文字を極小にして、背景と同じ色にすれば消えたように見えるね */
     font-size : 0% ;
     color : #fffff0 ;
     /* タイトル画像は「背景画像」として貼り付けるね */
     background-image : url("/img/pict/0000002317.gif") ;
     background-repeat : no-repeat ;
     background-position : 50%;
     background-color : #fffff0;
     /* 枠を画像が収まるくらいの適度な大きさに変更するね */
     width : 776px ;
     height : 112px ;
    }
     
    画像のurl指定では、別に他のWebスペースに置いたファイルを指定しても構いませんが、
    Doblogで指定できるMyPictureを、1回表示してHTMLソースを見て画像URLを控え、
    それを指定するのが一番簡単でしょう。
     
    というわけでチョコットだけ見た目も整ってきた当blogを
    今後とも宜しくお願いします m(_ _)m

    CK@デジモノに埋もれる日々 @ckom
    ブログ「デジモノに埋もれる日々」「アニメレーダー」「コミックダッシュ!」管理人。デジモノ、アニメ、ゲーム等の雑多な情報をツイートします。



    投稿者 CK : 記事URL | ブログ | | 2003/12/20 17:00


    « 続々・Doblogのココがこうなって欲しい!

    トップに戻る

    新着ジャック、すみません(;´Д`) »



    ▼ コメント ▼

    ご自由にコメントください(=゜ω゜)ノ  ▼ コメント入力欄を開く ▼
    ※管理人は多忙のためお返事はほとんどできません(スミマセン)。
    スパムおよび本文と無関係なコメントは削除対象になる可能性があります。


    ▼ はてなブックマークのコメント ▼


    ▼ トラックバック ▼

    このエントリーのトラックバックURL:

    このリストは、次のエントリーを参照しています: ようやくタイトルが画像になりました:

    トラックバック時刻: 2005年8月23日 13:15

    » HTMLとなぁ from 看護の教室 看護師さんは何をやればよいんだろ?
    ようやく デザインをいじってみることに成功。 はぁ…私は現在周辺にホームページ活動している人もおらず、どうしたものかと途方にくれて、「デジ物に埋もれる日々」さ... [続きを読む]

    ★コミックダッシュ! 10,000人突破ありがとうキャンペーン!(9/18~10/23)
     
    デジモノに埋もれる日々 : (C) CKWorks