2017年5月24日水曜日

前回に続き今回も、若葉を写したイメージ画像がテーマです! 
テンプレートや背景画像に関する指定内容などもまとめています。


【画像ウィンドウ 02】+ 背景画像【自然 02-4】の公開画面


 Blogger の画像ウィンドウを使用してブログを制作する場合に参考になることを願い、このブログで公開した当時のプリントスクリーン画像を掲載しています。

 その時に指定した内容も下記にまとめていますので、ブログのイメージに合った背景画像を組み合せて制作する時のイメージ・サンプルの一つのとして、お役に立てれば幸いです。


◆Blogger テーマ(テンプレート)デザイナー指定内容
  • テンプレート > 【画像ウィンドウ 02】
  • 背景 > 背景画像 > 自然 02-4
  • 幅を調整 : ブログ全体1000px、右サイドバー340px
  • レイアウト : ブログ参照

◆上級者向け指定内容
  • ページのテキスト  フォント Arial 15px、テキストの色 #616161
  • 背景  外側の背景 #5c5c5c、ヘッダーの背景 transparent、投稿の背景 #ffffff、
  • リンク  リンクの色 #00a68e、表示済みの色 #6eb83d、カーソルを合わせた時の色 #ac5a7a
  • ブログのタイトル  フォント Arial 80px、テキストの色 #ffffff
  • タブのテキスト  フォント Arial 10px、テキストの色 #ffffff、選択済みの色 #a68f00
  • タブの背景  背景色 transparent、選択済みの色 transparent、区切りの色 transparent、
  • 投稿タイトル  タイトルのフォント ArialB19px
  • 日付ヘッダー  テキストの色 #616161
  • 投稿  フッターのテキストの色 #a3a3a3、枠線の色 #e2e2e2
  • ガジェット  タイトルのフォント ArialB100%、タイトルの色 #959595
  • フッター  テキストの色 #d2d2d2、ガジェットのタイトルの色 #b2b2b2
  • フッターのリンク  リンクの色 #a8ef85、表示済みの色 #6eb83d、カーソルを合わせた時の色 #f9d600
  • CSSを追加 


◆背景画像についての解説をまとめています。

◆背景画像に関するブログへの入り口!

 最後までご覧頂き感謝いたします。

0 件のコメント:

コメントを投稿

ご覧いただき感謝します。ご意見やご質問がありましたら、下記のコメント欄へお願い致します!