2026
2025
2024
2023
2022
2021
2020
2019
2018
2017
2016
2015
2014
2013
2003年11月の記事
全15件 (15件中 1-15件目)
1
-
【実験中(￣‥￣)=3 フン】「日記の雛形８ 改」
---------------------------- 縦書きで書いて見ました。 ---------------------------- 字体を縦書き風な「行書体」 ---------------------------- にしてみました。 ---------------------------- 毛筆風にするのも面白いかも ---------------------------- 字体はお好きに・・・どうぞ ---------------------------- 列はお好みで増やして下さい。 ---------------------------- 破線の長さは、雛形と同じにすると ---------------------------- ボックスが縦に間延びしません。 ---------------------------- では！・・・・・・・・ ---------------------------- 今日の【プチ講座】はこんな日記用の雛形を作ってみました。 ここには、日記の「テーマ」を書きます。 【プチ講座メニュー】はこちらから！ この間やりました【日記の雛形８】はスイッチが使えません。 スイッチを削除しましたものがこの上のものです。 これのタグを書いてみましょう。 <CENTER style="background-image:url(～背景画像のＵＲＬ～);background-color:;border-style:double;width:100%;height:;"><FONT SIZE="3" COLOR="black" FACE="HGS行書体"> <div style="background-color:wheat;border-style:double;border-color:pink;border-width:5px;width:400px;height:300px;"> <MARQUEE height="250" scrollamount="2" direction="right"><div style="writing-mode:tb-rl;white-space:nowrap;"> ---------------------------- 縦書きで書いて見ました。 ---------------------------- 字体を縦書き風な「行書体」 ---------------------------- にしてみました。 ---------------------------- 毛筆風にするのも面白いかも ---------------------------- 字体はお好きに・・・どうぞ ---------------------------- 列はお好みで増やして下さい。 ---------------------------- 破線の長さは、雛形と同じにすると ---------------------------- ボックスが縦に間延びしません。 ---------------------------- では！・・・・・・・・ ----------------------------</div></MARQUEE></div> <div style="background-color:pink;border-style:ridge;border-color:pink;border-width:10px;width:50px;height:300px;"><MARQUEE direction="up" width=50 height=250 bgcolor=pink><div style="writing-mode:tb-rl; white-space:nowrap;">今日の【プチ講座】はこんな日記用の雛形を作ってみました。 ここには、日記の「テーマ」を書きます。</div></MARQUEE></div> </FONT></CENTER>
2003/11/30
コメント(31)
-
【実験君で！判った事！】
------【１１月２９日の書き込み！】--------------- 今日は仕事でした。 昨日は仕事場から「キリ番履歴」をアップしまして 帰ってから、リンクのＵＲＬを載せようとして 楽天の異変に気がつきました。 楽天広場は楽天市場の広報部であればいいのですね。 楽天市場より目立っては駄目なのです・・・・(-_-;) 市場の日記部門でいなさいと・・・楽天はいいたいのでしょう。(￣‥￣)=3 ﾌﾝ 今日は仕事でした。・・・・ ですから実験君が出来ませんでした。 明日は休みなので・・・ぼつぼつ・・・実験君して見ます。 お返事もその時に・・・・ では！ε＝ε＝ε＝（┌￣）┘ダッシュ！ －－－－－－－－－－－－－－－－－－－－－－－－－－ 【まずはプチ講座から！】追記：11月30日 私がみなさんに紹介しました。【プチ講座】で 使えなくなった雛形が幾つもあります。 まずそれから対処して行こうと思います。(-_-;) 今、分かっている事を先に書いておきますね。 １）ボックスのタグは使えます。Ｂタグで背景色、背景画像も指定できます。 ここでやっていますから、お判りでしょう。 ２）スクロールボックスも表示できます。 ３）↓この下でやっておりました、【キリ番履歴】の文字や画像に影をつけていた、 ｢フィルター」のイベントは使えなくなりました。 【What’s News】 初心者のためのプチ講座！ MENU 日記のページで紹介しています プチ講座のメニューです。 ■簡単に出来る画像の縮小 ■日記に背景を入れる ■日記でボックスを使う ■ボックスの属性と雛型 ■飾り文字を書く ■メモ帖でＨＴＭＬの編集 ■文頭をそろえる(Space) ■タイトル画像を消す ■ＢＧＭをボタンでＯＮ－ＯＦＦ ■ロールオーバーもどき！ ■フォントの背景を変える ■ボックスの背景を変える ■日記の背景をマウスで変える ■画像をスイッチで切り替る ■画像を小さな画像で切り替る ■カーソルの形状を変えてみる ■ページ全体のカーソルを変える ■ページ全体のカーソルを変える(Ⅱ) ■ボックスの中にボックス！ボックスの枠を変える ■ボックスの枠を変える！(Ⅱ) ■ボックスの中にボックス！続き！ ■日記で背景画像の位置を指定する！ ■日記の雛形Ⅰ ■トップページを飾るテーブル ■トップページを飾るテーブルⅡ ■画像に特殊効果を設定する ■画像に特殊効果を設定するⅡ ■ＴＯＰのページ一覧を隠す ■日記の雛形Ⅱ ■日記の雛形Ⅲ ■日記の雛形Ⅳ ■マウスストーカーの雛形Ⅰ ■マウスストーカーの雛形Ⅱ ■日記の雛形Ⅴ ■日記の雛形Ⅴ-2 ■日記の雛形Ⅴ-3(説明) ■日記の雛形Ⅴ-3(タグ) ■日記の雛形Ⅵ ■日記の雛形Ⅶ ■こんなページ！ ■右クリック禁止・ステータスバーに文字 ■同一ページでリンクを貼る ■スクロールバーの色を変える ■ブラウザのスクロールバーの色を変える ■縦のスクロール ■３Ｄボタンの載せ方 ４）「マウスイベント」は使えなくなりました。 「ロールオーバーもどき」スイッチで画像などを切り替えるイベントなどです。 マウスストーカーも使えません。 ５）音楽を鳴らしていました「ＩＭＧ」タグ、に制約が付きましたから 音はならせなくなりました。 ６）ＭＡＲＱＵＥＥは出来るみたいです。↓ マーキーは出来るかな？ ７）カーソルの形状は変えられます。 ８）タグの命令と命令の間には半角のスペースを入れましょう。 とりあえず・・以前のページは残しておきますが、 できない雛形がたくさんあることをご承知下さい。 徐々に削除するなり、改修して行きます。 よろしくお願いしますね。(￣‥￣)=3 ﾌﾝ ご質問ご相談は掲示板、私書箱、ご質問掲示板でお伺い致します。 出来るだけ早く実験君を出動させご返事いたします。(*^^)v
2003/11/29
コメント(13)
-
【キリ番履歴！＆プレート！】
■【１６００００～１７００００キリ番スペース】 ■キリ番について■ １０００番単位でご希望の方にシガナイプレートなどを 作らさせていただいております。 でもなかなか確認できないでいます。 あしからず・・・(-_-;) １６１０００ＨＩＴ しのしの0205さん。 １６２０００ＨＩＴ ロスト。(￣‥￣)=3 ﾌﾝ １６３０００ＨＩＴ 外からの訪問者さん。 １６４０００ＨＩＴ 外からの訪問者さん。 １６５０００ＨＩＴ 外からの訪問者さん。 【前回製作しましたプレートの紹介】 １２３０００ＨＩＴ 友らんさんのご希望の写真で作りました。 友らんさんの↓ページです。ぽちっとなで飛びます！ ----------------------------------------------- １５００００ＨＩＴ julynekoさんご希望の「ＷＥＬＣＯＭＥ」プレート！ ↓julynekoさんのページ。ぷちっとなで飛びます。 -------------------------------------------- １５３０００ＨＩＴ MICKEY-Kさんのキリプレ！ MICKEY-Kさん↓のページ。ぺちっとなで飛びます。 --------------------------------------------- みなさんありがとうございます。 「プレート、くれぇぇ～！」と掲示板に書いてくださいますと、 作らさせて貰います。 自己申告ですから、「くれぇぇ～！」がない場合は、 私はここにお名前を書き込むだけです。(=^_^=) ■【キリ番履歴】 日記のページを間借りしていた、過去のキリ番履歴は、 【キリ番】のページに移動させました。 １００ＨＩＴから１６００００ＨＩＴまでです。 こちらからどうぞ！ 【キリ番履歴】 【プチ講座メニュー】はこちらから！
2003/11/28
コメント(8)
-
【ついに！】
ついにスタイルシートも使えなくなったみたいですね。 これで・・・ 絵日記程度しか出来なくなりました。(-_-;) 楽天もおしまいかな・・・ さてどうしましょうか・・・ ↓これは日記で出てきます。 ↓これはページの更新で出てきます。(-_-;) タグのちょっとしたミスも駄目みたいですね。 ・・・みなさんでどこかに引越ししますか・・・？ (￣‥￣)=3 ﾌﾝ 楽天のおばかさん！ (・_・ )ノ ─〇←楽天 ポイ！ 楽天には落胆ですね・・・・ 明日から・・・使えるタグを・・・捜して見ましょうか！ ・・・あ～～あ！(ToT)/~~~・・・
2003/11/27
コメント(16)
-
【一押しのソフト！ＤＬしなきゃ損です！】
↑この画像は私のデスクトップの画像です。 ↑これはおなじみのトップのページです。 パソコン画面の保存・印刷等を行うことができる、スクリーンキャプチャソフトで製作しました。 このソフトを捜していたのですが、ＶＥＣＴＯＲのサイトでついに見つけました。 もちろんフリーソフトです。(*^^)v デスクトップ、ブラウザ上に展開するすべての画像をＪＰＧもしくはＢＭＰで保存できます。 それを画像としてアップすれば、このようにＨＰに載せられます。 このソフトは [WinShot] といいます。ＶＥＣＴＯＲから配布されております。 ＤＬはこちらからどうぞ！→ [WinShot] も一つ初公開・・私の編集ページです。 私などはこのキャプチャソフトで色々なＷＥＢ上の説明が画像をとうして可能になります。 ぜひ皆さんも活用してみて下さい。 では！ε＝ε＝ε＝（┌￣）┘ダッシュ！ 日記の飾り付け【プチ講座メニュー】はこちらから！
2003/11/24
コメント(21)
-
【日記の雛形Ⅷ】
今日の【プチ講座】はこんな日記用の雛形を作ってみました。 ここには、日記の「テーマ」を書きます。 ---------------------------- 縦書きで書いて見ました。 ---------------------------- これを止めたり動かしたり ---------------------------- してみましょうか？ ---------------------------- →下のボタンで止めたり ---------------------------- 動かしたり出来ます。 ---------------------------- 列はお好みで増やして下さい。 ---------------------------- 破線の長さは、雛形と同じにすると ---------------------------- ボックスが縦に間延びしません。 ---------------------------- では！・・・・・・・・ ---------------------------- こんな画像も入れられます。 ---------------------------- ぷぷぷぷっ！！(*￣ｍ￣)ノ彡＿☆ばんばん！ 止めて読む 戻って読む 進めて読む このタグを書いて見ます。 <CENTER style="background-image:url(～全体のボックスの背景画像のＵＲＬ～);background-color:～背景色～;border-style:double;width:100%;height:;"><FONT SIZE="3" COLOR="black" FACE="MS UI Gothic"> <B style="background-color:pink;border-style:ridge;border-color:pink;border-width:10;width:50;height:300;"><MARQUEE direction="up" width=50 height=250 bgcolor=pink><P style="writing-mode:tb-rl; white-space:nowrap;">今日の【プチ講座】はこんな日記用の雛形を作ってみました。 ここには、日記の「テーマ」を書きます。</P></MARQUEE></B> <B style="background-color:wheat;border-style:double;border-color:pink;border-width:5;width:400;height:300;"> <MARQUEE id="marquee1" height=250 scrollamount="4" direction="right"><P style="writing-mode:tb-rl;white-space:nowrap;"><FONT SIZE="2"> ---------------------------- 縦書きで書いて見ました。 ---------------------------- これを止めたり動かしたり ---------------------------- してみましょうか？ ---------------------------- →下のボタンで止めたり ---------------------------- 動かしたり出来ます。 ---------------------------- 列はお好みで増やして下さい。 ---------------------------- 破線の長さは、雛形と同じにすると ---------------------------- ボックスが縦に間延びしません。 ---------------------------- では！・・・・・・・・ ----------------------------</FONT></P></MARQUEE></B> <FONT style="cursor: hand"onclick=marquee1.scrollAmount="0"><B style="border-style:outset;background-color:#C0C0C0"><font size=2 color=red> 止めて読む </font></B></FONT> <FONT style="cursor: hand"onclick=marquee1.direction="left";marquee1.scrollAmount="4"><B style="border-style:outset;background-color:#C0C0C0"><font size=2 color=black> 戻って読む </font></B></FONT> <FONT style="cursor: hand"onclick=marquee1.direction="right";marquee1.scrollAmount="4"><B style="border-style:outset;background-color:#C0C0C0"><font size=2 color=green> 進めて読む </font></B></FONT> </FONT><a href=></a></CENTER> タグの説明を簡単にしておきます。 全体の背景画像以外はＵＲＬは使っておりません。 初心者の方で全体の背景画像がよく分からない人は background-image:url(); としてその後にある background-color:～背景色～;に 例えば、background-color:red; などと入れて下さい。 ------------------------- 追伸：肝心なことを忘れておりました。 スイッチで切り替えを命令するため[ＩＤ＝] を入れております。 marquee1 というのがＩＤです。 ＭＡＲＱＵＥＥのボックス側に一つ スイッチ側に1個～２個入っております。 同一ページ上でこの雛形を使う場合はＩＤを変えてください。 ------------------------------------ 黒のフォントは全体のボックスを表しております。 縦の見出しのスクロールがピンク色です。 緑が縦書きの右スクロールのタグです。 青色がスイッチ(方向を変えるボタン）のタグです。 赤色の部分は、各ボックスの背景色です。 お好みに変えて下さい。 モスグリーンのところがテキストです。 あまり長く書きますと、ボックスの高さが変わってしまします。 雛形の字数にあわせてもらいますと、 ボックスは縦長にならないで最初の縦スクロールと同じ高さになります。 では！みなさんがんばって下さいませ。 ε＝ε＝ε＝（┌￣）┘ダッシュ！ 日記の飾り付け【プチ講座メニュー】はこちらから！
2003/11/23
コメント(20)
-
【３Ｄボタンの載せ方！】
こういうボタンを、「３Ｄボタン」といいます。 １１月９日の【３Ｄボタンを作ってみよう！】で紹介しました。 そしてこのボタンを作れるソフトも紹介しました。 作ってみたけど、表示の仕方がわからない人のために 表示するためのタグを紹介しておきます。 追伸：このタグは前に紹介しました、「ロールオーバーもどき」のタグの応用です。 「ロールオーバーもどき」はこちらからどうぞ！ 私が作ったボタンは２個の画像で出来ています。 元の画像とマウスが重なった時に表示する画像の２個です。 ↑この２個の画像を使って表示しております。 タグを書いて見ますね。 <IMG src="http://gtone.hp.infoseek.co.jp/img/botan4.png" border="0" onMouseover=this.src="http://gtone.hp.infoseek.co.jp/img/botan4-reversed.png"; onMouseout=this.src="http://gtone.hp.infoseek.co.jp/img/botan4.png";> 赤色のＵＲＬが元画像です。 青色のＵＲＬはマウスが元画像に重なった時に切り替わる画像のＵＲＬです。 リンクを貼るのはこのタグですね。 <A href="リンクのＵＲＬ"><IMG src="http://gtone.hp.infoseek.co.jp/img/botan4.png" border="0" onMouseover=this.src="http://gtone.hp.infoseek.co.jp/img/botan4-reversed.png"; onMouseout=this.src="http://gtone.hp.infoseek.co.jp/img/botan4.png";></A> このタグを使えば、こんな事も出来ますね。 この画像と この画像を使いますと こんな事も出来ます。↓マウスを当ててクリックしてみて下さい。 どうでしょうか！みなさんもやってみて下さいませ。 では！ε＝ε＝ε＝（┌￣）┘ダッシュ！ 日記の飾り付け【プチ講座メニュー】はこちらから！
2003/11/19
コメント(11)
-
【縦のスクロール！予告】
昨日のＳＭＡＰのエンディングテーマに縦のスクロールが使われていました。ちょっとそれを真似して見ました。(￣m￣*)V たてにスクロールさせてみました。 次回は、これ使って、日記の雛形作りますね。 タグはこれです。↓・・詳しくは後日・・(〃_ _)σ∥ｲﾁﾞｲﾁﾞ･･･ <MARQUEE direction="up" WIDTH=50 HEIGHT=200 bgcolor=pink><P style="writing-mode:tb-rl; white-space:nowrap;">たてにスクロールさせてみました。 次回は、これ使って、日記の雛形作りますね。</P></MARQUEE> 日記の飾り付け【プチ講座メニュー】はこちらから！
2003/11/18
コメント(11)
-
【キリ番履歴】
■【１５００００～１６００００キリ番スペース】 １５００００ＨＩＴはjulynekoさんでした。 ありがとうございました。( ・_・)σ)゜_゜)プニッ ■キリ番について■ １０００番単位でご希望の方にシガナイプレートなどを 作らさせていただいております。 でもなかなか確認できないでいます。 あしからず・・・(-_-;) １５００００ＨＩＴ julynekoさん。 １５１０００ＨＩＴ ロスト。(￣‥￣)=3 ﾌﾝ １５２０００ＨＩＴ 煌月色さん。ＵＲＬロスとです。(-_-;) １５３０００ＨＩＴ MICKEY-Kさん。 １５４０００ＨＩＴ 外からの訪問者さん。(￣‥￣)=3 ﾌﾝ １５５０００ＨＩＴ 外からの訪問者さん。(-_-;) １５６０００ＨＩＴ 外からの訪問者さん。―(￣∇￣;)→グサ!また！ １５７０００ＨＩＴ ロスト。(￣‥￣)=3 ﾌﾝ １５８０００ＨＩＴ しんがり☆さん。ＵＲＬロスト(-_-;) １５９０００ＨＩＴ 外からの訪問者さん。(￣‥￣)=3 ﾌﾝ １６００００ＨＩＴ 外からの訪問者さん。壁]｀∀´)ケケケ みなさんありがとうございます。 「プレート、くれぇぇ～！」と掲示板に書いてくださいますと、 作らさせて貰います。 自己申告ですから、「くれぇぇ～！」がない場合は、 私はここにお名前を書き込むだけです。(=^_^=) ■【キリ番履歴】 日記のページを間借りしていた、過去のキリ番履歴は、 【キリ番】のページに移動させました。 １００ＨＩＴから１５００００ＨＩＴまでです。 こちらからどうぞ！ 【キリ番履歴】 【プチ講座メニュー】はこちらから！
2003/11/14
コメント(25)
-
【すいません！】
体調不良と妹の手術で・・・ 少しの間、掲示板のご返事できません。 申し訳ありませんが、 よろしくお願いします。 では！(〃_ _)σ∥ｲﾁﾞｲﾁﾞ･･･
2003/11/11
コメント(24)
-
【３Ｄボタンを作ってみよう！】
こういうボタンを、３Ｄボタンといいます。 MyVectorサービスからのご案内で新着ソフトのお知らせが来ました。 その中に、こういうものがありました。 ●豆柴 3D Button Maker シェアウェア 2，000円 お手軽なのに本格派!簡単操作の3Dボタン作成ソフト http://www.vector.co.jp/soft/win95/art/se251471.html シェアウェア 2，000円なのに 無料試用期間:30日 機能制限:なし これはいいと思いＤＬして、作ってみたのが上の二つの３Ｄボタンです。 作者のコメントです。 ---------------------------------------------------------------- 【このプログラムでできること】 名前の通り3Dのボタンの画像を作れます。 ホームページにカッコいいボタンを貼り付けたい時に必要となるような画像です。 マニュアルを読んだり、専門用語を覚えたりしなくても、いきなり使えます。 モデリング、レンダリングに手抜きのない、質の高い画像を作れます。 通常の状態のボタンの画像と押し込んだ状態のボタンの画像が一度に作れます。 横に並べたボタンやタブ状のボタンもワンタッチで作れます。 半透明に見えるボタンや発光しているように見えるボタンも作れます。 ----------------------------------------------------------------- このプログラムは、Microsoft .NET Frameworkの上で動作します。 私もMicrosoft .NET Frameworkをインストールしていなくて、 Windows UpdateでMicrosoft .NET Frameworkをインストールしました。 「アプリケーションの追加と削除」を開いて、 現在インストールされているプログラムに 「Microsoft .NET Framework」が 入っているかどうかを見てください。 入っていなければ、Windows Updateで簡単にインストールできます。 ３０日間試用できますから、色んなボタンが出来ますね。 そのまま、使用したいのなら、ＶＥＣＴＯＲでライセンスキーを 取得すれば、そのまま使えます。 ３Ｄボタンなどに興味ある方は、ＤＬして見ては！ ちなみに私は、VECTORのまわし物ではありません。(￣m￣*)V さ！いっぱい３Ｄボタンつくろうっと！(￣‥￣)=3 ﾌﾝ では！ε＝ε＝ε＝（┌￣）┘ダッシュ！ 日記の飾り付け【プチ講座メニュー】はこちらから！
2003/11/09
コメント(18)
-
【ブラウザのスクロールバーの色を変える】
今日も「質問掲示板」に書き込みがありました、ご質問について書いてみますね。 前回、【スクロールバーの色を変える】でテキストボックスのスクロールバーの色を変えてみました。 では、今度はブラウザのスクロールバーの色を変えてみましょう。 ＜body＞タグの中に[STYLE]で直接命令を出します。タグを書いて見ます。 <IMG src="～アイコンなど小さな画像のＵＲＬ～"onload=this.style.display="none";body.style.scrollbarBaseColor="#000000";body.style.scrollbarArrowColor="#ffffff";body.style.scrollbarFaceColor="#000000";body.style.scrollbarTrackColor="#ffffff"> 赤で書いたタグのところがスクロールバーの色を指定しているところです。 緑で書いたタグがカラーを指定しています。 すでにここのページに↑このタグと同じものを編集ページに貼り付けております。 タグを書いたボックスはスクロールバーの色を指定していませんから このようにブラウザと同じスクロールバーの色になります。 言ってる事判りますよね・・・お願い・・判って・・(-_-;) 前回、[スクロールバーの色を変える]で紹介しましたが、全部で８箇所の色を指定できますが、 ここでは、大まかな四箇所だけの色を指定しております。 簡単にどのような仕組みになっているか説明しますと ブラウザをオンロードした時、画像を表示することで＜body＞に命令を出します。 しかし、ディスプレーＮＯＮＥですから、画像は現れません。 画像以外でも命令を出す事も出来ます。 貼り付けるところは編集ページの一番上がいいです。 読み込みが少しでも速くなるからです。 画像も極力小さなものの方がいいですね。ＤＬが早くなりますから。 下の↓ボックスはスクロールバーの色を指定していますから、見てのとうり ブラウザのバーの色とは同じになりません。 ８箇所すべて指定したものを書いてみましょう。 <IMG src="～アイコンなど小さな画像のＵＲＬ～"onload=this.style.display="none";body.style.scrollbarBaseColor="#000000";body.style.scrollbarArrowColor="#ffffff";body.style.scrollbarFaceColor="#000000";body.style.scrollbarTrackColor="#ffffff";body.style.scrollbarHighlightColor="#ffffff";body.style.scrollbar3DlightColor="#ffffff";body.style.scrollbarShadowColor="#ffffff";body.style.scrollbarDarkahadowColor="#ffffff"> 色の指定は、カラーコードでもカラーネームでもどちらでもＯＫです。 では！みなさんがんばって下さいませ。 日記の飾り付け【プチ講座メニュー】はこちらから！ も一回戻って読み直す
2003/11/05
コメント(18)
-
【キリプレ！】
この連休で作りました、キリプレです。 ５人の方に差し上げました。 １２９０００ＨＩＴで 檸檬１２さんに頼まれました 祝２周年記念プレートです。 １３００００ＨＩＴは遥遠さん。 彼はキリプレの常連です。 独断と偏見で無理やり ＷＥＬＣＯＭＥプレートを 押し付けました。(￣m￣*)V １３６０００ＨＩＴは ワンダーゆうきさん。 庭の花を入れてみました。 １３９０００ＨＩＴは ( ｀ー´)ノ☆ミさんでした。 ＨＮ自分でもどう読むのか 判らないそうです。 １４００００ＨＩＴは タローmamaさん。 タローくんの写真を使って・・ とのことで！ もう一つバージョン違いを 作ってみました。 プレートをぽちっとな！で皆さんのところに飛びます。(￣m￣*)V キリ番プレートは、１０００番単位で作らさせていただいております。 【キリ番履歴】にお名前が載っているか、自己申告です。 プレートを作ってくれという、意思表示がない限り作りません。 よろしくお願いします。(￣‥￣)=3 ﾌﾝ 【プチ講座メニュー】はこちらから 過去のキリ番履歴はこちらから→【キリ番履歴】
2003/11/04
コメント(16)
-
【ブラウザのスクロールバーの色を変える！予告】
【ブラウザのスクロールバーの色を変える】 今日も「質問掲示板」に書き込みがありました、ご質問について書いてみますね。 【その前に、日記風グチ(￣‥￣)=3 ﾌﾝ】 夕べ「訪問者履歴」を見たところ変な表示になっていたので、 [修正する]ボタンを押したところ「履歴」が固まってしまいました。 １１－０１ ２１：０３で止まったまま動作しておりません。 カウンターも[000002]で止まったままです。―(￣∇￣;)→グサ!!! カウンターをクリックしてみてくだされば分かると思います。 何故なんでしょうか？アクセスがすごかったからかな・・・？ そこに来て、修正ボタンを押してしまったからかな？少しめげている私です。(-_-;) ということで・・・私のグチでした。(￣‥￣)=3 ﾌﾝ 気を取り直して、今日の【プチ講座】を書いてみます。 [ＰＣ] λ.....トボトボ... 前回、【スクロールバーの色を変える】でテキストボックスのスクロールバーの色を変えてみました。 では、今度はブラウザのスクロールバーの色を変えてみましょう。 ＜body＞タグの中に[STYLE]で直接命令を出します このページのブラウザのスクロールバーの色を変えて見ました。 と書きはじめましたが・・途中で・・・めげました。(-_-;) 続きは後日・・・予告ということで。(￣‥￣)=3 ﾌﾝ 訪問者履歴がでないと・・・誰が来たか判らないので・・ 何かおっかないですね・・・・(-_-;)
2003/11/02
コメント(14)
-
【スクロールバーの色を変える】
またまた今回も「質問掲示板」に書き込みがありました ご質問について書いてみますね。 みなさん、スクロールバー付の「ボックス」とか、「テーブル」を見かけると思います。 中にはスクロールバーに色を付けているのを見かけますね。 今日はあれをやってみましょう。 まずは、ごく一般的なスクロールボックスのタグを書いてみます。 <div style="cursor:help;width:70%;height:100px;overflow-y:scroll;overflow-x:auto;border-style:inset;background-color:tan;">ここに文字を書きます。テキストだけの時、最後をくくるタグはとしてください。このタグがこのボックスを表示しているタグです。</div> ボックスの幅、高さ、を指定したりする属性のタグの説明は 省かさせていただきます。 詳しくは【プチ講座】の「ボックスの属性と雛形」にいってみてください。 overflow-y:scroll;overflow-x:auto; ↑この部分がスクロールバーを表示するためのタグです。 overflow-y:scroll; が縦方向にスクロールしなさいと命令しております。 overflow-x:auto; が横方向に必要があればスクロールしなさいと命令します。 では、スクロールバーに色をつけてみましょう。 <div style="cursor:help;border-style:inset;border-width:;border-color:;background-color:khaki;width:70%;height:100px;overflow-y:scroll;overflow-x:auto;scrollbar-base-color:khaki;scrollbar-arrow-color:khaki;scrollbar-face-color:khaki;scrollbar-track-color:khaki;scrollbar-highlight-color:khaki;scrollbar-3dlight-color:khaki;scrollbar-shadow-color:khaki;scrollbar-darkshadow-color:khaki;"> ここに文字を書きます。</div> 赤色のタグの部分が、スクロールバーの色を指定しています。 え？スクロールバーがないって・・・？(￣m￣*)V ごめんごめん！―(￣∇￣;)→グサ!!! 背景色とすべて同じにしてみました。 background-color:khaki; のところが背景色です。 スクロールバーの色を指定するところをすべて背景色と同じ khaki にしますとこうなります。 では！判りやすいようにもう一色入れて見ましょう。white(白)を入れてみます。 <div style="cursor:help;border-style:inset;border-width:;border-color:;background-color:khaki;width:70%;height:100px;overflow-y:scroll;overflow-x:auto;scrollbar-base-color:khaki;scrollbar-arrow-color:white;scrollbar-face-color:khaki;scrollbar-track-color:white;scrollbar-highlight-color:white;scrollbar-3dlight-color:white;scrollbar-shadow-color:white;scrollbar-darkshadow-color:white;"> ここに文字を書きます。スクロールバーの色は背景色と同じkhaki と white の二色を使っています。 </div> お分かりでしょうか？スクロールバーは全部で８箇所色を指定することが出来ます。 scrollbar-base-color:khaki; 全体の色 scrollbar-arrow-color:white; 矢印の色 scrollbar-face-color:khaki; バーの表面の色 scrollbar-track-color:white; バーの動く部分の色 scrollbar-highlight-color:white; バーの明るくなる部分の色 scrollbar-3dlight-color:white; 三次元的になる部分の色 scrollbar-shadow-color:white; 明るい影の色 scrollbar-darkshadow-color:white; 暗い影の色 khaki と white のところをお好きに変えてください。 いろいろな、スクロールバーが出来ると思います。 簡単にココに入れてある、属性のタグの説明をしておきます。 cursor:help; カーソルを変えます。カーソルの形状を変えてみるに説明があります。 border-style:inset; 枠の種類です。 border-width:; 枠の幅を指定します。 border-color:; 枠の色を指定します。 background-color:khaki; ボックスの背景色を指定します。 では！みなさん頑張ってくださいませ。:*.；".*・；・^；・:＼(￣(エ)￣)/:・；^・；・* 【プチ講座メニュー】はこちらから！
2003/11/01
コメント(9)
全15件 (15件中 1-15件目)
1
-
-
- 絵が好きな人！？
- 「すえドンの各駅停車」第60駅目「阿…
- (2026-07-19 20:04:14)
-
-
-
- 戦闘機の写真を撮るのが好き！
- ブルーインパルス
- (2026-08-12 06:30:05)
-
-
-
- ハンドメイドが好き
- ダイソーの洗濯ネットで話題のものを…
- (2026-08-12 06:00:05)
-
