カテゴリ:html・css( 55 )
記念日入りカレンダー
2005年にQponさんのホームページから記念日入りカレンダーのソースをダウンロードさせていただいてからずっとそのカレンダーを使用しています。
が、ホームページの更新を全然していないのでうっかりして2007年のままのカレンダーを載せていたことに気がつきました。
早速、2008年に変更しました。
d0048312_21162933.gif
変更したといっても、ソースの2007を2008に直すだけで2008年のカレンダーになります。
これは楽です。
記念日の色の設定なども出来ます。まめに写真を変えないと、冬にコスモスが咲いていたりします。(私です)
大切な誕生日を忘れそうになったときはあわててこのカレンダーを見ます。(^_^;)
画像クリックでカレンダーのページへ飛びます。

[PR]
by mmi331 | 2008-01-08 21:01 | html・css | Comments(0)
背景画像 タグ

昨日は下のようなタグを書き、プレビューでも投稿画面でも背景画像は動かなかったのですが、IE7で見たら、背景画像がスクロールと共に動きました。
この画面もきっとIE6では何も感じませんが、IE7では固定背景となり、スクロールと共に移動すると思います。(??ボキャ貧なのですが、言わんとしていることはわかっていただけると思います)
やっぱりブラウザによって見え方が違うというのは大きいですね。
IE7にしようかな・・・・・
*昨日のタグはbackground-attachment: fixed;の部分を消したのでIE6でもIE7でも見え方は同じだと思います。


<div style="background-image:url(画像URL); background-attachment: fixed;background-repeat: no-repeat; ">投稿文 </div>

背景画像はFsイラスト94の絵フォントです。JTrimで回転、縮小、塗りつぶし、グラデーションを適用しました。
絵を描くのが苦手なので絵フォントを利用しました。
ところがところが、fsイラストのアリさんやトンボの絵フォントが出てこないのです。シフトを押して表示される絵が全然出ません。これも機種依存でしょうか?ソフトの関係でしょうか?
[PR]
by mmi331 | 2007-10-31 20:31 | html・css | Comments(0)
アプレットのように見えるでしょうか?

d0048312_153534.gif水辺のアヤメを作って遊んでいるうち、これに良く似たjavaアプレットを思い出しました。
gifアニメとマーキーでそっくりな画像を作ってみました。
アプレットは表示されるまで時間がかかる場合がありますが、これなら画像だから大丈夫かな?
似たようなアプレットのページです

これはgifアニメとマーキーです

d0048312_153534.gif昨日は悲しいことがあり、パソコンは開けませんでした。
夫の姪が45歳という若さで癌のため亡くなりました。保育の仕事に携わっており、弔問に訪れた人は1000人にものぼったそうです。みんなに好かれ、慕われた女性でした。
ほんとに惜しい人を亡くしたとはこのことで、心から冥福を祈ります


[PR]
by mmi331 | 2007-05-11 13:01 | html・css | Comments(0)
ブラウザによって違うページ
今日は月に一度のホームページ同好会でした。
特にテーマは決まっていないのですが、今日は私の希望でInternetExplorer7について、見え方や操作の仕方など、教えていただきました。おなじIE7でも、T 先生の場合、特定のホームページを見ると、IE7ごと落ちてしまうそうです。
I 先生と私のIE7は同じ見え方をしています。不思議です
同好会のメンバーはまだXPからのIE7導入なので、次の勉強会でvistaを使っている方ののIE7を見てくださるそうです。
ブログで知ったmikanママのページがとても素敵なので、私もタグをお借りしたいと思い、IE7で見たら、IE6とは違う見え方をしていました。firefoxでも違う見え方をします。

タグをお借りしましたが、このエキサイトブログはテーブルタグが使えないので見事に変なページになってしまいました。がんばってIE7でも見えるようにしてみました。
右のバーをスクロールすることが出来ます。
                         本当の見え方は こちら









firefoxで見るとさらに変な見え方をします。
[PR]
by mmi331 | 2007-05-02 21:03 | html・css | Comments(0)
スタイルシートで枠
いつも参考にしている方のスタイルシートで表現した枠がとても素敵だったので私もやってみようと思いました。
ところが、I.E6では綺麗に見えるのですが、I.E7で見ると、半分しか見えません。
ホームページにアップロードしてみるとそれは、I.E6でもI.E7でもちゃんと見えます。
このブログではタグの制限があるのでしょうか??
両方で見られるようにあれこれがんばって作ってみました。
幅と高さに苦労しました。(もしかして火狐では見られない?)
 firefoxでは枠は見えないそうです。(27日あとがき)




不思議

d0048312_22565822.jpg




[PR]
by mmi331 | 2007-04-26 22:58 | html・css | Comments(0)
InternetExplorer7・ホームページ
先日I.E7をインストールしたパソコンで自分のホームページを全部検証したら見えないページが2つありました。(汗)
ひとつはパノラマのジャバスクリプトで、まったく見えません。
もうひとつはマーキーのようにスクロールする電光板のジャバスクリプトです。ページの半分しか見えません。
I.E6ではちゃんと見えていたのです。以前にもMicrosoftVMでは見えてもsunJavaでは見えないということがありましたが、今回の場合はセキュリティが厳しくなってソースに不備があった場合は表示しない ら・し・い。
でも、私にはスクリプト言語はわかりません。全部あちこちのスクリプトをコピーしたので・・・
こんなとき役に立つのがHTML文書の文法をチェックしてくれるサイトです。
Another HTML-lint gatewayです。時々利用させていただいています。
チェックをしたらわかりました。宣言部の単純ミスでした。文字列の中に余分なスペースがあったのです。I.E6では見えてもI.E7では見えないのですね。直したら見えるようになりました。
d0048312_2163611.jpgd0048312_0122664.jpgd0048312_0125646.jpgこのサイトのチェックは厳し~い。

