カレンダーの<th>にクラスを付けて貰いました。

こんな感じが見やすいんでは？と思ったので付けました。

でも、まだブログテンプレートとしてリリースしてません。まだデザインが出来上がってないので。

ブログテンプレート「BOX001」制作中!

制作テンプレートが変な方向に行ってる、との指摘がありましたので進路修正。シンプルなものを制作してみようとパーツが出来上がったのですが・・・予想以上にボックスが必要不可欠でした(-.-;)

出来上がりはこんな感じです。

メインカラムとナビのボックスが一つしかないのは、一つあれば量産が利くからです。

1. 上にガイドバー的なGナビを設置。
2. その下にタイトルとキャッチ。
3. コンテナの中にメインカラムとナビを配置。
4. 最後のフッターにコピーライト。（コピーライトの上にインラインのリストでGナビの項目を入れても良いかな・・って思ってます）

問題のボックスですが、背景となるパーツが多いのが問題です。画面上で見るボックス1個に対しソース中には<div>が3個はあります。メインカラムのentryが良い例です。まず見出しの背景、次に本文のリピートさせる背景、最後にコメントや記事URL用の背景。この3つそれぞれに<div>があり、マージンを0にすると境目がわからないので結果的にボックスとして見えるようになります。では、入れるテキストやイメージがないものはどうすればいいか？一応考えてみたものの「ドット(.)」を入れるのが良いのではないかっていう結論に行き着きました。CSSでvisibilityを使えばいけるんじゃねえか？って感じで。imgでもいいんですが、それだと「シンプル」にはならないんじゃないか、っていう結論に至りました。

問題はもう一つあります。コンテナ内の背景が表示されないことです。この背景はy軸にリピートさせているだけですが、入れるもの入れてるのに表示されないのがおかし気がします。

このWebデザインはちょっと難しかったかな・・・って思うけど、モデルとなってるサイトがあるのでできないことはないと思います。

「SEAGAL」のイーグルをメインに据えてヘッダー背景のデザインをしてみました。

あのテンプレではアクロバット飛行しているシーンをチョイスしましたが、今回は実戦シーン。雪景色の山地上空で戦略レーザーを回避するイーグルです。

素材をいろいろ組み合わせて作ってみました。

Photoshop使用

眩しいレーザーはブラシで線を引いただけで、バウンディングボックスを使って遠近感を出している、ただそれだけ。あとはレイヤー効果です。ついでに発射元に逆光を加えています。

ACE COMBATシリーズやりすぎなのかな？それとも、最近そのサイドストーリー（同人系？）を読みまくってるからなのか、こういった空戦シーンを想像するのが容易くなってきました。

発射元はFALKENか、ナイトレーベンか、はたまたジオペリアかもな(苦笑)・・・さすがにエクスキャリバーは無いかもしれないけど、「無い」とは言い切れないんだよな。

ちなみにbodyの背景にカラーハーフトーンのイーグル貼ったけど、「どこのテーブルクロスだろう？」というざらざらした印象を受けます。

ブログテンプレート「SEA GAL」をサーバへアップロード済み。

まあ別に良いかな、と。Webデザイン的には面白い配置だと思ったのでアップロード！但し、アップロードしても't80'のフォルダの画像を使ったテンプレートが制作されない限り、管理画面でこのテンプレートのサムネイルは表示されません。

't80'のテンプレ作成お早めに・・

てか、一応フォルダ名とCSSソース変えれば、シーガルのサムネイルも見れるようになるんだよな(-.-)前のものが制作されてないと、次のものはサムネイルが見れないっていう事になっています。

【シーガルの由来】

エースコンバットの部隊名で「シーガル隊」ってのがあったので、掛け合わせて使ってます。そのまま読んだらシーギャル・・・まあ、それでもいいけどね。でもシーガルの本当のスペルと意味は知らない。

SEAGALのテンプレート名を「ビーチ」に変更しました。
[2011.10.19.WED 08:34]

続きを読む...

まあ教えてもらったWebデザインの方法なので書いておきます。

カラムの変更方法

2カラムでプラグインを左から右にする方法です。その逆も可能。

1. オリジナルデザインの左にあるオリジナルテンプレートの書き換えのプルダウンメニューから、選択し上書きします。

2. 上書きされたところで、トップページ・シングルページ・アーカイブページにある、プラグインの左右を下記のように変更します。

<div id="left_area">
<$plugin_left>
</div>

から、

<div id="right_area">
<$plugin_right>
</div>

書き換えたら必ず保存してください。

3. デザインタブ→プラグインに進み、サイドバーの設定で表示させたいプラグインをドラッグアンドドロップで左メニューから右メニューに移動させてください。

※ プラグインが見当たらない場合は、サイドバーを追加をクリックすると各プラグインが現れますので、使いたいものだけ設定を済ませ、ドラッグアンドドロップで移動させてください。

移動し終わりましたら、必ず変更を保存するを押してください。

これでカラムの変更は以上です。あとは表示確認を行ってください。

2カラムのブログテンプレートなら、どのテンプレートでも変更が可能です。

ブログテンプレート「花見酒」をサーバにアップロード完了！

ついでにテンプレートのカテゴリ分けでは、新たに出来た季節カテゴリに入っています。花見酒と言えば3～4月なので。沖縄では2月だから2ヶ月経つと葉桜ですね(゜艸゜)

只今、1月2月のテンプレートデザインをまとめて制作中！もちろんキャラ入りです。

又、パス取り再開。

ブログテンプレート「花見酒」のWebデザイン開始！

花見酒・・実際は萌キャラが酒を飲んでるかたちになります。JPEGからパス取ってクリッピングパスにしました。ってか昨日も今日も仕事でやってることはほぼパス取り。

疲れる・・・

疲れるけど又やるｗ

このレイアウトも画像サイズも旅Blogと同じです。Simple is best!・・・裏を返せば「難儀なことしたくない」ｗｗ

携帯からマイブログを表示させたとき、（PCで言う）descriptionが決まっていつも「1回流れたらそれで終わり」という事が起きていたので、右から左へループするように設定しました。

設定の仕方は簡単！でも携帯から設定は出来ないのでPCから行って下さい。携帯のdescriptionはmarqueeタグです。ループをさせる時は属性を使います。

▼ソース
<marquee loop="-1">右から左へ流す文字列</marquee>

設定後はすっきりしました(´∀｀)

ちなみにタイトルに（携帯版のWebデザイン）と書きましたが、PC版でも使えますので、使ってみたい方は一度お試し下さい。

「旅Blog エアーズロック」のWebデザイン開始！

ロゴマークの右下あたりに来るのは、オーストラリア繋がりでカンガルーとオペラハウスを入れました。カンタス航空ロゴも参考にしましたが、パクはいけないので親子カンガルーを横向きにトレース、パス化。オペラハウスは2階調化（元々白黒に見えるので）。

このブログテンプレートは画像と色彩を変更するだけのシンプル作業です。

今回の旅Blogの色は草原の色に合わせました。エアーズロックや空と被らないようにするためです。もともとこの一枚岩の周囲は草原なのでそれで合うかな・・と。

漫画からの知識（=トレビア）ですが、カンガルーは後退が出来ないようですね。やっぱあの異様に長い足のせいかな？