黒にあわせたパターンカスタマイズ
少し彩りを加えてみました
【参考イメージ】 黒パターンカスタマイズ
【使用テンプレート】 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;
}