テンプレートの変更! - セルフィー・ナンバー 13

毎月恒例のテンプレートの変更を行うセルフィーです。さて、今回のセルフィーは、テンプレートの変更というか、背景画像を変えてレイアウトを大幅に変更してみました。サイドバーを無くして記事を中心にした、背景画像とのマッチングを考慮したレイアウトです。


セルフィー・ナンバー 13




テンプレートの変更に合わせて更新している
恒例のセルフィー(笑)です。

使用しているテンプレートデザインは、
前回、前々回同様に ”ウォーターマーク” を使用しています。
ウォーターマークというのは「透かし」の意味だそうです。

テンプレートをそのまま使用していますので、
デザイン上の変更はほとんどありませんが、
レイアウトと背景画像が変わりました。

この背景画像は、過去のセルフィー
No.2No.4 のタイトル部分と同じなのですね。

テンプレートと背景画像をうまく組み合わせ
構成する要素やレイアウトを工夫すると
全く違うイメージが作り出せます!



セルフィー・ライブラリー > Template Gallery

テンプレート デザイナーで行う
各種指定内容を下記に載せておきます
良かったら参考にしてください。




◆テンプレート デザイナー指定内容まとめ

 テンプレート > 【ウォーターマーク02】
 背景 > 背景画像 > テクスチャ 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を追加 : 

コメント

▼ 人気の投稿