どりーみー html

半透明にする

テーブル、カラムなどを半透明にするタグをスタイルシートで指定する方法で
IE・Firefox・Opera・Netscape・Safariで表示可能な方法を公開されているのを見つけました。
IEとFirefoxで試したところ実行されていました。

filter: alpha(opacity=25);
-moz-opacity:0.25;
opacity:0.25;

参考URL
http://209.85.175.104/search?q=cache:8Cl4DszRltoJ:weblibrary.s224.xrea.com/weblog/css/cat15/iefirefoxoperanetscapesafarics.html+css+%E5%8D%8A%E9%80%8F%E6%98%8E&hl=ja&ct=clnk&cd=2&gl=jp

【2008/01/24 06:59】 html | トラックバック(0) | コメント(0) | ▲

絵文字の背景

背景が白以外の場合、文中に挿入した絵文字の背景が白くなってしまいますよね。
その対処方法ですが、
CSSで設定することによって回避できるんですね。
また、記事の中の画像に枠などを付けている場合、あの小さい絵文字にまで枠がついてしまうことがありますね。

記事を囲っているタグのclassが[entry_text]の場合

.entry_text img.emoji {
border:none;
float:none;
margin:0px;
padding:0px;
background-color: #000000;
valign:bottom;
}

というのをスタイルシートに入れると良いみたいです。
上の例は背景が黒い場合です。
背景に画像を入れている場合はその背景画像を絵文字の背景にも入れます。
background-color: #000000;のところを
background: url(背景画像のアドレス) no-repeat top right 背景の色;
ですね。

【2007/10/29 14:17】 html | トラックバック(0) | コメント(12) | ▲

カテゴリーのRSS

2005.06.30のＦＣ２インフォメーションよりの覚書

・カテゴリー別の最新記事
・最新コメント
・最新トラックバック
そして勿論
・最新記事についてもRSSがあるのはホントにすごいことです。

・カテゴリーのRSS
BlogURL/?xml&category=数字　←登録した順の番号ですね。

・コメントのRSSのURL
BlogURL/?xml&comment

・トラックバックのRSSのURL
BlogURL/?xml&trackback

ちょっと遅れてる私

【2007/10/27 07:21】 html | トラックバック(0) | コメント(0) | ▲

背景

BODYタグ

背景を右下に固定しています



<BODY style="
background : url(背景画像のアドレス) fixed no-repeat bottom

right">



bottom right　ーーーーこの部分を変えると位地が変ります。

bottom left　ーーーー左下に固定

top right　ーーーー右上に固定

top left　ーーーー左上に固定

top center　ーーーー真ん中上に固定

bottom center　ーーーー真ん中下に固定

center center　ーーーーど真ん中に固定

サンプル

【2005/02/01 13:30】 html | トラックバック(0) | コメント(5) | ▲

リンクの方法

リンクの方法
きゅうりさんの現在のおじぞうさまのページがindexになっているようですのでおじぞうさまのページから「那須塩原ハイキング」に行けるようにすれば出来上がりです。

<a href="ページのアドレス">ここに書く文字または画像が表に現れます</a>
例
<a href="http://kyuuri.eco.to/hik.htm">那須塩原ハイキング</a>
サンプル
那須塩原ハイキング

または画像の例ですと

<a href="http://kyuuri.eco.to/"><img src="http://kyuuri.eco.to/nikkou2.jpg"></a>

画像の周りに線が出ないようにするには画像のアドレスの後に border="0" を書きます。
それから　width="100"
　
画像の大きさの指定です。
<a href="http://kyuuri.eco.to/"><img src="http://kyuuri.eco.to/jizou.jpg" width="100" border="0"></a>

次に
画像や文字の上にマウスが来た時、説明を出す方法です。
a　タグの中に　title="見てね♪"
又は
img　タグの中に alt="綺麗だよぉー"

など適宜に、どちらかを書きます。

<a href="http://kyuuri.eco.to/" ><img src="http://kyuuri.eco.to/jizou.jpg" width="100"border="0" alt="綺麗だよぉー"></a>

サンプル

TARGETの指定

a タグの中にTARGETを書くことによってページの表示の方法を指定します。
主な物では
別ウインドウを開く　 TARGET=" _blank"
現在のページに表す　　TARGET="_top"

<a href="http://kyuuri.eco.to/hik.htm" title="見てね♪" TARGET=" _blank">那須塩原ハイキング</a>
サンプル
那須塩原ハイキング

<a href="http://kyuuri.eco.to/hik.htm" title="見てね♪" TARGET="_top">那須塩原ハイキング</a>
サンプル
那須塩原ハイキング

【2005/01/18 08:14】 html | トラックバック(0) | コメント(15) | ▲

いろいろなTABLE

色々TABLE

ヾ(＠~▽~＠)ノわぁい

凄い、こっちが間に合いませんヾ(●~▽)ゞおほほほ

では色々なTABLEをみてみましょう。

先ずこれは、半透明なTABLEです。

背景が透き通ってみえますか？

