画像ウィンドウを使用してブログの制作をする場合に参考になることを願い、プリントスクリーン画像と指定内容などを掲載しています。
イメージに合った背景画像と組み合せて制作する新たなブログのイメージ・サンプルとして、少しでもお役に立てれば幸いです。
◆Blogger テーマ(テンプレート)デザイナー指定内容
- テンプレート > 【画像ウィンドウ 02】
- 背景 > 背景画像 > 自然 08-4
- 幅を調整 : ブログ全体1000px、左右サイドバー各340px
- レイアウト : ブログ参照
◆上級者向け指定内容
- ページのテキスト : フォント Arial 15px、テキストの色 #4c4c4c、
- 背景 : 外側の背景 #434343、ヘッダーの背景 transparent、投稿の背景 #ffffff、
- リンク : リンクの色 #a68f00、表示済みの色 #4f4d40、カーソルを合わせた時の色 #53a69a、
- ブログのタイトル : フォント Arial 80px、テキストの色 #ffffff、
- タブのテキスト : フォント Arial 10px、テキストの色 #ffffff、選択済みの色 #a68f00、
- タブの背景 : 背景色 transparent、選択済みの色 #transparent、区切りの色 transparent、
- 投稿タイトル : タイトルのフォント Arial、B、19px、
- 日付ヘッダー : テキストの色 #4c4c4c、
- 投稿 : フッターのテキストの色 #9d9d9d、枠線の色 #dfdfdf、
- ガジェット : タイトルのフォント Arial、B、100%、タイトルの色 #8d8d8d、
- フッター : テキストの色 #cecece、ガジェットのタイトルの色 #adadad、
- フッターのリンク : リンクの色 #ffd43b、表示済みの色 #eedb9d、カーソルを合わせた時の色 #eee77c、
- CSSを追加 :
最後までご覧頂き感謝いたします。
0 件のコメント:
コメントを投稿
ご覧いただき感謝します。ご意見やご質問がありましたら、下記のコメント欄へお願い致します!