2007年12月の記事


Diaryへ3個目の画像
今日はBBSへ3個目の画像をつけた応用で
DiaryとProfileへも画像を追加した。
とりあえず付けた画像はあとで違うのを捜してみる予定。
コメント (1)

スクロールバーの色
スクロールバーの色を変えるには

BODY {
SCROLLBAR-FACE-COLOR: #******; / *表面色 */
SCROLLBAR-HIGHLIGHT-COLOR: #******; / *上内側枠色*/
SCROLLBAR-SHADOW-COLOR: #******; / *上内側枠色 */
SCROLLBAR-3DLIGHT-COLOR: #******; / *矢印外側枠色*/
SCROLLBAR-ARROW-COLOR: #******; / *矢印の色 */
SCROLLBAR-TRACK-COLOR: #******; / *裏側の色 */
SCROLLBAR-DARKSHADOW-COLOR: #****** /*外側枠色*/
}
ただしエクラではIE6までは表示されても最新のIE7では変化ありません。MOZILLA FIREFOXでも駄目です。その後
BODYをHTMLにするとIE7では表示されます。
次回 IE8 に期待です。
コメント (5)

掲示板へ3個画像を
掲示板のトップの1個目の画像は
<新規投稿>の文字のバックとして入れる。
/* 新規投稿 */
background:url(http・・・・)


もう一個はこのページの背景として画像を入れる。
<body>タグの中で
{background-image: url(" ~ ")}

さらにもう一個入れるには
p{から始まるタグへ
p{background:url(~.gif) no-repeat fixed ;background-position: bottom right}
これで書き込み欄の右下へ一個はいります。
コメント (2)

曲を鳴らす。
音楽を入れるには単純にMENUとMAINのどちらかにのみですがこのタグを一行いれるだけです。

<EMBED src="曲を転送してあるURL" autostart="true" hidden="true"></embed>
コメント (0)

リンクの下線を消す。
日記や掲示板やLOGページのようなリンクがついているテキストには
下線が付いていますがこれを消すには

a{text-decoration:none;}
この一行で消えます。

またマウスカーソルが乗っているときに色を変えるには

a:hover {color:#9900ff;}

またマウスカーソルが乗ったときだけ背景色をつけるには
a:hover {color:#9900ff;
     background-color:#ffccff}
のようにします。
コメント (0)

CSS その2
カスケード スタイル シート
(CSS)について少しずつ解説していきます。

日記のページのメニューの所の小さな●の画像(リストマーク)を変更するには

.link_text{ list-style: none; }
でなし。

.link_text{ list-style: circle; }
で白丸にかわる。

.link_text{ list-style: square; }
で黒四角にかわる。

.link_text{ list-style: decimal; }
で数字にかわる。

このタグ一行をデザインのなかの日記/コラムを読み込んで
これらのうちの好きなタグを一行書きたします。

日記のページのメニューの所の小さな●の画像(リストマーク)を好きな画像に変更するには

.link_text{ list-style-image: url(" ~ "); }

~のところはhttp://で始まる画像のアドレスを指定します。

このタグ一行をデザインのなかの日記/コラムを読み込んでこの上のようにタグを一行書きたします。

そして更新すれば、好きな画像でリストマークを変更できます。
コメント (2)

背景に画像を貼る。
カスケード スタイル シート
(CSS)について少しずつ解説していきます。

まず背景ですが色を付けるには
background-color: #000000;
or
background-color: blue;

この指定はバックを黒に白なら 000000を FFFFFFに変えます。また直接 blue とか red とかの指定もできます。
また透明なら transparent を書き込みます。

背景に画像を貼るには
background-image: url(" ~ ");

~のところはhttp://で始まる画像のアドレスを指定します。

すべてのページの背景画像を一括で指定するにはデザインのなかの共通設定の中へこのように
タグを一行書きます。

body { background-image: url( ~ ); }

そして更新すれば、すべてのページの背景が同じになります。
コメント (2)

EPSON PM-T960
プリンターが壊れたので新しいのを買った。何年か使ったキヤノンを止めてエプソンの複合機の新製品PM-T960にした。
理由は無線LAN接続で使える機能がついているからだ。
家には家族のPCが5台ある。デスクトップが2台。ノートが3台でノートは全部無線LANでネットに繋いでいる。
印刷はそのつど、USBケーブルでPCとプリンターを繋ぎ変えて使っていた。
USBがなかったWINDOWS95、98の頃は共有設定をして使っていたが、USB接続になったら、共有よりUSBケーブルの繋ぎ変えのほうがずっと楽である。
最近ある人がプリンターを共有したなんて、話を聞いたが10年位遅れているなと思った。
なぜなら共有するとメインのPCの電源が切れていると印刷のたびに使わないパソコンのスイッチを入れなくてはならない。
家庭LANの場合PCの電源は常時入っているわけではないからだ。
ところが今度買ったプリンターは無線LANが使える。プリンターのネットワークと無線LANの設定(暗号キー等)をやっておくと、LANケーブルを繋がなくても単独でプリンターと無線ルーターがアクセスできてしまう。
だから、2階のPCから無線LANでネットに繋ぎ2階にいたまま、無線LANで1階のプリンターで印刷ができてしまう。
今までだと印刷のたびにわざわざ1階へノートPCを持ってきてUSBケーブルでプリンターを繋いでから印刷していたんだから、ずっと快適だ。
なんとこんな快適なプリンターが3万円しないで買えるんだから嬉しい。
コメント (2)