半分しか見えないページはアプレットとジャバスクリプトが混在していますが、丁寧なチェックのおかげで直すことが出来ました。 (ソフトで書いている方は必要ありません)
 新しい発見!

もうひとつ、アニメgifが動かないページがありました。
これはアップデートの影響かI.E7の仕様かわかりませんが、以前は確かに動いていたアニメが動かないのです。最初のころに作ったホームページで、アニメgifもどこから頂いてきたのか忘れてしまいました。(これはいけないことですね)
そこでGiamで開いたら、なんと、コメントが入っているのです。コメントをはずしたら動きました
いつもコメント欄は何のためにあるのか疑問でしたが、更に疑問が深まりました。
いろんなことがあるものです。アニメGifメーカー、Giamの画面です
d0048312_20584432.jpg

どこから持ってきたかわからないアニメgifはホームページから除きました。かわいい猫ちゃんだったのですが・・・・代わりに自分が書いたカマキリを・・・かわいくな~~い!
[PR]
by mmi331 | 2007-04-14 20:25 | html・css | Comments(0)
マウスオンと黒板
d0048312_21394520.gif

ここにマウスを置いてね  クリックでペイントのページへ飛びます


よそのブログで[以前の記事]というのが3か月分しか表示されてなく、後はmoreでリンクしていました。どうやってそのようにするのか不思議で、ソースを眺めていたらdiv guideで指定していました。真似をしたらサイドメニューのタイトルごとに以前の記事が貼り付いてしまい、散々悩んだ挙句、ふと、メニュー管理を見たらちゃんと設定するところがありました。^_^;
ということは、その方は・・・・・ぁ~~眠れなくなるからやめよっと。




黒板は「ぽっとの陽だまり研究室」さんのソースをアレンジしました。
[PR]
by mmi331 | 2007-04-11 21:12 | html・css | Comments(0)
桜散る
今日はパソコンくらぶの初心者教室の日です。
私は午前中は仕事を抜けられないので参加できませんが、先週お借りした傘を返しに行きました。帰り道、大先輩のNさんがジャバスクリプトで桜吹雪の写真をアップロードなさったと聞き、早速見たら、とても素敵な写真でした。
二ヶ領用水の桜
桜吹雪のgifアニメがまたかわいくて、私も作ってみたくなりましたが、出所がわからないのでそっくり真似をするわけにもいかず・・・・・
仕方が無いので自分の写真で作ったアニメと、以前雪を降らせたジャバスクリプトで作ってみました。手抜きをしたので、アニメがぎこちないです。(汗)
近くの老人施設に咲いていた桜です。
http://homepage3.nifty.com/mamekobosi/yuki/sakura.html
写真のgifアニメは200キロバイトもあるのでここには載せられないのでフォト蔵にアップしました。フォト蔵でもう一度クリックすると動きます。
風に揺れる桜です クリックしてね
風に揺れる桜です クリックしてね posted by (C)みんと
[PR]
by mmi331 | 2007-04-10 21:26 | html・css | Comments(0)
間違い

e0095659_15562614.gif
昨日アップロードしたペイントのページは間違いだらけで冷や汗ものでした。短時間で仕上げようとあせったのがいけなかったのです。最初は手書きで書いていましたが、そのうち画像が多くてめんどくさくなり、途中でalphaEDITで書いたのですが、あとで手直ししようと思ったら、わかりにくいこと。
タグがたくさん増えています。
e0095659_1950280.jpg画像のソースは私は、
<img src="" width="" height="" alt="">と書くのですが、ソフトは

<img height="" alt=""
src="" width=""> と書き直していました。
しかも、自分で書いた画像ソースは、src="" width="1" heght="1"となっていました。
おもしろ~い。
最初からソフトで書くか、最後まで手書きにするか、どちらかのほうが混乱しません。
混乱しているのは私だけ??
e0095659_1642888.jpg
とにかくすぐに書き直したけど、考えてみれば、ペイントでの画像の作り方なんて、あちこちのサイトにたくさん載っています。よそのサイトのURL教えてあげたほうが楽だった。・・・・

右上の画像だけが背景画像です。小石川植物園の桜です。
 
[PR]
by mmi331 | 2007-04-03 20:22 | html・css | Comments(0)
ペイントの切り抜き・基本編
初心者の方からペイントの切抜きの仕方を訊かれたのですが、直接見ながらやるとすぐにわかるのですが、これを文章で説明するのはむずかしい。
また、ホームページにしてみようと思いましたが、これがまたややこしくて時間がかかってしまいました。これでもわからないといわれたら どーしよー・・・

ペイントの切り抜き

PictBearSEで作るページめくり 2
ほかの方の作品を見ているとわたしもついつい作りたくなります。画像は使いまわしです
d0048312_224450100.jpg

[PR]
by mmi331 | 2007-04-02 22:46 | html・css | Comments(0)