テンプレート【ウォーターマーク03】 ＋ 背景画像 【テクノロジー-02-2】

使用しているこのテンプレートは、ウォーターマーク03背景画像は、「テクノロジー-02-2」です。このように各テンプレートに対して用意された背景画像の中から、気に入った画像をブログの背景に組み合わせて、何度もシミュレーションした後に使用することが出来ます。

　このウォーターマークのテンプレートは全部で4種類用意されていますが、今まで紹介してきた中で、唯一使いにくいと感じていたものが、この「03」のテンプレートでした。

　オリジナルのサンプルを見ていただくとわかるように、ブログのタイトルバックの空色部分だけにしか背景画像を貼り付けることが出来ないように設計されていて、とても使い勝手が限られてくるのです。

　そのような理由で、おそらくオリジナルをそのまま使うしかその使い道はなさそうだと、今まで考えていました。

　しかし、今回あえて、そのタイトル部分の限られた空間を利用して、少し実験的な試みとしてチャレンジしてみたいと思うようになり、このようなデジタルをイメージしたタイトルバックのデザインで公開することになりました。

　もともとのオリジナル内容がグリーンを基調としていて、そのタイトル部分しか変更できないという制約がありますので、それを逆に利用して、その部分にマッチングしそうにない要素を、あえて盛り込むことで、アンバランスであり、異質でありながらも新しいイメージを作り出せないかと思ってチャレンジしたのです。

　安易かも知れませんが、日常の空間に突如として現れた異次元空間とか、自然とデジタルのコラボレーションイメージとか、電脳空間への入り口とか、映画のイメージもいろいろ参考にしていますが、自分としては、アニメの 電脳コイル のようなものを特に意識していて、そんなイメージを膨らませられるようなSF的でありながら、科学的な要素や内容を持ったブログのイメージ構築が出来ないものかと考えて使ってみました。

　→ 電脳コイル（公式サイト）

　テクノロジーというテーマに用意されている背景画像の内容は、いかにもテクノロジーという言葉から連想するイメージを表現した内容だと思います。風力発電以外はどれもがSF的で、電子的なイメージを表現した画像がメインであり、その分野に詳しくなくとも、なんとなくイメージしやすい内容に思えます。

　ですが、実際に使うには少々物足りないのも事実ですし、たった6種類しか用意されていない中から自分のブログに合ったイメージ画像を見つけられたら幸運ですが、現状はもう少し選択できる画像数を増やしてほしいですし、このテーマを使うにしても、もう少しイメージできる分野を広げてほしい気もします。

　例えば電子回路を拡大した画像などでも「テクノロジー」というテーマを表現することはできますし、ロボット工学をイメージすることもテクノロジーに通ずる内容を表現できそうです。

　前に紹介した背景画像「科学」の内容と重複している風力発電の画像もありますので、もしかしたら、この二つのテーマは一つにしてまとめた方がすっきりしそうにも思えますが、どうでしょうか？　逆に広がりすぎてテーマがボヤケテしまうのも使い方を妨げてしまうかもしれませんし、むつかしいところですが……。

◆テンプレート デザイナー指定内容まとめ

• テンプレート ＞ 【ウォーターマーク03】
• 背景 ＞ 背景画像 ＞ テクノロジー 02-2
• 幅を調整 : ブログ全体970px、右側のサイドバー310px
• レイアウト ： ブログ参照
• 上級者向け ： 指定した内容のみ記載、下記参照。

◆上級者向け指定内容

• ページのテキスト ： フォント Arial 14px、テキストの色 #333333、
• 背景 ： 外側の背景 #77ccee、フッターの背景 #331100、
• リンク ： リンクの色 #cc3300、表示済みの色 #993222、カーソルを合わせた時の色 #ff3200、
• ブログのタイトル ： フォント Verdana、太字 50px、タイトルの色 #cc3300、
• ブログの説明 ： 説明の色 #ff3200、
• タブのテキスト ： フォント Arial 16px、テキストの色 #cc3300、選択済みの色 #993222、
• タブの背景 ： 背景色 transparent、区切りの色 #77ccee、
• 日付ヘッダー ： フォント Arial 15px、テキストの色 #336600、
• 投稿 ： タイトルのフォント Arial 20px、背景色 transparent、枠線の色 transparent、
• 投稿のフッター ： テキストの色 #997755、
• ガジェット ： タイトルのフォント Arial 15px、タイトルの色 #336600、代替色 #777777、
• フッター ： テキストの色 #ffffff、ガジェットのタイトルの色 #ffffff、
• フッターのリンク ： リンクの色 #ffdd99、表示済みの色 #ee9877、カーソルを合わせた時の色 #ffffcc、
• CSSを追加 ： 

　通常のブラウザの設定では、背景画像は左右に少ししか見えない状態ですので、ブラウザ右上にある最大化をクリックして、是非全体像をご覧ください、ブログ全体に対して背景画像がどのようにレイアウトされているのか確認できます。

◆実際に使用している状況をご覧になりたい方へ
　掲載しているテンプレートや他のテンプレートで、実際に使用している状況をご覧になりたい場合には、「コメントを投稿」でご連絡ください。期間限定ではありますが、リクエストのあったテンプレートに切り替えて、再びブログ全体が閲覧できるように対応したいと思います。

　恐れ入りますが、リクエストの場合には、下記リンク先を参考に、ご希望の「使用テンプレート」と「使用画像」をご指定ください。

◆リクエスト方法については

　→ テンプレート・リクエスト方法

◆使用画像についての解説は

　→ 背景画像「テクノロジー」について！