Blogger のシンプルを使用してブログを制作する場合に参考になることを願い、プリントスクリーン画像を掲載しています。
その時に指定した内容も下記にまとめていますので、イメージに合った背景画像を組み合せて制作する時の、一つのイメージ・サンプルとしてお役に立てれば幸いです。
◆Blogger テーマ(テンプレート)デザイナー指定内容
- テンプレート > 【シンプル 07】
- 背景 > 背景画像 > 自然 04-3
- 幅を調整 : ブログ全体770px、左右サイドバー無し
- レイアウト : ブログ参照
◆上級者向け指定内容
- ページのテキスト : フォント Arial 12px、テキストの色 #000000、
- 背景 : 外側の背景 #c5d4e2、メインの背景 #ffffff、ヘッダーの背景 transparent、
- リンク : リンクの色 #b74488、表示済みの色 #943b67、カーソルを合わせた時の色 #ff5ebd、
- ブログのタイトル : フォント Arial、B、106px、テキストの色 #ffffff、
- ブログの説明 : #b74488、
- タブのテキスト : フォント Arial、B、11px、テキストの色 #000000、選択済みの色 #b74488、
- タブの背景 : 背景色 transparent、選択済みの色 #ffffff、
- 投稿タイトル : フォント Arial、B、20px、
- 日付ヘッダー : フォント Arial、B、12px、テキストの色 #6c6c6c、背景色 transparent、
- 投稿のフッター : テキストの色 #303030、背景色 #f3f3f3、影の色 #e8e8e8、
- ガジェット : タイトルのフォント Arial、B、12px、タイトルの色 #000000、代替色 #8a8a8a、
- 画像 : 背景色 #ffffff、枠線の色 #e8e8e8、キャプションのテキストの色 #222222、
- アクセント : 区切り線の色 #d6d6d6、タブの枠線の色 #dddddd、
- モバイル版のボタンの色 : #ffffff、
- CSSを追加 :
最後までご覧頂き感謝いたします。
0 件のコメント:
コメントを投稿
ご覧いただき感謝します。ご意見やご質問がありましたら、下記のコメント欄へお願い致します!