ここ最近、悩んでたのがコメント送信エラーの続出。

名前とコメント入力欄にいつも半角小文字で'test'と表記してましたが、それじゃ送信できないようですね。

システム側のコメント送信エラーかと思ったけど、あっさり解決しました(ﾟ∀ﾟ)

要はシステムで決まってるわけですね。

『コメント入力欄に日本語が最低でも一文字は必要』ってことが。

それだけが原因で、このブログテンプレートのリリースが遅れてたけど、これなら明日には管理側に装填できそうです。

・・・でも<img>のURLや背景のURLを書き換えるのが面倒なんだよね。あと投稿ボタンも変更しとこうかと。ブログテンプレートの「シンプルUSブルー」からソースを引っ張ってきてるから、同じボタンだと詰まらんと思ったので。

ブログテンプレート「Aqua Ocean」制作。

カレンダーのデザインを変えるために、シンプルUSブルーを参考に制作中です。

ブログテンプレート「BOX001」にpushの追加をしてみました。

追加はしたけど、絶対配置のボックスに対しては、押し上げる事は無効のようですね(´Д｀;)

キャッチとうまくバランスが取れないです。

ブログテンプレート「BOX001」が完成！

floatとclearに悪戦苦闘しながらも遂に出来上がりました。箱いっぱいのテンプレート。事ある毎に<div>使って箱のように見せています。

ブログテンプレート「BOX001」制作中のイメージ画像とちょっと違う点があるとすればメッセージボードが無い事かもしれません。他は同じです。

このテンプレートだけグローバルナビが配置されています。'#'になっている部分はご自身で更新されて下さい。URLと表示されるテキストを変えるだけなので簡単です。

管理画面から「デザイン」→「オリジナルデザイン」へ飛び、下記のトップページ・シングルページ・アーカイブページのURLとテキストを書き換えるだけです。

【URLについて】

PHPの変数を使用すると楽です（´∀｀)

トップページ → <$blog_url>

サイトマップ → <$blog_url>sitemap.html

ブログテンプレート「天の川」のsideとentryの背景を修正しました。

文字が見えにくく即修正が必要だと思ったので。

同時に白（不透明度80%）と黒（不透明度50%）とで迷っていました。どちらもアップロードしましたけど(-.-;)

※デフォルトはentry01とside01です。ちなみにentry02とside02に変えた場合、文字色は明るい色に変える必要があります。

ブログテンプレート「お月見」が完成！

ヘッダー背景はスクロールされません。2次元のお月様を半ば無理やり見せるかたちになっています。

背景をスクロールさせるには下記をご参照下さい。

デフォルトのCSSソースにはこう記されていますので、background内にある'fixed'を削除すれば、ヘッダー背景もスクロールされます。

（参考までに）

デザイン→オリジナルデザイン→スタイルシートの入力欄内→#wrapper内のbackgroundに'fixed'が記されています。

ちなみに・・

background-attachment: fixed;は、背景を固定する、という意味です。これは単体でのソースになります。backgroundのプロパティで一括指定した方が早いので、今は/*～*/で括って打ち消しています。

background内の'fixed'を消し背景がスクロールされる様になったけど、もう一度「固定にしたい」という方は、background内に'fixed'を入れるか、/*と*/を消すか、により背景が固定になります。

どうにも色味の相性が良くないので、ブログテンプレート「お月見」は仕切りなおし（配色設定が）が必要です。

特にメインカラムとナビゲーションの部分が、全く一致しません。明るい色と明るい色じゃ相反しあって見えないのは必至。今度は暗い色にしてみます。ま、一度それぞれの背景の不透明度を落としてみるのも悪くありません。

タイトルが「お月見」なので2次元ですが月を見てください！ってことで、背景を固定にする予定でしたが、ナビゲーション（side）に<div>をもう一つ入れないと角丸が見えないという問題があります。角丸のボックスを採用しているテンプレートを見たんですが、ほぼJPEGで作られていました。こちらは透明度を出したいのでPNGで作っています。どちらも画像を入れる<div>の階層は同じですが、もう一つ足りないっていうのが最大の問題です。

ヘッダーとフッターは特に言う事はありません。

ヘッダーは画像だし、背景も画像の闇夜に合わせて設定しています。フッターはぶっちゃけボーダーだけだし。

解決策は、

1. プラグインにもう一つ入れるように頼んでみる。文字は入れきれないけど、CSSに以下の設定を施せます。

.clearFix:after{
 content: "."; /* コメント文はドット */
 display: block; /* 画面表示はブロック化 */
 height: 0; /* 高さ0px */
 clear: both; /* 回り込み両方に解除 */
 visibility: hidden; /* 画面表示は隠す */
}
.clearFix{
 min-height: 1px; /* 最低でも高さは1px */
}

2. 角丸に見えるけど実際は角の部分に背景と同じ色を見せている方法。長方形の背景の上に一部角丸のオブジェクトを乗せているといった具合。

3. 面倒だから角丸は無しにして長方形で制作。

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

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

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

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

【シーガルの由来】

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

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

続きを読む...

最近は開始ログを残さなくなってます・・。

ブログテンプレート「sea_gal」完成・・・したけど、他の方に見せると「ちょっとなあ・・」的なことを述べてたので、サーバにはまだアップロードしてません。モバイル（携帯）の方はOKだと思うけど。

▼header部分

▼footer部分

ちょっと変わってるけどブログテンプレート「天の川」の応用です。

header画像を固定にして、footer背景はスクロールできるように設定しました。

ブログテンプレート「梅雨のアジサイ」が完成！

こいのぼりの背景パクリました。背景はスクロールさせない設定にしています。

background-attachment:fixed;

私の設定だとだいたい一括設定になっているので、'fixed'を'scroll'に変える。又は'fixed'を削除すれば背景がスクロールできるようになります。

・・てかその前に開始のログを残すの忘れえてました(ﾟдﾟ;)

このテンプレートからヘッダー画像の画質がちょっとだけ良くなってるような気がする。EPSにしてIllustratorで作業という工程を止め、Photoshopだけで制作しました。ついでに画像解像度を変えることはせず、全部Web用に保存。Web用に保存をすることで自動的に72ppiになると今日、教わりました。なのでこのヘッダー画像は、実際には3～4倍ぐらいのサイズです。

これからPhotoshopでの作業が増えると思いますが、機能が豊富なのでやりがいがあります。