しーまブログ コンピュータ・IT奄美大島 ブログがホームページに!しーま新機能のお知らせ! さばくる~イベント情報受付中!~
はじめに  もくじ  トップ画像を変更する方法  ファビコンを設定する方法  画像一覧

2022年11月28日

タイトルバーも簡単着せ替え1

トップの画像を変えたら、タイトルバーの色のバランスおかしくないか?
欲が出てきました。

タイトルバーってコレのこと。↓
矢印が指している赤線が引いてある部分ですね。

トップの画像の割に随分青くて、バランス悪い・・・そう思うのは自分だけでしょうか?
せっかくのTDSタワーオブテラーなので、それっぽい色にして統一感出したくなっちゃいました。
そんな願いも、着せ替えしーます方式で叶えることができます。

1.またしても画像を用意しますよ


好きな色で塗りつぶした 幅1300px 高さ100px(しーまで元々使っている画像のサイズ) の画像を作ります。
下のラベンダー色の画像をコピーしてペイントで好きな色に塗り替えていただいてもOKです。

ラベンダー色の部分をクリック→別窓で画像が開くので、そこで右クリック→名前を付けて画像を保存→obj.pngというファイルを好きな場所に保存できます


2.画像の名前は obj_00.png にしておいてください。



3.作成した obj_00.png をしーまにアップロード


この時、画像のマーカーのところ、注意してください。
この通りに設定してアップロードしてくださいね。
特にここで、ファイル名をobj_00.pngに固定にしておくのがミソなのです。



ここまでが事前準備でした~次からスタイルシートに変更を加えていきます。
さてさて、続きを知りたくなりましたか?

タイトルバーも簡単着せ替え2 へ続く


タイトルバーも簡単着せ替え1



同じカテゴリー(タイトルバーも着せ替え)の記事
 タイトルバーも簡単着せ替え2 (2022-11-29 11:08)

※このブログではブログの持ち主が承認した後、コメントが反映される設定です。
上の画像に書かれている文字を入力して下さい
 
<ご注意>
書き込まれた内容は公開され、ブログの持ち主だけが削除できます。

削除
タイトルバーも簡単着せ替え1
    コメント(0)