2026
2025
2024
2023
2022
2021
2020
2019
2018
2017
2016
2015
2014
2013
2003年07月の記事
全6件 (6件中 1-6件目)
1
-
【ＴＯＰを飾るテーブル2】
【ご質問にお答え(*^^)v】 最近、トップページで下の「日記の履歴」や「おすすめ新着」を テーブルやボックスの中に入れてコンパクトにしたり、 飾っている人を見かけます。 それに付いてのご質問が前回ありまして、ご質問にお答えしました。 前回の【ＴＯＰを飾るテーブル】はこちらから！ 前回は、タグを持込で聞いてこられましたから、それにお答えしました。 その後同じようなご質問が２～３ありましたので、 今回は、もっと簡単にした「ボックス」と「テーブル」を使いまして、 トップページをコンパクトにしたり、枠で飾ってみましょう。(*^^)v 【お知らせ】楽天ＯＦＦ会の参加を募っております。↑こちらのバナーをクリックすると詳細が分かります。 では、まずはトップの下にあります、「日記の履歴」や「おすすめ新着」をコンパクトに スライドボックスの中に入れて見ましょう。 この様なボックスの中に入れるには↓このタグを トップの編集ページの一番下に貼り付けます。 これは背景色と背景画像を指定していませんから 元の背景が透過します。 <div style="width:90%;height:500px;overflow-y:scroll;overflow-x:auto;border-style:inset";> width:90% がボックスの幅です。好みで変えて下さい。 height:500px がボックスの高さです。 border-style:inset これは枠のスタイルを指定します。 詳しくは【プチ講座】[ボックスの中にボックス！ボックスの枠を変える！]に行って見て下さい。 次は、スクロールバーの色を変えてみましょう。 背景色、背景画像も変えて見ます。 スクロールバーの色を指定して、 背景色や背景画像を指定します。 注：スクロールバーの色指定は、ＩＥしか対処していません。 Netscape では見られません。 <div style="background-image: url(～背景画像のＵＲＬ～);background-color:white;width:90%;height:500px;overflow-y:scroll;overflow-x:auto;border-style:inset;scrollbar-base-color:pink;scrollbar-arrow-color:black;scrollbar-face-color:pink; scrollbar-track-color:white;"> background-color:white 背景画像を指定しなければ、背景色が有効になります。 inset;scrollbar-base-color:pink のpinkがバー全体の色を指定します。 scrollbar-face-color:pink のpinkがバーの色をしていします。 border-style:inset これは枠のスタイルを指定します。 詳しくは【プチ講座】[ボックスの中にボックス！ボックスの枠を変える！]に行って見て下さい。 貼り付ける場所はトップページの編集ページの一番下です。 ではボックスを使って飾ってみましょう。 極シンプルにボックスで囲います。 テーブルで細かい指定も出来ますが、 スタイルシートでボックスを指定してやりますと このようになります。↓ これも背景色、背景画像を指定していませんから、 ページの背景画像が透過します。 <div style="border-style:ridge;width:90%;border-color:pink;border-width:10px;"> border-style:ridge のridgeは枠のスタイルを指定しています。 border-color:pink のpinkは枠の色を指定します。 border-width:10px の10pxは枠の幅を指定します。 背景色と背景画像を指定しますとこうなります。 背景画像を指定しませんと背景色が表示されます。 <div style="border-style:dotted;background-image:url(～背景画像のＵＲＬ～);background-color:#C0C0C0;width:90%;border-color:pink;border-width:10px;"> あと、「日記履歴」のテーブルや「おすすめ新着」のテーブルに影を付けまして 立体的に見せるのは、影文字のタグを使えば簡単に出来ます。 <DIV style="filter:shadow(color:black);width:100%;"> black のところは影の色です。 背景色にあった物を使って下さい。 いま紹介しましたタグは、トップページの編集ページの一番下に貼り付けます。 お気づきの方もいらっしゃると思いますが、 すべて </> の最後をくくるタグがない事が判ると思います。 これが味噌なのです。(*^^)v 色々応用出来ますので、皆さんも考えて見て下さい。 ではでは・・・がんばってくださいませ。（*^_^*） 【プチ講座】は皆様のご質問、ご要望で成り立っております。m(__)m 【プチ講座メニュー】は←こちらから！
2003/07/27
コメント(17)
-
【お知らせ！】
【頂き物！(^^♪】 澤田～さん。から頂きました。(*^^)v一発ヒットでした。 ぽちっとな！で飛びます。(*^^)v 【お知らせです】 ７月２０日（日曜日）楽天のＯＦＦ会がありました。 モックン☆彡さんが主催で行われました。 場所は東京は新宿でした。 モックン☆彡さんの呼びかけに賛同された方が計５名参加されて、 楽しい時間をすごせることができました。 そのとき、皆さんの意見として これから、機会があれば、楽天のＯＦＦ会をやっていこうという事になりました。 今回、モックン☆彡さんが呼びかけをしたことなんかもありまして 【モックン☆彡ファミリー】ということで会を作ろうということになりました。 私がとりあえず、簡単なバナーを作りました。 楽天のＯＦＦ会に賛同される方は、これをお持ち下さい。 お持ち帰りなくても、ＯＦＦ会に参加はＯＫです。 モックン☆彡さん忙しそうなので、 事務局は、とりあえず私のところに置く事にします。 お持ち帰りの人は、掲示板か私書箱に一言書いて行って下さいますと、 とても助かります！(^_-)-☆ 直リンクでもいいですが、出来るだけ自分でアップして下さいますと、 私のサーバーが助かります。 ＰＳ：会長はモックンさんと言う事で！ 了解を取りました。(*^^)v モックン☆彡さんのバナー置き場にも同じものがあります。 ではでは！よろしくお願い致します。(*^^)v ↓下にこのバナーのアドレスとリンクを貼るタグを 書いておきます。リンクはＯＦＦ会の日記に貼ってあります。 <A href=http://plaza.rakuten.co.jp/gtone/diaryold/20030721/ target=_blank><IMG SRC="http://plaza.rakuten.co.jp/img/user/65/14/1286514/70.gif" width="89" height="31" alt="モックンFamily"border=0></A> 【プチ講座メニュー】は←こちらから！
2003/07/24
コメント(8)
-
【はじめての楽天プチＯＦＦ会！】
然る ７月２０日（日曜日）私が楽天にページを開いて始めての プチＯＦＦ会がありました。 出席者は、見てのとうり５人でしたが、大変有意義な時間を過ごさせて頂きました。 みなさんに感謝感謝です。 みなさん、お顔を出さなければという事で、写真を少ないですが、 アップさせていただきました。（*^_^*） 誰が誰だか・・・？あてて見て下さいませ。(*^^)v 一枚目の写真の顔カラーと同じカラーをクリックで飛びます。(*^^)v ● ● ● ● 小さな画像をクリックしますと拡大してＷＥＢ画面がでます。(*^^)v この小さな画像で大きな画像に切り替えるタグは【プチ講座】の [画像を小さな画像のスイッチで切り替え！]にありますよ。(^_-)-☆ 【プチ講座メニュー】は←こちらから！ これから、機会があれば、楽天のＯＦＦ会をやっていこうという事になりました。 今回、モックン☆彡さんが旗揚げをいたしました。 モックン☆彡さんの賛同でみなさんが集まりました。 会のバナーを作ろうという事で、決まりましたので、 私がとりあえず、簡単なバナーを作りました。 楽天のＯＦＦ会に賛同される方は、これをお持ち下さい。 お持ち帰りなくても、ＯＦＦ会に参加はＯＫです。 事務局は、とりあえず私のところに置く事にします。 お持ち帰りの人は、掲示板か私書箱に一言書いて行って下さいますと、 とても助かります！(^_-)-☆ 直リンクでもいいですが、出来るだけ自分でアップして下さいますと、 私のサーバーが助かります。 ではでは！よろしくお願い致します。(*^^)v ＰＳ：会長はモックンさんと言う事で！ 了解を取りました。(*^^)v モックン☆彡さんのバナー置き場にも同じものがあります。 ↓下にこのバナーのアドレスとリンクを貼るタグを 書いておきます。リンクはこのページに貼ってあります。
2003/07/21
コメント(36)
-
【ＴＯＰを飾るテーブル】
■【ご質問にお答えして！】■■■■■■■■■■■■■■■■■ ご質問が来まして、 「トップでテーブルを作りまして、 テーブルごと、下の[日記の履歴欄]や[おすすめ新着]も そのテーブルの中に入れたいんですが、うまく行きません。」 というものでした。 TOPページに雛形載せまして、タグも書き込んで起きました。 興味のある人は、見に行って見て下さい。 紹介しました、テーブルはトップの編集ページの一番下に使います。 少し御存知の人でしたら、ボーダーの幅を変えましたり 色を変えましたり、色々できると思います。 トップの雛形は７月２１日で元に戻してしまいます。 タグが消えてしまいますから、 ここにそのタグを載せておきます。(*^^)v <TABLE width="80%" cellpadding="6" cellspacing="0" bordercolor="#FFFFFF" bordercolordark="#FFFFFF" bordercolorlight="#000000" border="1"><tr><td bgcolor=#ff99cc BACKGROUND="テーブルの背景画像のＵＲＬ"><TABLE border=0 style="border: 0px solid #000000;"><tr><td><TABLE cellspacing="1" bgcolor="black" cellpadding="5" style="filter:alpha(opacity=70);" width="100%"><tr><td align=left bgcolor="#ffffff">此処に文字をいれます。画像もＯＫです。<BR></td></tr></TABLE><TABLE border=0 style="border: 0px solid #000000;"><TR></TR></td></tr></table></td></tr></TABLE> 中には、トップの下にある「日記の履歴」や「おすすめ新着」「掲示板新着」を 表示したくない人がいるかもしれません。 非表示をスタイルシートで命令する事ができます。 注意：これは、ここにタグを紹介しますが、楽天さんのスタイルを変えるものです。 音楽を鳴らす事もしかりです。 個人の責任において、使用して下さい。 <font style="display:none;"> このタグをトップページ編集の一番下に貼りつけます。 ではでは・・・(*^^)v ■【おまけです！(*^^)v】■■■■■■■■■■■■■■■■■ 私がご紹介しています、スタイルシートのタグは こちらの翔泳社の「スタイルシート辞典 第３版」 を引用しております。 興味のある人は、一度本屋さんで立ち読みして見て下さい。(*^^)v 【プチ講座メニュー】は←こちらから！ 今日は、楽天はじめてのプチＯＦＦ会です・・（*^_^*） うまく行くといいですが！ みな様にはまた、差支えないところでご報告させていただきます。(*^^)v
2003/07/20
コメント(3)
-
【日記の雛形Ⅰ】
【日記の雛形Ⅰ】 これまで【プチ講座】でやりました、タグを使いまして 日記の雛形を作って見ます。 まずは手始めにこの下↓にあります、【キリ番履歴】のタグを書いてみましょう。 ■【ここから文字を書きます】 ここは、少し大きめの影文字になっています。 ブルーになっているところは、お好きに変えて下さい。 #556B2F は日記全体の背景色です。 green は日記の一番外側の枠の色です。 #D3D3D3 は影文字の影の部分の色です。 black は影文字の色です。 ■ここからボックスの中の文字です■ ボックスの中の影文字部分です。 ここから本文を書きますが黒色のテキストになっておりますから、 背景色も黒なので表示されませんが カーソルを当てた時に背景色が白になりますから テキストが読めるようになります。 背景色とテキストのフォントはお好きに変えて下さい。 ここまでボックスの中です。 ■【ここからまた影文字になります】 こちらも影文字になります。 ここは普通のテキストです。 これの特徴は、背景色の上にリピートさせない背景画像を二枚使っています。 背景ですから、テキストがその上に載せられます。 <B style="background-image: url(～左上の背景画像のＵＲＬ～);background-repeat: no-repeat;background-Position:left top;overflow:auto;width:100%;background-color:#556B2F;border-style:dashed;color:green;border-width:5;"><P style="background-image: url(～右下の背景画像のＵＲＬ～);background-repeat:no-repeat;background-Position:right bottom;"> <font style="filter:shadow(color:#D3D3D3);width:100%;font-size:16;color:black";>■【ここから文字を書きます】 ここは、少し大きめの影文字になっています。 ブルーになっているところは、お好きに変えて下さい。 #556B2F は日記全体の背景色です。 green は日記の一番外側の枠の色です。 #D3D3D3 は影文字の影の部分の色です。 black は影文字の色です。 </font><font color=black size=3> <B style="width:520;height:250;overflow-y:scroll;overflow-x:auto;border-style:inset;background-color:black"; onmouseover=this.style.background="#ffffff"; onmouseout=this.style.background="black";><font color=black size=2 FACE="ＭＳ Ｐゴシック"><font style="filter:shadow(color:black);width:100%;font-size:18;color:red";> ■ここからボックスの中の文字です■ ボックスの中の影文字部分です。 </font> ここから本文を書きますが黒色のテキストになっておりますから、 背景色も黒なので表示されませんが カーソルを当てた時に背景色が白になりますから テキストが読めるようになります。 背景色とテキストのフォントはお好きに変えて下さい。 ここまでボックスの中です。 </font></B> <font style="filter:shadow(color:black);width:100%;font-size:16;color:#DC143C";> ■【ここからまた影文字になります】 こちらも影文字になります。</font> ここは普通のテキストです。 </font></P></B> このままコピーしまして、編集ページに貼り付けますと表示されます。 テキストの部分だけ替えればＯＫです。 ではがんばって下さい。(*^^)v 次は何の雛形にしましょうか？ご希望がありましたら 掲示板に書いて行って下さいませ。(^_-)-☆ 【プチ講座メニュー】は←こちらから！
2003/07/14
コメント(2)
-
【製作のプレート！】
【ご注文のプレート】 のんたん２３５４さん８８０００ＨＩＴでご注文のウエルカムプレートです。 あけごんた３９４３さん。９２０００ＨＩＴで同じくウエルカムプレートご注文！ ぽちっとなでお二人のところに飛びます。(*^^)v ご質問のお答え！(*^^)v[center]を使いますと。文字がすべてセンターリングします。個別に<center> ～～ </center>を使いますと日記の背景は表示されません。干渉してしまいます。タグはこれです。<center style="background-image: url(～背景画像のＵＲＬ～);width=100%;">ここに文字を書きます。<a href=></a></center> ではでは・・・（*^_^*）
2003/07/13
コメント(4)
全6件 (6件中 1-6件目)
1
-
-
- フィギュア好き集まれ～
- 【アズールレーン】ナポリ ドリーミ…
- (2026-09-29 11:44:00)
-
-
-
- 一口馬主について
- 所有馬近況更新（26.9.28）ブルータス
- (2026-09-29 14:07:36)
-
-
-
- GUNの世界
- COLT COMMANDER "ガルシア" ビンテー…
- (2026-09-28 13:38:21)
-
