« 2009年4月 | トップページ | 2009年6月 »

2009年5月

2009年5月29日 (金)

年に1度は観る映画。

サヨナラCOLOR~映画のためのうたと音楽~ Music サヨナラCOLOR~映画のためのうたと音楽~

アーティスト:サントラ,永積タカシ,原田郁子,高野寛,BIKKE,忌野清志郎,スチャダラパー
販売元:ファイブスターズ
発売日:2005/08/06
Amazon.co.jpで詳細を確認する

竹中直人が永積タカシが作った曲、「サヨナラCOLOR」に触発されて撮った映画。
と言うことは皆さんご存知でしょう。
そして、数多くの人が観ていることと思います。

かく言う私も、年に1度は観る映画です。

さよならからはじまることがあるんだよ。ってことです。
おそまつ様でした。

| | コメント (0) | トラックバック (0)

2009年5月28日 (木)

出ましたね。世界の村上。

1Q84(1) Book 1Q84(1)

著者:村上春樹
販売元:新潮社
Amazon.co.jpで詳細を確認する

1Q84(2) Book 1Q84(2)

著者:村上春樹
販売元:新潮社
Amazon.co.jpで詳細を確認する

僕の精神は最近 「ねずみ」 化している気がする。
さて、世界中のファンが待望のしていた本作。。。
果たして、どれほどの人の心を捕らえるのだろうか。

| | コメント (0) | トラックバック (0)

2009年5月27日 (水)

本が好きなあなたにこんなものはいかが。

本日もECサイトの続きです。 画像の修正作業でほぼ一日が過ぎました。
こんなラックがあったら面白いなと思ってたものがこれです。

●壁に本を飾る● CONCEAL SHELF アンブラ コンシールシェルフ (本棚、ブックラック)  ●壁に本を飾る● CONCEAL SHELF アンブラ コンシールシェルフ (本棚、ブックラック)

販売元:Rocca-clann
楽天市場で詳細を確認する

| | コメント (0) | トラックバック (0)

2009年5月26日 (火)

いきますか?皆既日食。

本日は旅行代理店のサイト更新・管理業務でほぼ一日がおわりました。

この時期の旅行のパッケージのなかで特に魅力を感じるのはやはり、

7月22日 奄美大島での皆既日食ツアーでしょうか。
とは言えチケットほぼ完売でないですけど。。。

実は軌道からすると上海でも見られるようです。
光化学スモッグが問題ですが。

と言うことで私は上海にいくことにします。
これも気になるけれど。。。

http://www.totalsolareclipsefestival.jp/

 Book/皆既日食ハンターズガイド: Studiovoice別冊 Book/皆既日食ハンターズガイド: Studiovoice別冊
販売元:HMVジャパン
HMVジャパンで詳細を確認する


Amazon.co.jp 日食グラス SUN CATCHER-X CE Amazon.co.jp 日食グラス SUN CATCHER-X

販売元:VIXEN
発売日:2009/04/25
Amazon.co.jpで詳細を確認する







| | コメント (0) | トラックバック (0)

2009年5月25日 (月)

table japan

本日も引き続きECサイトの案件です。

コーディングと画像加工をしまくって終了です。
tableを組みながらマリオとかつくれたらおもろいなと思っていると

こんなサイトを紹介されました。


http://d.hatena.ne.jp/wata300/20060308/p1

まぁ、ええんちゃう。

| | コメント (0) | トラックバック (3)

2009年5月22日 (金)

IE6 png透過

本日もECサイトの作業を続ける。
IE6でのPNG透過はなかなかうまくいかない。
今日も苦戦した。

参考にしたサイトを紹介します。

JavaScriptを使わない方法もある。。。
http://journal.mycom.co.jp/news/2008/12/05/034/index.html

alphafilter.js

http://blog.webcreativepark.net/2007/02/01-233315.html

DD_belatedPNG.js

http://smkn.xsrv.jp/blog/2009/02/dd_belatedpng_js/

| | コメント (0) | トラックバック (1)

2009年5月21日 (木)

さてHOVERの応用

ということは、本日も引き続きECサイト作成なわけです。
画像の加工でほぼ丸一日。HOVERで数時間で終了。

さて、DREAMWEAVERがないかたこれは使えます。

sample_dd.gif

