Web製作 Archive

サーバー管理画面にログインしてみたら、200MB中197MBも使っていて危険信号を発していた。
何がそんなに食っているんだ？！と思い、まずゴミ箱に入っていた迷惑メール1000通近くを削除し17MB、
そして一番の原因、何故かサーバー上においてあったMovable Type3のバックアップを削除し約60MB。
これでだいぶサーバーの空き容量が増えてセフセフでした(；´Д｀)焦ったぜ

それはそうと最近会社で暇な時にブログをこっそり弄っているのですが、
なかなかCSSでのレイアウト構成がうまくいかずアクセス解析の設置がうまくいきません。
今使っているMT4対応のアクセス解析は必ず著作権表示として「CGI」という文字を表示させる事が義務付けられています。
その為、自分の思う一番ベストポジションであるところへその文字列を配置したいと考えているのですがなっかなかうまくいきません('A`)
tableタグだと簡単なんだけどね、元々class属性でデザインが指定されている箇所に左右の配置するとかちょっと面倒なことしようとするとややこしいことに。
float関係を自由自在に操るにはもうちょっと勉強が必要らしい。

以前購入した、このブログデザインを開発した著者が書いた本を読んで勉強することにしよう。
家では勉強する気にならないので会社に持ち込んでみようかな。

[ 追記 06/11 18:25 ]

ちょっとうそつきました。
えっと「CGI」って文字のリンクは正常に出力されればカウンタ画像が出るんです。
設定アドレスが間違っていたため画像の alt属性 がFirefoxでは文字列に見えただけみたいです。
まぁそんなこんなで修正完了しました。IE、Firefox両者でデザインはバッチリです。

そしてあと直す箇所としては

1. エントリページ等でのTrack word一覧箇所のデザイン
2. Recent Commentsが空の場合表示が若干変になるので位置を修正
3. メールフォームをいい加減修正する。作者さんからもコメント頂いたのにこれでは失礼極まりないｗ

ということで課題はたくさんあるのですが、1番目がすごく面倒なんです。
メインページなどでもFirefoxだけでデザインの崩れがあったので修正し正常に表示されたのですが、
エントリページ等ではかなりデザインが崩れてしまいます。(Firefoxで確認)
ulタグにheight属性を付けて高さを指定してあげればいいのですが、それだとちょっと見栄えが良くありません。
なのでfloatで右に寄せるか左に寄せるかしたいのですが、そうすると今度はメインページにまで影響が及んできます。
これをif命令などで限定されたページだけに表示の変更を掛けたいのですがややこしくて眠気が襲ってきました。

いずれ修正を掛けたいと思いますのでその時は参考になるかわかりませんが、対処法を乗せておきます。

今回このブログ(Movable Type4)にメールフォームを設置するため、UTF-8対応のメールフォームを設置する事にした。
使ったプログラムはこれ。

スクリプト名称 SCRIPT NAME		メールフォームプロCGI MAIL FORM PRO SCRIPT CGI
対応文字コード CHARACTER CODE		UTF-8・SHIFT_JIS・EUC
配布バージョン SCRIPT VERSION		1.0.0

無駄に素晴らしいメールフォーム。
一般的に配布されているスクリプトでこれ以上のメールフォームはないと言っても過言ではないだろう。
配布先：SYNCK GRAPHICA

結論から先に言うと

　設置出来なかった／(^o^)＼

何故か？原因は設置難易度の難しさなどではない。
ただUTF-8に対応しているだけの設置難易度が簡単なバージョンも昨日設置を試みたのだが、1時間粘ったあげく設置できなかった。

実を言うとこの「rubedo.net」以外にもう一つロリポップのサーバーを持っているのだが、そちらでは無事に設置できているのだ。
なのに関わらず何故かこちらのサーバーでは設置ができない。同じロリポップなのに…
必要最低限の書き換えを行っても毎回500エラーが出るのだ。

パーミッションや転送モードなど、細かなところに渡ってミスがないかも確認はしたが駄目。
たかがメールフォーム一つ設置するのに二日で3時間近く浪費したんじゃないだろうか('A`)

最終的にとりあえずの形としてKENT WEBさんからPostMailを使う形になってしまったが、
案の定Movable Typeとは別個の形でShift JISでアップしてます。
もしUTF-8コードで書かれたMovable Typeでこのフォームメールを設置すると、KENT WEBさんとこのフォームメールではUTF-8は対応してないのでエラーになってしまいます。
なので仕方なく分けてHTMLを記述してアップ。何だかデザインが浮いてますね(笑)
まぁそんなに使わないからいいだろう。

その内また上記メールフォームプロCGIとはリゾンベリベンジします！

以前と同じようにMT4iというプログラムを導入し、携帯で見られるようにしてみました。
アドレスはかっこよくサブドメインを使用して http://i.rubedo.net/ に(笑)
一応サイドバーからアクセスできるよう設置してみました。後でQRコードも設置しておこう。

ところで、この80x15のブログで良く見かけるサイズのバナー。
「ブログステッカー」とか「ちまちまボタン」とか一般的に言うらしいです。

何かこのブログステッカーを気軽に作成できるウェブツールがあったので早速作成してみました。

うは、これは(・∀・)イイ！
実はGo ahead, make my day!と自サイトの文字を入れて作成したらとんでもない事になりました。
文字数制限がやはりあるようなので、このように文字の少ない物でないとなかなかうまいブログステッカーはできないようです(；´Д｀)

参考：Button Maker :: Adam Kalsey

カウンタ設置ができない。
初めはSSI式のテキストカウンタ設置しようとしたんだけど、出力されない。
.htaccessで「html」形式にSSIを動作させるよう命令を入れても、/homeから始まる絶対パス入れても何しても無理。
結局ブログのエンコードがUTF-8だから無理なんじゃないか？という結論に至った。
カウンタはShifht JISだからきっと合わないんだ。うん、たぶん（勝手に決めつけ

だから画像形式のカウンタを設置しようと挑戦したんだけど、今度は表示されてもカウントされない('A`)
なんだろうなぁ。これもShift JISで形成されてるプログラムだから？
それとも設定やらパーミッションが間違っているんだろうか。むー。

ロボットスパム大歓迎

moc.accaz@tsetmaps

メールアドレスを10進数コードの「エンティティ表記」にし、更にCSSで偽装してしまうというなんとも妙なことをしてみるテスト。さて、いつスパムが送られてくるかな＾＾
とりあえず、メニューにも追記してリンクを出来るだけ雲の巣上に貼っておくよ。

ちなみにコピペすると文字が逆になるのは仕様です。要するに自分で打ち込まないと使えない代物。あれ、すごく不便だ／(^o^)＼
そして、コメントスパムやトラックバックスパムは歓迎しません。それで以前閉鎖した身←＞＜

参考

メールアドレス変換フォーム

CSSでスパムメールを防ぐ方法