黒にあわせたパターン 

黒にあわせたパターンカスタマイズ
少し彩りを加えてみました

【参考イメージ】 黒パターンカスタマイズ

【使用テンプレート】 standard_monotone
【材料】 黒背景1 黒背景2 

【カスタマイズ方法】
1 standard_monotone を共有テンプレートからDL
2 材料を右クリック→対象をファイルに保存 
3 保存した2つのファイルをツールの「ファイルアップロード」からアップロード
4 テンプレートの設定から修正を選び、以下の箇所を書き換えて下さい
*スタイルシートの編集部分を2箇所書き換えます*

■1箇所目■


/**************************** ▼ ヘッダー(タイトル部) ▼ */
/* ヘッダーレイアウト */
#header {
/* ----------------------------------------------------- */
background: #FFC0CB; /* ヘッダー背景の色 */
/* ----------------------------------------------------- */
background-image: url("黒背景1のURI");
background-repeat: repeat;

text-align: left;
}

■2箇所目■


/************************** ▼ メニューブロック(共通) ▼ */
/* メニュータイトル */
.menu_title {
/* ----------------------------------------------------- */
color:#ffffff; /* メニュータイトルの色 */
/* ----------------------------------------------------- */
background: #FFC0CB; /* メニュータイトル背景 */
/* ----------------------------------------------------- */
background-image: url("黒背景2のURI");
background-repeat: repeat;

text-align: left;
font-size: 0.8em;
font-weight: bold;
padding: 0.3em 1em;
margin: 0;



緑カスタマイズ 

初夏の緑っぽいカスタマイズ編
初夏の緑をイメージ

【参考イメージ】 緑カスタマイズ

【使用テンプレート】 standard_green
【材料】 緑背景1 緑背景2 

【カスタマイズ方法】
1 standard_green を共有テンプレートからDL
2 材料を右クリック→対象をファイルに保存 
3 保存した2つのファイルをツールの「ファイルアップロード」からアップロード
4 テンプレートの設定から修正を選び、以下の箇所を書き換えて下さい
*スタイルシートの編集部分を2箇所書き換えます*

■1箇所目■


/**************************** ▼ ヘッダー(タイトル部) ▼ */
/* ヘッダーレイアウト */
#header {
/* ----------------------------------------------------- */
background: #FFC0CB; /* ヘッダー背景の色 */
/* ----------------------------------------------------- */
background-image: url("緑背景1のURI");
background-repeat: repeat;

text-align: left;
}

■2箇所目■


/************************** ▼ メニューブロック(共通) ▼ */
/* メニュータイトル */
.menu_title {
/* ----------------------------------------------------- */
color:#ffffff; /* メニュータイトルの色 */
/* ----------------------------------------------------- */
background: #FFC0CB; /* メニュータイトル背景 */
/* ----------------------------------------------------- */
background-image: url("緑背景2のURI");
background-repeat: repeat;

text-align: left;
font-size: 0.8em;
font-weight: bold;
padding: 0.3em 1em;
margin: 0;



桜パーツ 

桜っぽくカスタマイズ編
春なので桜っぽく

【参考イメージ】 桜カスタマイズ

【使用テンプレート】 standard_pink
【材料】 桜背景1 桜背景2

【カスタマイズ方法】
1 standard_pink を共有テンプレートからDL
2 材料を右クリック→対象をファイルに保存 
3 保存した2つのファイルをツールの「ファイルアップロード」からアップロード
4 テンプレートの設定から修正を選び、以下の箇所を書き換えて下さい
*スタイルシートの編集部分を2箇所書き換えます*

■1箇所目■


/**************************** ▼ ヘッダー(タイトル部) ▼ */
/* ヘッダーレイアウト */
#header {
/* ----------------------------------------------------- */
background: #FFC0CB; /* ヘッダー背景の色 */
/* ----------------------------------------------------- */
background-image: url("桜背景1のURI");
background-repeat: repeat;

text-align: left;
}

■2箇所目■


/************************** ▼ メニューブロック(共通) ▼ */
/* メニュータイトル */
.menu_title {
/* ----------------------------------------------------- */
color:#ffffff; /* メニュータイトルの色 */
/* ----------------------------------------------------- */
background: #FFC0CB; /* メニュータイトル背景 */
/* ----------------------------------------------------- */
background-image: url("桜背景2のURI");
background-repeat: repeat;

text-align: left;
font-size: 0.8em;
font-weight: bold;
padding: 0.3em 1em;
margin: 0;
}