<div id="drop_menu">
<dl>
<dt><a href="#">メニュー001</a></dt>
<dd><a href="#">メニューリンク</a></dd>
<dd><a href="#">メニューリンク</a></dd>
<dd><a href="#">メニューリンク</a></dd>
</dl>
<dl>
<dt><a href="#">メニュー002</a></dt>
<dd><a href="#">メニューリンク</a></dd>
<dd><a href="#">メニューリンク</a></dd>
<dd><a href="#">メニューリンク</a></dd>
</dl>

</div>
#drop_menu dl {
float:left;
width:20%;
}
#drop_menu dl a {
display: block;
text-decoration: none;
padding: .2em 0;
width: 100%;
color: #fff;
}
#drop_menu dl dt a {
background: #666;
border-top: 1px solid #999;
border-bottom: 1px solid #333;
text-align: center;
}
#drop_menu dl:hover dt a {
background: #000;
}
#drop_menu dl dd {
display: none;
}
#drop_menu dl:hover dd {
display: block;
}

#drop_menu dd a {
background: #09c;
border-top: 1px solid #3ECFFF;
border-bottom: 1px solid #00526C;
text-indent: 1em;
}
#drop_menu dd a:hover {
border-top: 1px solid #009BCE;
border-bottom: 1px solid #003040;
background: #005F8C;
}


下記サンプルです。
http://digibot.jp/sample/000020.html

WEBFACTORYさんでした。。。。すごいね。簡単ですし。
http://digibot.jp/

本日のお勧め。コピーライトの奥深さを堪能しました。

ことばになりたい ことばになりたい

販売元:楽天ブックス
楽天市場で詳細を確認する



| | コメント (0) | トラックバック (0)

2009年5月20日 (水)

table

本日もECサイトの続きです。
非常に tableは面白いのです。
まぁ、暇ならこんなこともできる。


●colspan

td colspan=xは、x個分の<td></td>を取り入れて右に広がります。

<table border=1>
<tr><td>A1</td><td>A2</td><td>A3</td></tr>
<tr><td colspan=2>B1</td><td>B3</td></tr>
<tr><td colspan=3>C1</td></tr>
</table>

A1 A2 A3
B1 B3
C1

●rowspan

td rowspan=xは、x個分の<td></td>を取り入れて下に広がります。

<table border=1>
<tr><td>A1</td><td>A2</td><td rowspan=3>A3</td></tr>
<tr><td>B1</td><td rowspan=2>B2</td></tr>
<tr><td>C1</td></tr>
</table>

A1 A2 A3
B1 B2
C1

●colspan、rowspan

colspan、rowspanは同じtd内で使用できます。

例1)
<table border=1>
<tr><td>A1</td><td>A2</td><td>A3</td></tr>
<tr><td>B1</td><td colspan=2 rowspan=2>B2</td></tr>
<tr><td>C1</td></tr>
</table>

A1 A2 A3
B1 B2
C1

例2
<table border=1>
<tr><td colspan=2 rowspan=2>A1</td><td>A3</td></tr>
<tr><td>B3</td></tr>
<tr><td>C1</td><td>C2</td><td>C3</td></tr>
</table>
A1 A3
B3
C1 C2 C3

●サンプル

参考になるようなtableを作ってみました。

<table border=1>
<tr><td>A1</td><td colspan=2>A2</td><td rowspan=3>A4</td></tr>
<tr><td rowspan=2>B1</td><td>B2</td><td>B3</td></tr>
<tr><td>C2</td><td>C3</td></tr>
<tr><td colspan=3>D1</td><td>D4</td></tr>
</table>

A1 A2 A4
B1 B2 B3
C2 C3
D1 D4

◆複雑なtableを作ろう

colspanとrowspanを使いこなして複雑なtableを考えてみよう。

●サンプル


●解説

1
rA
1-cA
2
r8
2-c8 2
rA
3
r6
3-c6 3
r9
4
r4
4-c4 4
r7
5
r2
5-c2 5
r5
6_ 6
r3
7-c2
8-c3
9-c5
10-c7
11-c9

最初の数字は行数で、同行は同じ色です。
cはcolspan、rはrowspan
数は大きさを表します。(このページでは10をAで説明します)

例)3-r6 は「3行目のrowspan=6」

 

| | コメント (0) | トラックバック (1)

2009年5月19日 (火)

