Design

MovableTypeのスタイル変更とpage_layout,page_columnの関連

[デザイン]->[スタイル]にスタイルを変更できるところがある。これは要するにhtmlを変更せずにスタイルだけ変更することで見た目を変えることができるようになっている。管理画面から変更すると、テンプレートのスタイルシート(styles.css)が変更になる。も…

IEでのselect/optgroupのスタイル

IEではselect要素中のoptgroupのデフォルトのスタイルがイタリックになっているが、これをcssで変更しようとしてもできないようだ。 確認したところ、IE6,7,8すべてダメ。参考URL http://hyper-text.org/archives/2007/05/optgroup_css.shtml

divレイアウトカラムの高さを揃える

http://coliss.com/articles/build-websites/operation/css/558.html の記事から。揃えたいそれぞれのカラムに、 padding-bottom: 32768px; margin-bottom: -32768px; という2**(16-1)の値(signed shortの値)を指定するとのことだが、 それらを囲んでいるdiv…

Photoshopでアイコン(favicon.ico)作成

Photoshopにプラグインを追加して、favicon(ファビコンっていうらしい)を作る方法。このサイトで紹介されているプラグインのサイト見ると、Photoshop6とかでも大丈夫みたい。 http://2xup.org/log/2006/04/28-2323 Photoshop6では、プラグイン(.8bi)を C:\Pr…

GIMPで、素人が撮影した写真を、簡単にイケてる写真にする方法

素人が撮影した写真を、10秒でイケてる写真にする方法 にてlivedoorのディレクターさんが紹介してくれている方法にインスパイアされて、GIMP(on Windows)で行ってみました。そのときの備忘録みたいなものです。ちなみに、超素人につき、10秒ってわけにはいか…

Flashオブジェクトの書き方

http://validator.w3.org/ にてValidなFlashオブジェクトの書き方。 Netscape系のために、embedを記述していたが、それがinvalidになってしまう。invalidになった時に表示される文章中のFAQを読むと以下の方法が書いてあった。 <object type="application/x-shockwave-flash" data="foobar-flash.swf" width="XXX" height="YYY"> <param name="movie" value="foobar-flash.swf"> </object> IE6/IE7やFi…

IE6でのdl,ddでの改行した場合のずれ

<div id="foo"> <dl> <dt>その1</dt><dd>その1データ</dd> <dt>その2</dt><dd>その2データ<br>その3データ</dd> </dl> </div> のようなhtmlがあり、スタイルシートにて、dt,ddが水平になるように、 #foo { clear: both; } #foo dt { float: left; clear: left; } #foo dd { padding-left: 4em; } のようなことをしているとIE6のみ、…

IE7での印刷ずれ

<h3>テスト</h3> <div id="foo"> <dl> <dt>その1</dt><dd>その1データ</dd> <dt>その1</dt><dd>その1データ</dd> </dl> </div> のようなhtmlがあり、スタイルシートにて、dt,ddが水平になるように、 #foo { clear: both; } #foo dt { float: left; clear: left; } #foo dd { padding-left: 4em; } h3 { .... float: left; clear: both; }…

safariでのcssデバッグ

CSSを編集していてsafariだけ上手くいかないってことがあるとき、 #foo { border-width: 1px; border-style: solid; border-color: #ff0000; } #bar { border-width: 1px; border-style: solid; border-color: #00ff00; } という感じであやしい部分にボーダ…

ロゴ作成関連まとめ

ロゴ作成サイトやロゴ作成に関するもの。 ロゴ作成サイト Web2.0 Logo Creator by Alex P http://h-master.net/web2.0/index.php [c=DE1039]MIYAGINO[/c][c=006400].net[/c] と書くと色も変わるみたい。 WEB 2.0 STYLr http://web2.0stylr.com/stylr.aspx we…

bodyへのCSS設定

http://www.designwalker.com/2007/02/css-body.html を見てこのblogにも以下のように設定してみました。 body { margin: 0; padding: 0; line-height:1.4em; color:#333; font-family:Arial, sans-serif; font-size:0.9em; }

GIMPで「飛び出す写真」を簡単に作る

「飛び出す写真」を簡単に作るPhotoshopチュートリアルをみてインスパイアされ、GIMPでできるかやってみました。違いは以下の点ぐらいです。 次にフレームの形を変えます。フレームのレイヤーで「Ctrl+T」を使ってフレームだけを選択。 右クリックし、「遠近…

GIMPの操作備忘録

等間隔の選択ボックスに対しての操作。 引いた定規 表示メニューの[ガイドを表示する]のチェックをはずすと定規の線を見えなくできる。もう一度チェックを入れると定規の線が復活。 等間隔 デフォルトのグリッドは等間隔の十字(クロスヘア)。これを表示する…

GIMPでつややかな表現

Photoshop でつややかな表現をわりと簡単に実現するに、きれいな画像を作成するためのチュートリアルがある。このサイトにはチュートリアルだけでなく、サンプルのファイル(psd)も置いてあるのだ。なんてすばらしい。個人的に同じようなものを作りたいと思っ…