CSS
たぶん、IEだけだと思いますけど scriptタグではなく、スタイルシートから 外部スクリプトファイルを読み込めるようです。 外部ファイルの拡張子はhtc。 behaviorにファイルのパスを指定。 html側 <html> <head> <title></title> <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"> div#hoge { width : 300; height : 200; behavior: url</style></meta></head></html>…
FilterはIEだけみたいなので、HTAなどで使えばよろしーのではないかと。 <style type="text/css"> input.btn { color : #000; font : bold 15px; background: #0ff; border : none; filter : wave(freq=1 lightstrength=50 phase=0); } </style> <body> <input class=btn type=button value=BUTTON hidefocus=true> </body>freqは波の数で、lightstrengthが光の強さ…
これを div { font-family: arial; font-size : 35px; font-weight: bold; font-style : italic; line-height: 1.5; }このように一つにできる。 div { font: bold italic 35px/1.5 arial; /*line-height familyは省略可*/ font: bold italic 35px; }最初の三…
良くテーブルの中に、テキストエリアなどを入れているけど overflowをautoにしたにも関わらず 折り返しなしにした時に、勝手に幅が広がってしまう場合がある。 今まで <div><textarea></textarea></div>高さ、幅を100%にしたdivなどで囲って対処してたけど さっき色々試した結果 <textarea style=float:left></textarea>スタイルのfl…
divなどで細い線を作成したいのに、20pxくらいの幅以下にならない時がある。 <div style="width:50%;height:5;background:#0f0"></div> こういう場合、font-sizeを0にすると指定した幅になる。 <div style="width:50%;height:5;background:#0f0;font-size:0"></div>
RssBarのスタイルシートを書いてみました。 Descriptionを全て表示しているけど、読まないものあり結構スクロールさせるのが面倒。 だから、高さを100px以上だとスクロールバーを表示するように。 スクロールさせにくいので、右側は少し空けてます。 画像の…
少し前に書いたHTAに少し手を加えてみました。 画像のみ対応で、画像のパスかURLを入力して開くようにしてみた。 ドラッグで移動、ホイールでズームのアップダウン、ダブルクリックで倍率１に。 リセットボタンでmatrixの値を初期値に戻します。 zipファイル…
スタイルシートでfilterのmatrixを使うと 指定した要素のリサイズ、回転が出来るらしい。 img { filter: progid:dximagetransform.microsoft.matrix( m11=1.1 m12=0.2 m21=0.2 m22=1.1 sizingmethod="auto expand" ); }m11とm22の初期値は１、m12とm21の初期…
だいぶ前にも少し触れたけど、やることも書くこともないのでまたｗ スタイルシートの記述内だけで、画像を使わず丸いボタンに。 しかしながら、Filterを使っているのでIEのみみたいです。 フォーカスされると枠線が出てしまうのが難だなぁ。 ソースはこんな…
[href^="aa"] {background: #000}なにやら正規表現を使って、IDだとかURL別に処理しているこんな感じの記述を見掛けた。 なんたらセレクタだとか。 だけどIE6では対応していない様子･･･。（7、8は対応？） しかしexpressionを使えば同じようなことが一応でき…
HTAのエディターもどきのIEバージョン。 もしかしたらIE6だけかもしれんけど。 HTAとほぼ一緒。 HTAと違い、ファイルの読み書きができないので 変わりにそれぞれ一つにまとめてコピー。 ショートカットキーは、自分のunDonutで使ってないキーを適当に選択し…
スタイルシートの記述で body { background: #000; color: #fff; margin: 0; }↑こんな感じのを body { background: #000; color : #fff; margin : 0; }このようにすると見易くなり、後々の変更などが楽だったので そんな感じに書き換えるWSHのJScriptを書い…
チェックボックスをチェックすると折り返し チェックを外すと折り返さない、というのをexpressionでやってみた。 javascriptで普通に書くよりも手軽で便利だと思ったけど 検索で調べてみると、expressionはパフォーマンス的に問題ありだと。 確かにコードが…
IE6は:activeなどaタグしか使えないので、エレメントがアクティブになった時に色を変える方法が結構面倒。 下記は、スタイルシートでexpressionを使って変える方法だけどScriptがONでないと使えない。 <style type="text/css"> button { background: expression(document.activeElem</style>…
IE8のCSS3およびベンダ拡張は"-ms-"に変更、Webデザイナは注意必要 何の意味があるんだ、これ。 word-breakなどは全く一緒で-ms-足しただけじゃん。 意味がよくわからんけど とりあえず下の3つと、この日記のスタイルシートには足してみる。 あとはしらん、…
この日記で、サイドバーを右の固定サイズ、左はウィンドウの幅によって変わるように 尚且つ、狭くなってもサイドバーがウィンドウ内に収まるようにするのに悪戦苦闘した。 <div class=hatena-body> <div class=main> <div class=body></div> </div> <div class=sidebar></div> </div>↑大雑把に書いたbody部分 ↓大雑把に書いたスタイルシート部分 .hatena-body { w…
Firebugで出来るっぽいけれど、私のパソコンだと重くて辛いのでまた書いた。 上のテキストエリアでCSSとHTML、下のテキストエリアでJavaScriptのテスト。 Runボタンでスクリプト実行、残りのボタンはどちらかのテキストエリアを閉じたり開いたりするだけのボ…
指定した幅で改行させるのに word-wrap: break-word;にすると改行されるが、リンク元などのURLが中途半端なところで改行される。 その場合は word-break: break-all;を加えて、単語の途中でも改行されるようにするとOKのようだ。 break-allの他には normal …
はてなから提供されているスタイルシートを少しだけ弄って変えてみました。 FireFoxでもそれなりに表示され、クリックで拡大する画像も拡大はする様子。 ただ、IEの場合は他をクリックするまで元のサイズに戻らないが FireFoxの場合はクリックしている間だけ…
スタイルシートで背景画像などのURLを指定するのに相対パスが使えるが JScriptでも同じような記述で相対パスでの指定が出来るみたいだ。 ↓こんな感じ //カレントディレクトリがC:\aaa\bbb\cccだった場合 var wss = WSH.createobject("wscript.shell"); //カ…
以前、hoverではできなかったと書いたけれど どうやら記述が間違っていたからだったみたいだ。 こんな感じ↓で書いたら、IE6のみの確認ではあるがマウスオーバーでの拡大ができた。 <style type="text/css"> a.test img { width: 50px; } a.test:hover, a.test:hover img { position:</style>…
a#zoom img { position: absolute; width: 50px; } a#zoom:active img { width: auto; /* autoにすると元のサイズになる様子 */ left: 25%; z-index: 10; } 今、このダイアリーのスタイルシートの欄にこのよう↓に書いた。 a#zoom img { position: absolute; …
何気に覗いたブログに「あわせておしらセ！」というのを見掛けて どういったニュースが表示されるのか、よくわからないまま設置してみたところ 同じような画像が３つになり、設置場所に困ったというか邪魔くさくなったというか･･･。 それで、以前書いたドロ…
少し前の話ではあるけれど、松崎しげる色がサクラ？から販売 という記事をふと思い出した。 その色をこの日記の背景色にしてみよう、という考えが今しがた浮かんだので パソコンでの数値を検索したところ R165 G90 B74 という数値を発見。 こんな色↓になった…
今しがた、色々なブラウザでの表示をキャプチャしてくれるサービスで この日記を見てみたけれど、IE以外どうも全滅っぽい。 Mainの幅を100%にしてたのがいけなかったのかと思い、今それを解除してみた。 再度そのサービスでの確認はしてない。 というより、…
JScriptかJavaScriptかはわからないけれど CSSの記述でスクリプトが使えるようだ。 VBScriptは使えない感じ（やり方がまずいのかもしれないが） 例えば、class=AAAAの幅を画面サイズの半分にしたい場合 <style type=text/css> .AAAA { width: expression(window.screen.width / 2)</style>…
本文の行間隔が空いているのを何とかしたいと、乏しいHTML、CSSの知識をフル回転させて 試行錯誤を重ねた挙句 .body p {line-height: 2px;}としたら解決したように見えた。 しばらくの間このまま放っておいて、何気に過去の日記やRSS表示の本文を見てみたら …
前のは透過gifを背景に使ったせいか、重い重い。 物珍しかったので、あれでしばらく行こうと思ってたけれど 1日経過で早くも飽きが来て、自分でも苦痛になってきたので変更。 ま、いい勉強になった。 変更といっても、透過gifの背景を替えて あと細かい個所…
以前zoomを使って拡大してみたけれど、a:activeでも拡大が出来るではないか。 activeになった時の幅を指定すれば、画像をクリックした時にそのサイズになる。 a:hover、a:focusでもやってみたが、こちらは無反応だった（IE6だけ？） a.test_080314 img { pos…
透過gifを使ってさっそくやってみたのはいいが、字が崩れるところがあるなぁ。 まあいいや、気にしない気にしない。 前のに戻すかどうか少し様子を見てみる事にしよう。 細かい所は手を付けてないけれど、もう疲れた･･････。 また気が向いたらやろう。 お！…