動画で覚える。

旅行代理店のHP更新でほぼ半日。
残りはECサイトの商品紹介PAGEの作成。

今日は非常に使えるサイトを紹介したい。

http://www.dougamanual.com/index.html


そして今日もHOVERに苦戦。。。。

動作サンプル

通常のボタン

 

hoverでスタイルを指定したボタン
ボタンにマススカーソルをポイントすると、背景色、文字色、マウスカーソルの形状が変わります。

この動作サンプルのソース(主な関連部分)

外部Jsファイルを読み込みます。
<script type="text/javascript" src="allhover.js"></script>


マウスオーバー時のスタイルを指定します。
セレクタの前者は通常ブラウザ向け、後者がこのJavascript向け(IE向け)です。

<style type="text/css">
input.submit:hover , input.submitHover{
background-color:red;
color:white;
cursor:pointer;
}
input.reset:hover , input.resetHover{
background-color:blue;
color:white;
cursor:pointer;
}
</style>


初期化を行います。
<body onload="allhover(['input.submit','input.reset'])">
[ ]内に対象を指定します。


hover処理の対象となる要素です。
<p class="smpl1">
<input type="submit" value="送信ボタン" class="submit">
<input type="reset" value="リセット" class="reset">
</p>



| | コメント (0) | トラックバック (0)

2009年5月15日 (金)

本当 に ふぉんと 

本日もECサイトのコーディングで一日を終えました。

毎日こつこつとタグ打ちを続けていくと自己との対話の機会が増える。

さて、フォントですが IE6 などでは PX で指定してもうまく表示できない

場合が多いので僕は % でします。下記参照。


