テンプレートの変更! - セルフィー・ナンバー 13
毎月恒例のテンプレートの変更を行うセルフィーです。さて、今回のセルフィーは、テンプレートの変更というか、背景画像を変えてレイアウトを大幅に変更してみました。サイドバーを無くして記事を中心にした、背景画像とのマッチングを考慮したレイアウトです。
テンプレートの変更に合わせて更新している
恒例のセルフィー(笑)です。
使用しているテンプレートデザインは、
前回、前々回同様に ”ウォーターマーク” を使用しています。
ウォーターマークというのは「透かし」の意味だそうです。
テンプレートをそのまま使用していますので、
デザイン上の変更はほとんどありませんが、
レイアウトと背景画像が変わりました。
この背景画像は、過去のセルフィー
No.2、No.4 のタイトル部分と同じなのですね。
テンプレートと背景画像をうまく組み合わせ
構成する要素やレイアウトを工夫すると
全く違うイメージが作り出せます!
◇
セルフィー・ライブラリー > Template Gallery
テンプレート デザイナーで行う
各種指定内容を下記に載せておきます
良かったら参考にしてください。
テンプレートの変更に合わせて更新している
恒例のセルフィー(笑)です。
使用しているテンプレートデザインは、
前回、前々回同様に ”ウォーターマーク” を使用しています。
ウォーターマークというのは「透かし」の意味だそうです。
テンプレートをそのまま使用していますので、
デザイン上の変更はほとんどありませんが、
レイアウトと背景画像が変わりました。
この背景画像は、過去のセルフィー
No.2、No.4 のタイトル部分と同じなのですね。
テンプレートと背景画像をうまく組み合わせ
構成する要素やレイアウトを工夫すると
全く違うイメージが作り出せます!
◇
セルフィー・ライブラリー > Template Gallery
テンプレート デザイナーで行う
各種指定内容を下記に載せておきます
良かったら参考にしてください。
◆テンプレート デザイナー指定内容まとめ
テンプレート > 【ウォーターマーク02】
背景 > 背景画像 > テクスチャ 03-1
幅を調整 : ブログ全体770px、右側のサイドバー無し
レイアウト : ブログ参照
上級者向け : 指定した内容のみ記載、下記参照。
背景 > 背景画像 > テクスチャ 03-1
幅を調整 : ブログ全体770px、右側のサイドバー無し
レイアウト : ブログ参照
上級者向け : 指定した内容のみ記載、下記参照。
◆上級者向け指定内容
- ページのテキスト : フォント Arial 14px、テキストの色 #5c5c5c、
- 背景 : 外側の背景 #c7a469、フッターの背景 #3e5235、
- リンク : リンクの色 #63c56b、表示済みの色 #70ba29、カーソルを合わせた時の色 #c56a63、
- ブログのタイトル : フォント Arial、50px、タイトルの色 #6ba762、
- ブログの説明 : 説明の色 #6ba762、
- タブのテキスト : フォント Arial 14px、テキストの色 #cc3300、選択済みの色 #000000、
- タブの背景 : 背景色 transparent、区切りの色 #c0a154、
- 日付ヘッダー : フォント Arial 14px、テキストの色 #8a8a8a、
- 投稿 : タイトルのフォント Arial、B、20px、背景色 transparent、枠線の色 #a1d0a3、
- 投稿のフッター : テキストの色 #6ba762、
- ガジェット : タイトルのフォント Arial 16px、タイトルの色 #000000、代替色 #848484、
- フッター : テキストの色 #a1d0a3、ガジェットのタイトルの色 #c2efc4、
- フッターのリンク : リンクの色 #a6ff63、表示済みの色 #88e045、カーソルを合わせた時の色 #b2ff83、
- CSSを追加 :
コメント
コメントを投稿
ご覧いただき感謝します。ご意見やご質問がありましたら、「コメントを入力」をクリックしてください。よろしくお願い致します!