2008年8月アーカイブ

ブログの移転・統合とデザインリニューアル

Design RemixとDesign Remix SEEDを今回新しいブログに移転させました。
URLは同様の「http://d-remix.net/」です。


Tags:
Rating:
 [10pt
20pt
30pt
40pt
50pt]

Page Top

携帯で絵文字を表示する方法

最近携帯サイト（自分の携帯だけ対象　笑）をつくってるんだけど、そこで覚えたメモ。

１，絵文字の表示
<img src="" alt="" localsrc="絵文字番号(又は絵文字名)" />
※絵文字一覧

２、モバイル向けXHTML仕様
XHTML仕様


Tags:
Rating:
 [10pt
20pt
30pt
40pt
50pt]

Page Top

さらに高機能（へなちょこ）になった偽Mac OS X

偽Macがさらに高機能になりました。
スタイルをちょこっと変更してランチャーがが動くようになりました。
動きのぎこちなさはご愛敬ということで。

ちゃんとSafariもついています。検索だってできます。でもメニューは装飾なのでクリックしないでください。

さあ！
偽Macはコチラ！！（ちなみにIE系は対象外です。）

-----------------------------------------------------------------------------------------
過去分

一年前に作ったwebデスクトップをまたいじりはじめて偽Macを作ってみた。
（まだ作り途中・・・）

偽Macはコチラ！！（ちなみにIE系は対象外です。）

というかMacもってないからデザインがわからない（笑）
だれかキャプチャくれたらうれしいな～～。

追記：中のパスが間違ってて見られなくなってました。

Page Top

Flashのz-indexを操作する方法

プルダウンメニューを作る際にFlashとかぶってしまう場合がある。
なぜか通常の状態だとz-indexを操作してもFlashは背面に移動しない。

そこで、Flashの位置を背面に移動する方法として以下の内容をobjectタグ内に追加する。


<embed src="xxxx.swf" wmode="transparent" />
<param name="wmode" value="transparent"/>

これでも背面に移動しない場合はobjectタグのz-indexをマイナス等していじってみると良い。
Tags:
Rating:
 [10pt
20pt
30pt
40pt
50pt]

Page Top

prototype.jsでフォーカス時に入力フォームを拡大する

下記のソースを読み込むだけでサンプルのようなフォームにすることができます。
CSSは任意で設定してください。
（JSは適当に書いたのでもっと効率的な書き方があったらコメントで教えてください。）

フォームサンプル 
window.onload = function(){
	var Elements = document.getElementsByTagName("input");
	for(var i = 0; i < Elements.length; i++){

		if(Elements[i].type == "text"){
			Event.observe( Elements[i], 'focus', BgChenge );
			Event.observe( Elements[i], 'blur', BackBgChenge );
		}

	}
	
	Elements = document.getElementsByTagName("textarea");
	for(var i = 0; i < Elements.length; i++){

		Event.observe( Elements[i], 'focus', TxBgChenge );
		Event.observe( Elements[i], 'blur', TxBackBgChenge );	
	}

}

function BgChenge(){
	$(this).style.border = "2px solid #888";
	$(this).style.padding = "10px";
	$(this).style.fontSize = "150%";
	$(this).style.fontWeight = "600";
	$(this).style.position = "relative";
	$(this).style.margin = "-10px 0 -10px 0";

}
function BackBgChenge(){
	$(this).style.border = "1px solid #bbb";
	$(this).style.padding = "3px";
	$(this).style.fontSize = "110%";
	$(this).style.fontWeight = "400";
	$(this).style.position = "static";
	$(this).style.margin = "0";

}
function TxBgChenge(){
	$(this).style.border = "2px solid #888";
	$(this).style.padding = "10px";
	$(this).style.fontSize = "130%";
	$(this).style.fontWeight = "600";
	$(this).style.position = "relative";
	$(this).style.margin = "-8px 0 -8px 0";

}
function TxBackBgChenge(){
	$(this).style.border = "1px solid #bbb";
	$(this).style.padding = "3px";
	$(this).style.fontSize = "110%";
	$(this).style.fontWeight = "400";
	$(this).style.position = "static";
	$(this).style.margin = "0";

}
Tags:
Rating:
 [10pt
20pt
30pt
40pt
50pt]

Page Top

« 2008年7月 Home Archive 2008年9月 »