2026
2025
2024
2023
2022
2021
2020
2019
2018
2017
2016
2015
2014
2013
2003年04月の記事
全9件 (9件中 1-9件目)
1
-
【What’s News VOL.18】
■【初心者のためのＨＰの飾り付け教室】 久々に【初心者のためのＨＰの飾り付け教室】を更新しました。 １ヶ月以上更新していませんでした。(-_-;) 今回は、前回同様「壁紙」をやって見ました。 壁紙を一枚だけ表示したり、左側一列だけ表示したり、 また、上の行だけ一行表示したり。 デジカメ画像を背景に使いたいとかにいいと思います。 （デジカメ画像を使う場合は出来るだけ、軽くした方がいいです。） ブラウザ全面に画像を出したくない時や、重い画像を使う時などに有効です。 「壁紙を上に！下に！左右に！固定！」↓こちらからどうぞ！ 【ＨＰの飾り付け教室ＶＯＬ．９】
2003/04/29
コメント(9)
-
★各ページのタイトル画像を変える★
■【初心者のためのプチ講座VOL.8】 みなさんのトップページ、日記、掲示板を除く各ページには、 タイトル画像が貼りつけてあると思います。 それは、タイトル画像を指定しますと、すべてのページが同じ物で 表示されますよね。 各ページで、タイトル画像をオリジナルなもので、 個々に表示したいという方のために タイトル画像の消し方をやってみましょう。(*^^)v 楽天指定のタイトル画像を消して、オリジナルあふれるタイトル画像を 貼り付ける事が出来ます。 －－－－－－－－－－－－－－－－－－－－－－－－－－－－－ タイトル画像は基本のデザインから「タイトル画像」の▼をクリックして、 「画像の倉庫」から選択します。 画像を指定しますとすべてのページで（日記、掲示板以外）この画像が 表示されてしまいます。 また、タイトル画像を指定しなければ、「デザインのテーマの選択」で選んだ デザインテーマのタイトルが表示されてしまいます。 ですから、「タイトル画像」には、何らかの画像を入れておく必要があるのです。 ではどんな画像を入れましょうか？ ↓下の極小さなアイコンなどはどうでしょうか！ 自分のページにあった、小さなアイコンなどを素材屋さんから捜してきまして、 マスコット的に載せて見てください。 極小さな物がいいと思います。目立たないものが！ 各ページには表示されますが、訪問者さんは気が付かないと思いますよ。 また気が付きましても、マスコット的なものでしたら、 違和感はありませんよね。(*^^)v 後は、各ページの編集テキスト欄の一番上に自分の飾りたい タイトルプレートを入れればいいのです。 写真のページでしたら、「ＰＨＯＴＯ ＲＯＯＭ」とかのロゴの入った プレートを貼り付ければ、タイトル画像に邪魔される事がありませんよね。 ではもう一つの方法です。 同じように画像を入れるのですが、前にも紹介しました、 「SPACE」の画像を入れる方法です。 これは透過ＧＩＦですから、何もないように表示されます。 ↓これを「画像の倉庫」にアップロードしまして、タイトル画像に貼り付ければＯＫです。 枠を付けてみなさんにわかるようにしてあります。 マウスを当てますと「SPACE」と出るはずです。(*^^)v 私は、この「SPACE」を使っております。(^_-)-☆ この「SPACE」は色々な使い方が出来ますので、みなさんも 一つアップロードして置く事をオススメします。
2003/04/27
コメント(16)
-
【今日製作のプレート】
【製作のプレート】 今日は昼間時間があったんで、キリプレと頼まれ物のバナーを製作しました。 ぽちっとなでみなさんのところへ！(*^^)v
2003/04/25
コメント(10)
-
【What’s News VOL.17】
■【今日製作のプレート！】 時間がなくて、平日はＰＣを開けられないです。 澤田～！さん。連続ゲットです。 ねこちゃんの画像でという事なんで・・ご希望にお答えして！ ぽちっとなで飛ぶよ！■【はつかしい！お知らせ！(-_-;)】４月１７日 うちの坊主が自分のバンドのＨＰを作ったみたいです。 ちょっと前から、ＣＧＩやＦＬＡＳＨについて私に根掘り葉掘り聞いていました。 ＨＰを作りたいという事なので、色々教えていましたが、 出来たみたいです。 「リンクしてやろうか！」の問いに、「しなくていい！」 との事でしたが・・・オヤバカなんで・・・(-_-;) リンクします。 興味ある人は↓こちらをクリックしてください。では・・・！（*^_^*） ★うちの坊主のホームページ★（*^_^*）
2003/04/20
コメント(14)
-
【↓これは、例題です。】
【space画像を使った場合】今日は頼まれ物のバナーを２個作りました。あとはキリ番プレートです。ぽちっとなとするとみなさんの所に飛びます。（*^_^*）ここに言葉を書けば回りこみますかね ヨコチャンさんから、このような質問が来ました。 -------------------- 今まで分からないので、スペースキーで １行ずつ寄せていますが、インデントのように 揃えて、右に寄せる方法がありますか？ --------------------- 普通は＜UL＞と＜/UL＞で囲えば、行の頭がそろうのですが、 日記ではこれは使えません。 上の左の空白には、スペースの画像を入れてあります。 ↓このようなものです。 <IMG SRC="http://plaza.rakuten.co.jp/img/user/65/14/1286514/6.gif" width="100" height="200" align="left"> 何もない画像をGIFで作りまして、サイズを指定しています。 空白の巾を増やしたいときは、width="数値"を変えます。 height="200"高さは、FONT=3で一行、18ぐらいになると思います。 十行そろえたいのでしたら、height="180"という風になりますね。 ここにスペースのGIF画像を乗っけて起きますから、 欲しい方、DLしてアップして使ってください。 width="5" height="5"でとても小さな物なので枠を入れておきます。 ↓これです。（＊^^＊） カーソルを当ててみてください。alt="space"と出るはずです。 この下にどのようにスペースが入っているか、枠を入れたものを載せてみますね。【space画像を使った場合】今日は頼まれ物のバナーを２個作りました。あとはキリ番プレートです。ぽちっとなとするとみなさんの所に飛びます。（*^_^*）ここに言葉を書けば回りこみますかね この"space"は、色々な使い方が出来ます。画像と画像の間に空白を作りたいときとか、 皆さんも色々やってみてください。 この他にインデントのように文頭をそろえるには、 透明のボックスに入れて、ボックスごとずらすやり方も出来ますね。 やってみましょうか。(^_-)【ボックスを使った場合】 今日は頼まれ物のバナーを２個作りました。あとはキリ番プレートです。ぽちっとなとするとみなさんの所に飛びます。（*^_^*）ここに言葉を書けば回りこみますかねこのボックスは、↓このように書いています。<B style="border-style: solid; width: 70%; height:250">ここに文字を書きます。ボックスの頭をスペースキーで好きな位置までずらします。</B> これは、枠を表示していますが、枠を消してしまえば、こうなります。【ボックスを使った場合】 今日は頼まれ物のバナーを２個作りました。あとはキリ番プレートです。ぽちっとなとするとみなさんの所に飛びます。（*^_^*）ここに言葉を書けば回りこみますかねこのボックスは、↓このように書いています。<B style="border-style: none; width: 70%; height:250">ここに文字を書きます。ボックスの頭をスペースキーで好きな位置までずらします。</B> 枠を表示するかしないかは、日記のプチ講座でもやりましたが。 border-style: solid; と border-style: none; の違いです。 皆さんお判りでしょうか。 ではでは・・！（＊^ ^＊）
2003/04/14
コメント(15)
-
【What’s News VOL.16】
■【初心者のためのプチ講座 VOL.6】 今回は、メモ帖を使いまして、ＨＴＭＬのタグを 自分のＰＣのブラウザに表示してみましょう。 ページの編集やＨＴＭＬのタグの勉強にもってこいだと思います。 まずは、メモ帖を出してみましょう。 もしかして・・・！もしかしてですよ。メモ帖をご存じない方のためにメモ帖の出しかたから。（*^_^*） 「スタート」から「プログラム」そして「アクセサリ」でメモ帖を開けます。 メモ帖は簡単に言いますと、テキストを編集するエリアです。 出ましたでしょうか？ ↓下にメモ帖を作って見ました。メモ帖にですね、このようにＨＴＭＬのタグを書いてください。 メモ帖 ファイル 編集 表示 お気に入り ツール ヘルプ<HEAD><TITLE></TITLE></HEAD><BODY></BODY></HTML> これは、ＨＴＭＬをブラウザに表示するための記号だと思ってください。 このとき気をつけるのは、ＨＴＭＬのタグは半角英数字でないと駄目だという事です。 大文字、小文字はといませんが、必ず半角英数字で書きます。 では、＜BODY＞ から ＜/BODY＞ の間にテキスト（文字）の場合は、全角で、 画像などのタグの場合は、半角英数でタグを書き込んで見てください。 ↓このように！これを丸ごとコピー＆ペイストしてもいいですよ。 メモ帖 ファイル 編集 表示 お気に入り ツール ヘルプ<HTML><HEAD><TITLE></TITLE></HEAD><BODY>例えば画像を表示するのタグを使いまして、書いてみます。<BR><BR><IMG SRC="http://plaza.rakuten.co.jp/img/user/65/14/1286514/56.gif" width="400" height="140" alt="ねもりんプレート"><BR><BR>↑これはねもりんさんから頂いた、プレートです。<BR>↓こちらはマーキーです。<BR><BR><img src=http://plaza.rakuten.co.jp/img/ticker/left.gif ><marquee scrollAmount=2 width=350 height=20><IMG SRC="http://gtone3142.tripod.co.jp/aicnew.gif" BORDER=0><font size=2 color=black>ここにスクロールさせたい文字を書きます。</font></marquee><img src=http://plaza.rakuten.co.jp/img/ticker/right.gif border=0><BR><BR> ●このように書いて見てください。●</BODY></HTML> 書けましたでしょうか。 では、このメモ帖のＨＴＭＬのタグをブラウザとして、保存してみましょう。 まずは、メモ帖のメニューバーの「ファイル」をクリックしますと、 「名前を付けて保存」があると思います。 それをクリックしますと、「名前を付けて保存」のフロートパネルが出てきますね。 保存したいフォルダを選択します。マイドキュメントとかがいいのではないでしょうか。 一番下に「ファイルの種類(T)」というのがあると思います。 ▼をクリックして、「すべてのファイル」にしてください。 次に、その上に「ファイル名(N)」があると思います。 そこに、ファイルの名前を入れます。これは半角英数字で入れてください。 例えば、「test.html」と入れて見てください。「.html」はＨＴＭＬファイルの拡張子です。 このファイルは、ＨＴＭＬファイルですよ、という事を表示しています。 この拡張子をつけないファイルは表示されません。 画像などのように自動で拡張子が変換されないのです。 そして「保存」をクリックしますと、指定したフォルダにブラウザのアイコンマークが 入っていると思います。 このアイコンをクリックしてみてください。ブラウザは出ましたでしょうか？ (*^^)v しかし、「インターネット」に繋がってませんと、画像は×マークになってしまいますよ。 【ブラウザ画面の編集】 このブラウザ画面の内容を編集する事も出来ます。 まず、ブラウザのメニューバーの「表示」から「ソース(C)」をクリックしますと、 そのブラウザのＨＴＭＬのメモ帖テキストが現れます。 そのメモ帖のテキストを編集しまして、メモ帖の「ファイル」から「上書き保存」を クリックしますと編集できます。 そして、ブラウザのメニューバーの更新をクリックしますと、編集後の画面に変わります。 どうですか、お判りになったでしょうか？ メモ帖を使いまして、自分のページの編集をしまして、それからアップするという事が出来ます。 また、ページのバックアップを取っておく事も出来ますね。 ではではがんばってみてください。（*^_^*） 【おまけ！】（*^_^*） ↑上で使っております、「メモ帖」もどきは、 ボックスのスタイルシートで作っております。 テーブルで作れば、簡単なんですが、日記のページではそれが使えません。 どんな風にやっているか、参考のために乗っけておきますね。(*^^)v <DIV style="border-style:ridge;background:white; color:black;width:500px;height:300px;"><DIV style="border-style: none;background:#000099; color:white; width: 500px; height: 8px;"><font size="2"> メモ帖 </font></B><div style="border-style: groove;background:#cccccc; color:black; width: 500px; height: 8px;"><font size="2"> ファイル 編集 表示 お気に入り ツール ヘルプ</font></div>ここに、文字を書きます。</DIV>
2003/04/13
コメント(7)
-
【製作のバナーとプレート】
【本日製作のプレート】 今日は頼まれ物のバナーを２個作りました。 あとはキリ番プレートです。 ぽちっとなとするとみなさんの所に飛びます。（*^_^*）
2003/04/12
コメント(3)
-
【What’s News VOL.15】
■【初心者のためのプチ講座 VOL.5】 今回は、ＨＴＭＬのタグだけを使って、飾り文字を書いてみましょう。 まずは、普通に<font>タグを使いまして書いて見ます。 Welcome to My Home Page これはこのように書いています。 <font color=red size=6 FACE="HGS創英角ﾎﾟｯﾌﾟ体"> Welcome to My Home Page</font> スタイルシートを使いまして、FONTに属性を持たせますと、 飾り文字を色々指定する事が出来ます。 スタイルシートで、上のものと同じく書いて見ますとこうなります。 Welcome to My Home Page これはどのように書いているかといいますと！↓このようになります。 <div style="width:100%;color:red;font-size:30px;">Welcome to My Home Page</div> ●color:"色の指定" カラーネームでもカラーコードでもＯＫです。 ●font-size:"文字の大きさ" fontタグの１が５ぐらいだと思ってください。 ●width:100% これはこのまま１００％でＯＫです。 【カラーサンプル】はこちらから！ では、スタイルシートに飾り文字の属性を指定してみましょう。 楽天で使える、４種類の飾り文字を紹介してみます。 ●テキストに影を落とします。 filter:dropshadow ●テキストにぼかしを入れます。 filter:blur ●テキストを立体的に見せます。 filter:shadow ●テキストを光っているように見せます。 filter:glow 文字の色は、すべて赤（red）で指定して見ます。 文字の大きさは、すべて 30 に指定します。 文字体はあらかじめ、FACE="HGS創英角ﾎﾟｯﾌﾟ体"に指定しています。 【影を落とします】 Welcome to My Home Page <div style="filter:dropshadow(color:black) ;width:100%;font-size:30px;color:red;">Welcome to My Home Page</div> 【ぼかします】 Welcome to My Home Page <div style="filter:blur(strength:20);width:100%;font-size:30px;color:red;"> Welcome to My Home Page</div> 【影付き】 Welcome to My Home Page <div style="filter:shadow(color:black);width:100%;font-size:30px;color:red;">Welcome to My Home Page</div> 【縁を光らせます】 Welcome to My Home Page <div style="filter:glow(color:yellow) ;width:100%;color:red;font-size:30px;">Welcome to My Home Page</div> どうでしょう！ちょっとした見出しに使って見てはどうでしょうか。 ではではみなさん、がんばってください。(*^^)v
2003/04/06
コメント(7)
-
【What’s News VOL.14】
すいません。画像ばかりで重いです。【本日製作のプレート】 今日はキリプレを２枚作りました。 ♪かよ♪さんと澤田～！さんです。 ぽちっと押すと飛びます。(*^^)v ウエルカムプレート！【４月３日】 おりーぶママさんが私の所のきり番プレートをスタンプラリーのように、 ３枚貯めまして、おねだりしてきたウエルカムプレートが出来ました。(-_-;) ぷちっと押すと飛びます！ 頼まれ物！バナーです。 今日の貰い物！【４月２日】 かよさんから頂きました！ありがとうございました。 ぽちっとすると飛びます。(*^^)v
2003/04/05
コメント(4)
全9件 (9件中 1-9件目)
1
-
-
- フォトライフ
- 源氏物語〔38帖 鈴虫 6〕
- (2026-09-28 10:30:13)
-
-
-
- どんな写真を撮ってるの??（*^-^*）
- 蝶やトンボ、そして金木犀に会った日
- (2026-09-28 05:20:09)
-
-
-
- アニメ・特撮・ゲーム
- 角醒ハンター オメガホーン ロケ遭遇
- (2026-09-28 18:30:12)
-