上のタグです。
TABLEのTD中にTABLEを作っています。
外側のTABLEにはbackgroundで画像のアドレスを入れ、
その画像の大きさにTABLE
の大きさを合わせました。

<CENTER><TABLE background="sirakabaki.jpg" width="400" height="300">

<TR><TD>

<CENTER><TABLE width="300" style="filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50)" bgcolor="#FFFFFF">

<TR><TD>

<font size="4" color="#000000"><b>

色々なTABLE</b></font><br>

<font size="2" color="#000000">ヾ(＠~▽~＠)ノわぁい<br>

凄い、こっちが間に合いませんヾ(●~▽)ゞおほほほ<br>

では色々なTABLEをみてみましょう。<br>

先ずこれは、半透明なTABLEです。<br>

背景が透き通ってみえますか？<br></font>

</TD></TR>

</TABLE></CENTER>

</TD></TR>

</TABLE></CENTER>

></ココまで!---->
TABLEの背景に画像ではなく色を指定すると色が付きます。

bgcolor=""ですね。

またTDの中に指定するとTDの色を指定できます。

大きさを指定しなくても、

入れたいものだけは入ってくれます。

ヾ(´▽｀*)ゝヾ(＠~▽~＠)ノ

TDの中に背景画像も同じ要領でできます

<TD background="画像のアドレス">

です。

この例では外側のTABLEタグの中にbgcolor="pink"

内側のTABLEタグの中にbgcolor="#FFFFFF"白を指定しました。

また、大きさの指定も出来ます。

上の例で解りますように

width="400" height="300"

等のようにTABLEタグの中に書きます。

【2005/01/14 10:45】 html | トラックバック(0) | コメント(8) | ▲

TABLE

もうすっかりページが出来てきていますね。
それでは、
画像と文章を配置してみましょう。
DIV　
を使った方法も楽しいのですが、今回はテーブルをやって、
次にリンクの方法をやってみますね。♪
<BODY>ここです。</BODY>
の間に

<TABLE>
<TR><TD></TD><TD></TD></TR>
</TABLE>

と書きます。

このままだと解りにくいので、まわりに線を入れてみます。
<TABLE>タグの中に　BORDER　と書きます。

<TABLE BORDER>
<TR><TD></TD><TD></TD></TR>
</TABLE>

<TD></TD>

と言うのが一個の部屋です。部屋の中に何か入れましょうね。

画像と音楽いってみますか。
<TD>ここと</TD><TD>ここです</TD>

<TABLE BORDER>
<TR>
<TD><img src="画像のアドレス"></TD>
<TD><embed src="midiのアドレス" autostart="true" loop="true"
width="144" height="45" volume="50" border="0"></TD>
</TR>
</TABLE>

このようになりました。

または、上下に部屋を分けたい時は

<TD></TD>

の次に

</TR><TR>

を入れます。

<TABLE BORDER>
<TR>
<TD><img src="画像のアドレス"></TD>
</TR><TR>
<TD><embed src="midiのアドレス" autostart="true" loop="true" width="144" height="45" volume="50" border="0"></TD>
</TR>
</TABLE>

BORDERというのは線です。書かないか、ゼロを入れるかと線がでません。
BORDER="1"
BORDER="5"

のように数字を変えてみてね♪

また指定がないとTABLEは左側に表示されます。
真ん中に持ってきたときは

<TABLE></TABLE>

の前後に
<CENTER></CENTER>

と書きます。

/ というのは、ここで終わりと言う意味ですよーヾ(´▽｀*)ゝ

<CENTER>
<TABLE BORDER>
<TR>
<TD><img src="画像のアドレス"></TD>
</TR><TR>
<TD><embed src="midiのアドレス" autostart="true" loop="true" width="144" height="45" volume="50" border="0"></TD>
</TR>
</TABLE>
</CENTER>

【Read More】

【2005/01/12 16:15】 html | トラックバック(0) | コメント(9) | ▲

ホスト側にもフォルダを

お友だちから教わった、ホスト側にもフォルダを作る方法
！(＾o＾)

さて、デスクトップに散らばっている、ファイルをまとめてフォルダに入れておきましょう。
ヾ(●~▽)ゞおほ
実は私は相当、長い間、このことを知らないでとても作業が大変でした。
以前作ったものと同じ名前を付けて、上書きしてしまったり、とほほ...

そうして、ある日、ネットのお友だちから教わりました。
それから後は、とても楽になりました。

では、行って見ようヾ(´▽｀*)ゝエヘ

先ず、ディスクトップで右クリックして
新規作成→フォルダ→出来たフォルダを右クリック→名前の変換→ここでは「honbako」と付けました。

>次にこの中に画像ファイルやMIDIファイルと共に
index.htmlというファイルを入れるんだそうです。
↓は「honbako」の中身です。

index.htmlのソースです。↓空っぽです。開いて見ると真っ白のページです。
index.htmlが無いと他人に中味を見られてしまいます。

更にサーバーに送るためのフォルダをつくり名前をつけます。
仮に「mikan」としておきます。

↓は、「mikan」の中身です。

「netehon.htm」は、フォルダ「honbako」の中身を使って作ったページです。

