デザインの変更③（ヘッダー半透明、タイトル色替え）

アメブロカスタマイズ

自分専用のオリジナルデザインにするための『ステップ③』です。

ヘッダーを半透明にすることで背景に設定した画像をうっすらと見えるようにし、デザインに高級感を持たせるための手順がご覧になれます。

カスタマイズ前の準備

この記事を読む前に、こちらの設定をしておいてくださいね。

変更に失敗し元に戻したい場合、こちらの記事をご覧ください。

『ブログ管理』画面を開きます。
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:」の先頭に
[/]スラッシュを二つ入力する
例） // color: #333333;
お好みで、font-size の数字を変えて、文字の大きさを変更し、『保存』をクリックします。