あいう亜以宇abcABC012 :200%
あいう亜以宇abcABC012 :199%
あいう亜以宇abcABC012 :198%
あいう亜以宇abcABC012 :197%
あいう亜以宇abcABC012 :196%
あいう亜以宇abcABC012 :195%
あいう亜以宇abcABC012 :194%
あいう亜以宇abcABC012 :193%
あいう亜以宇abcABC012 :192%
あいう亜以宇abcABC012 :191%
あいう亜以宇abcABC012 :190%
あいう亜以宇abcABC012 :189%
あいう亜以宇abcABC012 :188%
あいう亜以宇abcABC012 :187%
あいう亜以宇abcABC012 :186%
あいう亜以宇abcABC012 :185%
あいう亜以宇abcABC012 :184%
あいう亜以宇abcABC012 :183%
あいう亜以宇abcABC012 :182%
あいう亜以宇abcABC012 :181%
あいう亜以宇abcABC012 :180%
あいう亜以宇abcABC012 :179%
あいう亜以宇abcABC012 :178%
あいう亜以宇abcABC012 :177%
あいう亜以宇abcABC012 :176%
あいう亜以宇abcABC012 :175%
あいう亜以宇abcABC012 :174%
あいう亜以宇abcABC012 :173%
あいう亜以宇abcABC012 :172%
あいう亜以宇abcABC012 :171%
あいう亜以宇abcABC012 :170%
あいう亜以宇abcABC012 :169%
あいう亜以宇abcABC012 :168%
あいう亜以宇abcABC012 :167%
あいう亜以宇abcABC012 :166%
あいう亜以宇abcABC012 :165%
あいう亜以宇abcABC012 :164%
あいう亜以宇abcABC012 :163%
あいう亜以宇abcABC012 :162%
あいう亜以宇abcABC012 :161%
あいう亜以宇abcABC012 :160%
あいう亜以宇abcABC012 :159%
あいう亜以宇abcABC012 :158%
あいう亜以宇abcABC012 :157%
あいう亜以宇abcABC012 :156%
あいう亜以宇abcABC012 :155%
あいう亜以宇abcABC012 :154%
あいう亜以宇abcABC012 :153%
あいう亜以宇abcABC012 :152%
あいう亜以宇abcABC012 :151%
あいう亜以宇abcABC012 :150%
あいう亜以宇abcABC012 :149%
あいう亜以宇abcABC012 :148%
あいう亜以宇abcABC012 :147%
あいう亜以宇abcABC012 :146%
あいう亜以宇abcABC012 :145%
あいう亜以宇abcABC012 :144%
あいう亜以宇abcABC012 :143%
あいう亜以宇abcABC012 :142%
あいう亜以宇abcABC012 :141%
あいう亜以宇abcABC012 :140%
あいう亜以宇abcABC012 :139%
あいう亜以宇abcABC012 :138%
あいう亜以宇abcABC012 :137%
あいう亜以宇abcABC012 :136%
あいう亜以宇abcABC012 :135%
あいう亜以宇abcABC012 :134%
あいう亜以宇abcABC012 :133%
あいう亜以宇abcABC012 :132%
あいう亜以宇abcABC012 :131%
あいう亜以宇abcABC012 :130%
あいう亜以宇abcABC012 :129%
あいう亜以宇abcABC012 :128%
あいう亜以宇abcABC012 :127%
あいう亜以宇abcABC012 :126%
あいう亜以宇abcABC012 :125%
あいう亜以宇abcABC012 :124%
あいう亜以宇abcABC012 :123%
あいう亜以宇abcABC012 :122%
あいう亜以宇abcABC012 :121%
あいう亜以宇abcABC012 :120%
あいう亜以宇abcABC012 :119%
あいう亜以宇abcABC012 :118%
あいう亜以宇abcABC012 :117%
あいう亜以宇abcABC012 :116%
あいう亜以宇abcABC012 :115%
あいう亜以宇abcABC012 :114%
あいう亜以宇abcABC012 :113%
あいう亜以宇abcABC012 :112%
あいう亜以宇abcABC012 :111%
あいう亜以宇abcABC012 :110%
あいう亜以宇abcABC012 :109%
あいう亜以宇abcABC012 :108%
あいう亜以宇abcABC012 :107%
あいう亜以宇abcABC012 :106%
あいう亜以宇abcABC012 :105%
あいう亜以宇abcABC012 :104%
あいう亜以宇abcABC012 :103%
あいう亜以宇abcABC012 :102%
あいう亜以宇abcABC012 :101%
あいう亜以宇abcABC012 :100%
あいう亜以宇abcABC012 :16px
あいう亜以宇abcABC012 :99%
あいう亜以宇abcABC012 :98%
あいう亜以宇abcABC012 :97%
あいう亜以宇abcABC012 :96%
あいう亜以宇abcABC012 :95%
あいう亜以宇abcABC012 :94%
あいう亜以宇abcABC012 :93%
あいう亜以宇abcABC012 :92%
あいう亜以宇abcABC012 :91%
あいう亜以宇abcABC012 :90%
あいう亜以宇abcABC012 :89%
あいう亜以宇abcABC012 :88%
あいう亜以宇abcABC012 :87%
あいう亜以宇abcABC012 :86%
あいう亜以宇abcABC012 :85%
あいう亜以宇abcABC012 :84%
あいう亜以宇abcABC012 :83%
あいう亜以宇abcABC012 :82%
あいう亜以宇abcABC012 :81%
あいう亜以宇abcABC012 :80%
あいう亜以宇abcABC012 :79%
あいう亜以宇abcABC012 :78%
あいう亜以宇abcABC012 :77%
あいう亜以宇abcABC012 :76%
あいう亜以宇abcABC012 :75%
あいう亜以宇abcABC012 :74%
あいう亜以宇abcABC012 :73%
あいう亜以宇abcABC012 :72%
あいう亜以宇abcABC012 :71%
あいう亜以宇abcABC012 :70%
あいう亜以宇abcABC012 :69%
あいう亜以宇abcABC012 :68%
あいう亜以宇abcABC012 :67%
あいう亜以宇abcABC012 :66%
あいう亜以宇abcABC012 :65%
あいう亜以宇abcABC012 :64%
あいう亜以宇abcABC012 :63%
あいう亜以宇abcABC012 :62%
あいう亜以宇abcABC012 :61%
あいう亜以宇abcABC012 :60%
あいう亜以宇abcABC012 :59%
あいう亜以宇abcABC012 :58%
あいう亜以宇abcABC012 :57%
あいう亜以宇abcABC012 :56%
あいう亜以宇abcABC012 :55%
あいう亜以宇abcABC012 :54%
あいう亜以宇abcABC012 :53%
あいう亜以宇abcABC012 :52%
あいう亜以宇abcABC012 :51%
あいう亜以宇abcABC012 :50%

| | コメント (0) | トラックバック (0)

2009年5月14日 (木)

