ウォーターマークを使用してブログの制作をする場合に参考になることを願い、プリントスクリーン画像と指定内容などをまとめて掲載しています。
イメージに合った背景画像と組み合せて制作する新たなブログのイメージ・サンプルとして、少しでもお役に立てれば幸いです。
◆Blogger テーマ(テンプレート)デザイナー指定内容
- テンプレート > 【ウォーターマーク 02】
- 背景 > 背景画像 > 自然 04-3
- 幅を調整 : ブログ全体960px、左右サイドバー各150px
- レイアウト : ブログ参照
◆上級者向け指定内容
- ページのテキスト : フォント Arial 14px、テキストの色 #000000、
- 背景 : 外側の背景 #4c84bd、フッターの背景 #000000、
- リンク : リンクの色 #00b0b7、表示済みの色 #1d847e、カーソルを合わせた時の色 #00f2f1、
- ブログのタイトル : フォント Arial、B、65px、タイトルの色 #ffffff、
- ブログの説明 : 説明の色 #ffffff、
- タブのテキスト : フォント Arial、B、11px、テキストの色 #621c10、選択済みの色 #000000、
- タブの背景 : 背景色 #ffffff、区切りの色 #c53820、
- 日付ヘッダー : フォント Arial、B、13px、テキストの色 #bd4c84、
- 投稿 : タイトルのフォント Arial、B、20px、背景色 #ffffff、枠線の色 #94b1c9、
- 投稿のフッター : テキストの色 #4f7d8f、
- ガジェット : タイトルのフォント Arial、13px、タイトルの色 #000000、代替色 #6f6f6f、
- フッター : テキストの色 #94b1c9、ガジェットのタイトルの色 #b7d4ed、
- フッターのリンク : リンクの色 #4efffd、表示済みの色 #00b0b7、カーソルを合わせた時の色 #71f8ff、
- CSSを追加 :
最後までご覧頂き感謝いたします。
0 件のコメント:
コメントを投稿
ご覧いただき感謝します。ご意見やご質問がありましたら、下記のコメント欄へお願い致します!