アメブロ カスタマイズ
自分専用のオリジナルデザインにするための『ステップ③』です。
ヘッダーを半透明にすることで背景に設定した画像をうっすらと見えるようにし、デザインに高級感を持たせるための手順がご覧になれます。
カスタマイズ前の準備
この記事を読む前に、こちらの設定をしておいてくださいね。
変更に失敗し元に戻したい場合、こちらの記事をご覧ください。
カスタマイズ手順
- 『ブログ管理』画面を開きます。
https://blog.ameba.jp/ucs/top.do
- 『デザインの設定』ボタンをクリックします。
https://blog.ameba.jp/ucs/skin/skinselecttop.do
- 「デザインの変更」の「適用中のデザイン」にある『CSSの編集』をクリックします。
https://blog.ameba.jp/ucs/editcss/srvcssupdateinput.do
- 「現在使用中のプロぐデザインCSS」をスクロールし、「(2-1) ヘッダー背景」の
/* ヘッダー背景 */
.skin-bgHeader {
のすぐ下に、下記の二行をコピーする
opacity: 0.85; /* 背景の透明度を変更(透過率15%) */ font-weight: bold; /* ヘッダー内の文字を太字にする */
- 「(2-2) ヘッダータイトル、説明文」の下に、下記の四行をコピーし
/* ヘッダーのリンク */ .skin-bgHeader a{ color: #1D2088; }
[/]スラッシュを二つ入力する
例) // color: #333333;
- お好みで、font-size の数字を変えて、文字の大きさを変更し、『保存』をクリックします。
以上で適用完了です。お疲れさまでした。
記事を気に入って頂けたら
お願いします m(_ _)m
本でしっかり勉強したい人は、こんな本はいかがですか?