LINE

本日もECサイト様のコーディングが続きます。

づけです。そもそも tr って何の訳?

本日はLINEについてのおさらい


1.一般的なサラリーマンのLINE    hr
2.少し大人びたLINE       size="5"
3.小学5年生のLINE        width="100"
4.反抗期のLINE           width="200"
5.決して二次会には参加しない人のLINE      HR width="50%"
6.窓際ぎりぎり族のLINE        width="30%" align="left"

7.居直り上手な人          width="30%" align="center"
8.斜に構えた感じで       width="30%" align="right"
9.思春期又は常夏先取りの人       color="blue"
10.おしゃれなんだけどどこか間抜け    noshade
11.最近になってエコにうるさい知り合い   size="10" width="50%" color="green"

あの上司との境界線。あの友達との境界線。あの少し胡散臭そうなひととの境界線。
色々な思いをこめて色々なLINEを引いています。
しかしこれうまく表示されないなぁ。

明日も、きっちりコーディングします。

| | コメント (0) | トラックバック (0)

2009年5月13日 (水)

hoverhover

といえばbonobosのメジャー1作目ですが、本日はcssのhoverのお話。
本日は旅行代理店さまのサイト更新管理に半日とちょい。
残りは昨日の続き。

inputにhover効果を適用するのにあれやこれや。
DREAMWEAVERで下記のように作成。簡単。

<input type="image" id="confirm" name="submit" value="" src="image/ka.gif" alt="確認する" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('confirm','','image/ka1.gif',1)"/>

しかしどうしてもCSSであててほしいとの要望で、

<a>
<input type="image" id="confirm" class="btnclass" name="submit" value="" src="image/co.gif" alt="確認する"/></a>

<style type="text/css">

a:hover{
background: #000;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
width:145px;
height: 40px;
margin:0;
padding: 0;
}

</style>

となりました。我ながら邪道な気がします。。。

 Hover Hover Hover Hover
販売元:セブンアンドワイ
セブンアンドワイで詳細を確認する

| | コメント (0) | トラックバック (0)

2009年5月12日 (火)

HTML<TABLE cellpadding  cellspacing>

ECサイト様のお問い合わせのコーディングに丸一日。
<table><tr><td>に浸りきりです。
最近コーディングを始めたというあなたのために
cellpadding と cellspacing のおさらいです。
簡単なことですがきちっと使えると便利です。

<TABLE border=1 cellpadding=5 cellspacing=0>
<TR>
<TD bgcolor="#FFCCCC">背景色薄赤のセル</TD>
<TD bgcolor="#CCCCFF">背景色薄青のセル</TD>
</TR>
</TABLE>

背景色薄赤のセル 背景色薄青のセル

<TABLE border=1 cellpadding=0 cellspacing=5>
<TR>
<TD bgcolor="#FFCCCC">背景色薄赤のセル</TD>
<TD bgcolor="#CCCCFF">背景色薄青のセル</TD>
</TR>
</TABLE>

背景色薄赤のセル 背景色薄青のセル

| | コメント (0) | トラックバック (0)

2009年5月11日 (月)

兄がおうちの整理をしていると。。。

バイクメ〜ン   1  /望月 峯太郎 [本] バイクメ〜ン   1  /望月 峯太郎 [本]
販売元:セブンアンドワイ ヤフー店
セブンアンドワイ ヤフー店で詳細を確認する

昨日、兄がお部屋の片付けをしているといらない漫画があるからと
約60冊近い本を売りにいった。
「古いので買い取れません。」と言われ持ち帰ってきた名作がこれ。
売れなくてよかったと思うよ。と一言伝えた。実は僕も持っている。
他に「気分はもう戦争」や「陽だまりの樹」も売れなかったと言う。。。

| | コメント (0) | トラックバック (0)

2009年5月 7日 (木)

前衛藝術

1近くの人は行くといいです。

http://www.nmao.go.jp/japanese/china/works/index.html

| | コメント (0) | トラックバック (0)

2009年5月 1日 (金)

大友克洋の名作と言えば。

童夢 童夢

販売元:楽天ブックス
楽天市場で詳細を確認する

AKIRAではなく童夢に決まっている。
読めばわかる。

| | コメント (1) | トラックバック (0)

« 2009年4月 | トップページ | 2009年6月 »