2017年5月23日火曜日

タイトルバックは、ひなげしの花のイメージ画像です。
背景画像に関する他、全体の指定内容なども掲載しています。


【シンプル 07】+ 背景画像【自然 05-4】の公開画面


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

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



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

◆上級者向け指定内容
  • ページのテキスト : フォント Arial 12px、テキストの色 #373737、
  • 背景 : 外側の背景 #e7e4d0、メインの背景 #ffffff、ヘッダーの背景 transparent、
  • リンク : リンクの色 #253ea9、表示済みの色 #25a98f、カーソルを合わせた時の色 #a9253f、
  • ブログのタイトル : フォント Arial、B、120px、テキストの色 #3fa925、
  • ブログの説明 : #4c4c4c、
  • タブのテキスト : フォント Arial、B、11px、テキストの色 #253ea9、選択済みの色 #25a98f、
  • タブの背景 : 背景色 transparent、選択済みの色 #ffffff、
  • 投稿タイトル : フォント Arial、B、20px、
  • 日付ヘッダー : テキストの色 #6c6c6c、背景色 transparent、フォント Arial、B、12px、
  • 投稿のフッター : テキストの色 #6a6a6a、背景色 #f9f9f9、影の色 #eeeeee、
  • ガジェット : タイトルのフォント Arial、B、12px、タイトルの色 #000000、代替色 #9a9a9a、
  • 画像 : 背景色 #ffffff、枠線の色 #eeeeee、キャプションのテキストの色 #222222、
  • アクセント : 区切り線の色 #dddddd、タブの枠線の色 #dddddd、
  • モバイル版のボタンの色 : #ffffff、
  • CSSを追加 :


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

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


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

0 件のコメント:

コメントを投稿

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