■css3とieと分岐と
いろいろあって、webデザインも多少今お勉強しないとという事情もあったりだけど……。実験もかねてこの説明書をぼちぼちいじってみたり。 特にフリー素材をどれだけ使えるか、とかが楽しい(´∀｀*) で、昨日はcss3いいなあ、でもie6とかで使えないんじゃなあ、という感じだったけど。 →memow_01css3 その分岐が一応できるようになったー。
echo "<!--[if IE 6]><link rel='stylesheet'
type='text/css' href='stylebot_ie.css' /><![endif]-->\n";
echo "<!--[if IE 7]><link rel='stylesheet'
type='text/css' href='stylebot_ie.css' /><![endif]-->\n";
echo "<!--[if IE 8]><link rel='stylesheet'
type='text/css' href='stylebot_ie.css' /><![endif]-->\n";
echo "<!--[if IE 9 ]><link rel='stylesheet'
type='text/css' href='stylebot2.css' /><![endif]-->";
echo "<!--[if (gt IE 9)|!(IE)]><!-->
<link rel='stylesheet' type='text/css' href='stylebot3.css' />
<!--<![endif]-->";
※見やすいように整形してある
■css3っぽいデザイン
てことで実験も兼ねて（いい名目）、css3っぽさを使ったデザインを今日は2つ作ってみたりー。 2つといっても、スタイルシート2をいじってスタイルシート3 （2はie用になってる昨日まで使ってたもの）にして増やしてみた程度だけど……。 スタイル1（ie用）は白地に・・・な枠、色は淡い青。スタイル2は、白地にcss3のグラデーションと影+css3な動く丸の飾り。
スタイル3は、青っぽい画像の背景に、青っぽい影をつけて透過気味+2と同じ飾り。 今の所、没にしてないスタイルシートはこの3つ……。 出来る限り自分で作らない（お手入れが基本）のが好きなんだけど、 参考にさせてもらった所はこんな。
■ついでに背景画像と透過と
自分で画像をゼロから作るのはあんまりやりたくないことだけど、 フリー素材として公開されてるブラシとかパターンとかを使う場合は、 これはフリー素材なのでOKー。
・Photoshop VIP
http://photoshopvip.net/archives/33761
http://photoshopvip.net/archives/33761
透過も、透過できないブラウザのことを考えなくてよくなったら、使うと綺麗ー。今の所、透過の設定は「opacity:0.6;」とか。
透過の度合いを高めると、綺麗だけど文字が読めなくなるし……(；´∀｀) あとそういえば、.pngの透過したのも普通に使えるってことかあ(･ω･`。)
■phpでスタイルシートを日替わりとかで変更？
ていうかphpファイルだから日付なifとかランダムなifとかを使えば、 スタイルシートを多めに作っても別に一つにしぼらなくてもいい、 ってことに気がついたー。 色違い程度でもいいけれど、どうせなら2カラムという所だけおさえて 全然違うデザインとかでもいいなあ。 とりあえずリキッドレイアウトのも作ってみたいかも。 今の横600（くらいｗ）は、 家にある大昔のモニタが800程度でぎりぎりなのでこの幅にしてるけど、 もう少し広いモニタだと、こぢんまりしすぎて寂しい。 今のはそれにしてもこぢんまり（てか文字小さいとは自覚してたり）しすぎともいえるけど、 一部分だけ追加（ひどいつぎはぎだし）じゃなくて それなりに作り直してみたいなあとか……。 てことで、ie8まで用以外は今2と3と二種類あるから、 これをランダムだと多分うざいので（画面きりかえるたびにデザイン変更は迷惑かと）、 日付か曜日ごとにかえようかなあ。偶数日と奇数日の、bot用に作ったからそれコピペしよう……。 一応これ、自分が管理人だから自分のサイトとはいえ、 botの説明書ページだしなあ(；´∀｀) 文字読めないとかはやっぱりデザインとしても論外だろうし……。 とりあえず動いてるからOKな、隔日なphp……。
$day = date("j");
if(($day + 2) % 2 == 0){
//隔日用（偶数）
$kakujitu = "0";
}else{
//隔日用（奇数）
$kakujitu = "1";
}
//隔日（偶数→奇数）
// if($kakujitu == 0) if($kakujitu == 1)
（2012/2/21）