IMGの書き方、例えばみらい本だと

　　 <img src="honbako/miraihon111.jpg">　　のように
<img src="フォルダ名/ファイル名">　　だそうです。
つまり、一個のページ、または同じテーマのページ毎、使う画像
や音楽をまとめて入れておけば良かったんでした。
ヾ(´▽｀*)ゝ
私は、それまでは、まるで体育館のように広い一つの場所に
何でもかんでも詰め込んでいたんだなぁと思いました。
教わった方法は、それぞれを各教室に入れたようだと、その時思いました。ヾ(´▽｀*)ゝ
これは、多分誰でも知っていることなんだと思います。
当然過ぎて、誰も語ろうとしないんですね。きっと...

【2005/01/05 17:22】 html | トラックバック(0) | コメント(2) | ▲

音楽を流そう

画像の貼り付けが成功したら、今度は音楽を流して見ましょう。

<BODY></BODY>

の中に

<embed src="midiのアドレス" autostart="true" loop="true" width="144" height="45" volume="50" border="0">

と書き込んで見てね。

上のタグのっ説明デス。↓

loop="true" 繰り返しあり　loop="false" 繰り返し無し

border="0"　インラインムービーふちなし

hidden="true"　インラインムービー非表示、表示させるときは書かない

autostart="true"　オートスタートあり、falseはオートスタートなし

width="144" height="45"はインラインムービーの表示の大きさ

下は音楽だけが流れる「タグ」だよーヾ(●~▽)ゞおほ

<embed src="midiのアドレス" hidden="true" autostart="true" loop="true" width="144" height="45" volume="50" border="0">

hidden="true"を入れるとムービーは表示されません。
続きを読むは
このタグがHP上に現れるムービーです。【Read More】

【2005/01/03 17:57】 html | トラックバック(0) | コメント(18) | ▲

ドキュメントの記述

基本的タグの記述でページが出来ましたら
次にそれぞれタグにドキュメントの記述をします。
だれのパソコンからもちゃんと見えるようにいろいろな命令を書いておきましょう。

HTMLタグの前にドキュメントタイプを記述

続きを見てみよう

【2004/12/29 15:44】 html | トラックバック(0) | コメント(4) | ▲

メモ帳を開く

何時の日かホームページを作ってみたいけど、何だか難しそう。って思っている方に、
私がネット上で色々な方から教わった事を書き留めておきたいと思います。
きっと「何だ簡単じゃん」と思われることでしょう。

１.メモ帳を開く

先ず、パソコンのスタートボタンから「すべてのプログラム」→「アクセサリー」→「メモ帳」をクリックします

出てきましたら

次、行って見よう
【Read More】

HTMLって何ですか

何時の日かホームページを作ってみたいけど、何だか難しそう。って思っている方に、
私がネット上で色々な方から教わった事を
書き留めておきたいと思います。
きっと「何だ簡単じゃん」と思われることでしょう。

ジャー行くよー。ヾ(´▽｀*)ゝエヘヘ

１.メモ帳を開く

先ず、パソコンのスタートボタンから「すべてのプログラム」→「アクセサリー」→「メモ帳」をクリックします。

出てきましたら

<HTML>

<HEAD>

<TITLE>ホームページの名前</TITLE>

</HEAD>

<BODY>

私のホームページ

</BODY>

</HTML>

　　　　　　　　と書いてみましょう♪

２．保存します

そしたら「無題ーメモ帳」と言う字の下にある「ファイル」をクリックします。
名前を付けて保存を選択しますと下のような表が出てきます。

保存する場所（今回はデスクトップ）選びます。

次に、ファイル名を付けます。

お好きな名前を英数字で入れ、

その後に[ .htm ]又は[ .html ]を付けます。
今回は[ test.htm ]　にしてみましょう。
最後に保存をクリックします。

３.確認

デスクトップを見ると[ test.htm ]というアイコンが出ていると思います。ヾ(＠~▽~＠)ノわぁい

早速クリックしてみましょう。♪

これがあなたのHPです。
といってもまだパソコンの上だけですがヾ(´▽｀*)ゝ

４．画像を貼り付けて見ます。

上は実際にはもっと大きいです。汗

HPの一番上に先程書いたタイトルが[ホームページの名前]と出ていますね。

その下の段にある[ 表示　]をクリックして[　ソース　]を選択しますと
先ほどのメモ帳が出てきますね。ヾ(＠~▽~＠)ノ

デスクトップに貼り付けたい画像を置いてから
赤い文字の部分を書き足します。

<HTML>

<HEAD>

<TITLE>ホームページの名前</TITLE>

</HEAD>

<BODY>

私のホームページ<br>　　　　　　　　　　　

<img src="画像のアドレス">

</BODY>

</HTML>

４．上書きします。

先程と同じ様に「ファイル」をクリックし

[　上書き保存する　]をクリックします。

HPを見てみましょう。ヾ(＠~▽~＠)ノわぁい

どうですか？出来ましたでしょうか？ヾ(´▽｀*)ゝ

【Hide More】

【2004/12/28 13:13】 html | トラックバック(0) | コメント(2) | ▲