ハイパーでこぽん27号

HTML＋CSSのコーディングは大得意。
もちろんSEOなんかも盛り込んで、キレイにしあげちゃう。
だからコーダーとは違うって前々から思っていたけど、「マークアップエンジニア」っちゅう肩書きがあるそうな。
なんか近いかも。

長らくほっぽらかしにしていた所長として従事している「おくさまデジタル研究所」のデザインを変更した。

しかも昨日の午後からデザインを始めて、今日の午前3時に仕上げた。
半日っ！
やればできるもんだ。

今日は、半日ほどでトップページをPHP化とCSSの調整。
文字コードを直して、PHP5が使えるように設定した。
このブログのRSSを読み込んで表示したり、更新履歴を別ファイルから読み込んでみたり。
Internet Explorer 6で正しく表示されても、Safariだと崩れてたり……。
まぁ、この2つのブラウザで表示が崩れていなければ、たいていのブラウザは大丈夫かなと思う。
ブラウザがいっぱいあって、それぞれにクセがあるから、困ったもんだ。

福岡に帰ってからダンナに教えてもらった。
エイプリルフールにちなんだ@niftyデイリーポータルの記事がおもしろい！期待以上だった

というわけで、リンク集のページを作ってしまいました。
リンクがいつまで有効かわかりませんし、ページのリンク先の保証もいっさいしません。

エイプリルフールのデイリーポータルZのリンク集

ダンナがMovableTypeを再開したので、ココログから引越した。

テキストは書き出し/読み込みで簡単にできたけれど、画像が…ひとつひとつアップロードしなおしたので、大変でした。

また、ぼちぼち書いていきます。

「ハイパーでこぽん27号」はダンナが考えたものです。遅いのか早いのか…いや、腹回りが異常に大きいかも。

今年もよろしくお願いします

現在使用しているサーバーがPHPおよびMySQLを使用できるというので、あれこれ試してみようと、まず始めたのがXOOPS（ズープス）のインストール。
ユーザ登録ができて、設定もいろいろできるからおもしろそうだとやってみることにしました。

今回使用したのはXOOPS Cubeで公開されているXOOPS 2.0の日本語バージョン。
ローカルに保存して圧縮ファイルを解凍。
フォルダ内のｈｔｍｌフォルダを適当な場所へffftpを使って全部アップロード。フォルダ名をhtmlから適当に変更して、uploadsフォルダ、cacheフォルダ、templates_cフォルダ、それとmainfile.phpファイルの属性を書込みができるように777または707に変更。
ffftpでの作業はこれでおしまい。あとは、ブラウザ上で作業できてしまう。

まず、XOOPSをアップロードしたフォルダ（ディレクトリ）にアクセス。
ウィザード形式で、ステップが進むごとにチェックが入るし、どの項目に誤りがあるかも一目瞭然。
なかなか親切設計だわ。
わたしはデータベースの設定で少しつまづいたけれど、ほんとに簡単にできました。

データベースの準備が完了すると、管理者画面であれこれ設定。
その前に、installフォルダの削除とmaifile.phpの属性変更（444または404）をしろとメッセージが出るから、実行。
そうして、管理画面でモジュールなどをいじれるようになるけれど、そこはまだ勉強中。

まだしばらくは公開できないけれど、1日も早く公開できるようにがんばろう。
「お嫁さまの広場」で使うつもり。

「XOOPSの設定をした」とダンナに話したら、負けず嫌いのダンナは驚いていた。
そのうち、何かまたやるかもしれないと思った。

今日は自分用の備忘録的な内容です。

MacOSXのsafariで自分のサイトを見て気がついた。
フォントがちゃんと反映されていない！
フォント名はあっているはずなのに･･･さっそく調べた。

safari → 漢字のフォント名は認識しない
Firefox,Opera → 漢字が入ったフォント名しか認識しない

つまり「ヒラギノ明朝W3」を指定しようとするなら、
safariなら"Hiragino Mincho Pro"、FirefoxやOperaなら"ヒラギノ明朝 Pro W3"と指定しろということ。
古いCSSには漢字名しか入っていなかった(*_*)

これをふまえて、CSSでフォントを設定すると･･･

.class {font-family: "Hiragino Mincho Pro","ヒラギノ明朝 Pro W3",serif;}

これにIE用のフォント名も加えているので、font-familyの部分は長文です。
serifやsans-serifなどの総称でしておいてもいいのですが･･･

それにしても、ブラウザによって、認識できる・できないがあるから大変デス(~_~)