2026
2025
2024
2023
2022
2021
2020
2019
2018
2017
2016
2015
2014
2013
2004年07月の記事
全15件 (15件中 1-15件目)
1
-
【日記の雛形】シンプルにね！(￣^￣)b
女性向きに日記の雛形！今日は日記の雛形です！シンプルに作って見ました。破線はテーブルで表示しています。<tr><td bgcolor="#888888" height="1"></td></tr>が破線のセルです。その後にある <tr><td> につづけてテキストは書いて下さい。行を増やすには</td></tr><tr><td bgcolor="#888888" height="1"></td></tr><tr><td>これをテキストの後にどんどん継ぎ足せば行が増えます。では、雛形を書いておきます。背景画像もそのまま乗っけておきますから、ご自由にどうぞ！Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved <table bgcolor="#000000" cellspacing="1" cellpadding="15" width="500" align="center"><tr><td bgcolor="#ffffff" align="center"><table style="text-align:left;cursor:help;font-size:15px;line-height:1.3em;color:black;font-family: Comic Sans MS;background-image: url(http://gtone.k-server.org/img2/355.jpg);background-repeat:no-repeat;background-Position:bottom right;" width="100%" cellspacing="0" cellpadding="4"><tr><td height="10" align="center"><FONT style="font-size:16;color:pink;">ここにタイトル</FONT></td></tr><tr><td height="1"></td></tr><tr><td bgcolor="#888888" height="1"></td></tr><tr><td>此処に文字を書きます</td></tr><tr><td bgcolor="#888888" height="1"></td></tr><tr><td>此処に文字を書きます</td></tr><tr><td bgcolor="#888888" height="1"></td></tr><tr><td>此処に文字を書きます</td></tr><tr><td bgcolor="#888888" height="1"></td></tr><tr><td>此処に文字を書きます</td></tr><tr><td bgcolor="#888888" height="1"></td></tr><tr><td>此処に文字を書きます</td></tr><tr><td bgcolor="#888888" height="1"></td></tr><tr><td>此処に文字を書きます</td></tr><tr><td bgcolor="#888888" height="1"></td></tr><tr><td>此処に文字を書きます</td></tr><tr><td bgcolor="#888888" height="1"></td></tr><tr><td>此処に文字を書きます</td></tr><tr><td bgcolor="#888888" height="1"></td></tr><tr><td></td></tr></table></td></tr></table>
2004/07/29
コメント(20)
-
【画像を好きなところに・・ぺったんこ！】(￣^￣)b
画像を好きなところに貼り付けて見ましょうか？昨日から、楽天広場で「機能バージョンアップ」のテロップがではじめましたね！「機能バージョンアップ」に伴い既存の機能の変更点がいくつか出るみたいです。まずは、タイトルの画像の高さが１５０Pxから９０Pxになってしまいますね。それと同時に日記と掲示板で指定できた、タイトル画像もTOPのものと同じになってしまうみたいです。タイトル画像につきましては、この上で表示してますように、簡単にできます。上から、別なものを貼り付けてあげればできますから、さほど気にはなりませんね！そんなことより、楽天さん・・・タグ制限をもう少し緩和してくだされば・・・・(￣‥￣)=3 ﾌﾝ私はうれしいのですが！(￣▽￣*) 最近は夏休みのせいか、子供さんが多くて・・・・(-_-;)足跡たどって、ページを覗きに行くのですが・・・・！行って見るとめちゃくちゃなことやっているお子も居て・・・！┗（-＿-;）┛ ですからあまりこのようなタグを載せたくないのですが・・・！簡単に説明だけしておきます。画像のタグの中に→ <IMG SRC=""> スタイルシートで配置を直接命令しています。style="position:absolute;top:ここに上からの数値Px;left:ここに左からの数値Px;"position:absolute; は親要素に対する絶対的な位置を指定してくれます。少しタグのわかった方は、この説明でお判りになると思います。(￣^￣)b では！........((((ヘ＿ ＿)ヘ カサコソカサコソ
2004/07/28
コメント(8)
-
【ノートPCの熱暴走にご注意！】日記もどき(￣^￣)b
この時期ノートPCの熱暴走にご注意！└(￣▽￣*)こんちわ♪毎日暑いですね(￣_￣ i)ﾀﾗｰみなさんのお使いのPCは、デスクトップですか？ノートPCですか？私は自宅では、デスクトップです。仕事場にはノートPCを持っていっております。仕事場（現場事務所）にも、デスクトップのPCがあるのですが・・・・・・スペックが・・・！ハードが５Gb、CPUが４００Kb メモリーが６４Mbしかありません。OSはWIN９８ です。外付けの８０Gｂのハードはあるのですが・・・さくさく動いてくれません。工事写真の打ち出しにいたっては、・・・・・・(￣_￣ i)ﾀﾗｰ画像ソフトを立ち上げた時点で重い！仕方がないので、自前のノートPCで書類から工事写真の打ち出しまでやっております。この間、画像ソフト（蔵衛門）を使いまして、デジカメの写真を編集しながら、プリントアウトしていたところ、何か・・・きなくさい・・・！ノートPCのCPUがあるあたりが・・・すごい熱です。(￣_￣ i)ﾀﾗｰ時折、マウスが動かなくなったり、固まる寸前です。毎年、夏になるとこの発熱で、悩まされます。パソコンの電気部品は暑くなりすぎますと「熱暴走」といって、突然止まってしまったり、最悪の場合は壊れてしまう事があります。特にノートPCは狭い空間に機器がぎっしり詰まっています。いくら、冷房をかけていましても、デスクトップより放熱量がこもってしまいます。で！毎年私がやってること・・・・！ノートPCには、「扇風機」です。(￣m￣*)V￥１０００ ほどの卓上扇風機で風を当ててあげます。私のノートPCは、これで毎年、夏を乗り切って参りました！ノートPCのユーザーさんは、ぜひお試しあれ！ハードやCPUに負荷をかける仕事をするときや、長時間ノートを使う場合などは、PCの稼動を安定させてくれます。ちなみに、CPUは内部温度が７５度を超えますと、止まってしまいます。ノートパソコンに涼しい、風を当ててあげて下さいませ！<TABLE ALIGN="center" CELLSPACING="0" CELLPADDING="5" WIDTH="640" HEIGHT="521" style="cursor:help;font-size:15px;line-height:1.3em;color:white;font-family: Comic Sans MS;border-style:outset;border-width:5px;border-color:blue;"><TR><TD VALIGN="center" BACKGROUND="http://gtone.k-server.org/img2/bgimg3.gif"><CENTER style="overflow:auto;scrollbar-base-color:#1065F7;scrollbar-arrow-color:white;scrollbar-face-color:#1065F7;scrollbar-track-color:#1065F7;scrollbar-highlight-color:white;scrollbar-3dlight-color:#1065F7;scrollbar-shadow-color:#1065F7;scrollbar-darkshadow-color:white;width:500px;height:300px;text-align:left;"><UL>ここに本文を書きます。</UL></center></TD></TR></TABLE><DIV align=right><font size=1>By <A href="http://plaza.rakuten.co.jp/gtone/diary/" target="_blank" style="text-decoration: none;">GT-ONE</A></font></DIV>日記の雛形↑です。では！ε＝ε＝ε＝（┌￣）┘ダッシュ！
2004/07/25
コメント(12)
-
【背景用の画像！】また作りました！(￣‥￣)=3 ﾌﾝ
今日も背景の画像を造って見ました。ビルダーのサンプルのフレームの中から、めぼしいものをチョイスしたものがこれです。そして背景画像の上にスクロールボックスを入れてみました。どうでしょうか？(￣‥￣)=3 ﾌﾝ画像の大きさは ６４０×５２１ 画像のサイズは ６６Kb です。少しサイズが重くなってしまいました。私もこのような画像を製作することはできません。ですから、素材屋さんやソフトのサンプルから、大きさや色を変えまして、自分の好みに編集します。皆さんも、挑戦してみてくださいませ！(￣^￣)bお持ち帰りはご自由に！<TABLE ALIGN="center" CELLSPACING="0" CELLPADDING="5" WIDTH="640" HEIGHT="521" style="cursor:help;font-size:15px;line-height:1.3em;color:white;font-family: Comic Sans MS;border-style:outset;border-width:5px;border-color:blue;"><TR><TD VALIGN="center" BACKGROUND="http://gtone.k-server.org/img2/bgimg3.gif"><CENTER style="overflow:auto;scrollbar-base-color:#1065F7;scrollbar-arrow-color:white;scrollbar-face-color:#1065F7;scrollbar-track-color:#1065F7;scrollbar-highlight-color:white;scrollbar-3dlight-color:#1065F7;scrollbar-shadow-color:#1065F7;scrollbar-darkshadow-color:white;width:500px;height:300px;text-align:left;"><UL>ここに本文を書きます。</UL></center></TD></TR></TABLE><DIV align=right><font size=1>By <A href="http://plaza.rakuten.co.jp/gtone/diary/" target="_blank" style="text-decoration: none;">GT-ONE</A></font></DIV>では！ε＝ε＝ε＝（┌￣）┘ダッシュ！
2004/07/21
コメント(15)
-
【背景用の画像！】昨日の続き！
今日は早速・・・・事務所で仕事をしてるふりをして・・・！背景用の画像を作ってみました。(￣^￣)エッヘン こんなのできましたがどうでしょうか？(￣m￣*)V (￣ェ￣ )≡￣ェ￣)キョロキョロ(￣ェ￣≡( ￣ェ￣)廻りを気にしながら・・・作りました。(￣‥￣)=3 ﾌﾝ続きは、帰宅してからね！(￣^￣)b ------------------------------------------------帰って参りました！(￣‥￣)=3 ﾌﾝこの画像は、ビルダーの雛形から枠をチョイスし、作って見ました。６００×６００の大きさです。２３Kbで出来ました。(￣^￣)bこれは、簡単に出来ますね。皆さんもぜひチャレンジしてみて下さいませ！ Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/07/20
コメント(8)
-
【こんな背景の表示もあるのね！(￣^￣)b】
今日は、みなさんに紹介したいものがあります。この背景ですが・・・・！どうやっていると思います？これは１枚の画像なのです。製作者は MUONさん です。すごい発想です！こういう発想は・・・・σ(o^_^o)には浮かばない・・・！TABLEの中に入れて、背景画像で表示しています。背景画像ですからテキストがのります。そこに来て１１Kbほどしかありません。リピートさせないから、画像としては、バナー程度しかありません。これは(￣^￣)bぐっどです！でも・・・・書く事がないときは・・・↓この下の空白が・・・・・ぷぷぷぷっ！！(*￣ｍ￣)この画像は７００×９００あります。MUONさんのあの空白はなぜかな？と思っておりましたが・・・理由が分かりました。ぷぷぷぷっ！！(*￣ｍ￣)MUONさんごめんなさい！ばらしてしまいました。(-_-;)まだまだ・・・・空白がいっぱいですが・・・！書く事がない・・・・！画像を出してみますね！ 皆さんもチャレンジしてみては、どうでしょうか？ 私もやってみるかな・・・・・(￣^￣)bCopyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/07/19
コメント(6)
-
【日記の雛形！】背景画像を２枚使って！
日記の雛形今日は日記用の雛形を作ってみましょう。楽天は女性の方が多いので、女性向きに造って見ました。TABLEを２重にして、背景画像を左上と右下に１枚づつ固定しています。ラインもみなさんおなじみの<HR>でシンプルに！TABLEの枠もモノトーンで！前にボックスを使いまして、この様な雛形を作った事がありますが、TABLEの方が簡単ですね。(￣^￣)b昨日紹介しました雛型には、スクロールボックスを入れませんでしたが、今回は入れて見ました。友らんさんのまねっこです。(￣m￣*)Vスクロールバーもカラーを一切指定しておりません。矢印のみPINKにしてあります。画像のURLもこのまま載せておきます。ご自由にお使い下さい。 テキストの書きこみ方ですが、<hr width=95%> を <BR> 代わりに使うと簡単です。あらかじめ、<hr width=95%> をコピーしておいて、テキストを書いてはその後にコピペすればいいのです。テキストと <hr width=95%> は続けて書きます。私はテキストをセンターリングするのはあまり好きくないのでtext-align:left; でテキストを左にインデントしています。すべてセンターリングしたい方は、text-align:left; を削除して下さい。赤のタグが画像のURLです。お好みで変えて下さい。では！この下のTABLEにタグを書いておきますね！ <TABLE ALIGN="center" CELLSPACING="1" CELLPADDING="0" WIDTH="80%" HEIGHT="400" BGCOLOR="white" style="border-style:outset;border-width:5px;border-color:;"><TR><TD VALIGN="top" style="background-image: url(http://gtone.k-server.org/img2/355.jpg);background-repeat:no-repeat;background-Position:bottom right;"><TABLE ALIGN="center" CELLSPACING="0" CELLPADDING="0" WIDTH="100%" HEIGHT="400" BGCOLOR=""><TR><TD VALIGN="center" style="background-image: url(http://gtone.k-server.org/img2/368.jpg);background-repeat:no-repeat;background-Position:top left;"><center><FONT style="font-size:16;color:pink;">ここに日記のタイトル！</FONT></center><CENTER style="cursor:help;font-size:15px;line-height:1.1em;color:black;font-family: Comic Sans MS;overflow-y:scroll;scrollbar-arrow-color:pink;width:80%;height:300px;text-align:left;"><hr width=95%>此処に本文を書きます。<hr width=95%>此処に本文を書きます。<hr width=95%></center></TD></TR></TABLE></TD></TR></TABLE>Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/07/18
コメント(15)
-
【ご質問にお答して！】背景画像を４枚並べてみる！
昨日は長い一日でした！・・・・・(-_-;)みなさん・・・時計は長針だけじゃあなく、短針もちゃんと確認しましょう。(￣^￣)b で！今日は、またまた 「ご質問にお答えして！」 をやりましょうか！(￣ ￣*)V 友らん＊さん からこの様なご質問が来ました。・・・今日は 写真背景画像の日記の写真を４枚並べられないものか？とウロウロしていました(^_-)-☆・・・テーブルの中に４つテーブルを入れると出来るのかしら・・・諦めました（笑 背景画像を４枚使いたいということですが・・・・色々なやり方があります。簡単に出来るのは２行２列のセル→ <TD>に背景画像を指定してあげれば、４枚になります。しかし、セルごとでしか、テキストが載りません。セルとセルをまたいでテキストが載らないですね！そこで４つのTABLEを使いまして、STYLEシートで背景の位置を指定し一枚づつ表示してみます。この background-repeat:no-repeat;background-Position: で背景画像のマージンを指定したり、POSITIONを細かく指定する事も出来ますが、最も簡単な位置指定で表示させて見ますね！←この画像を使ってみましょう！この画像は２００×２００のサイズがあります。同じサイズの画像を４枚用意します。一番大きくて３５０×３５０までですね。というのは、日記のTABLEの幅は７００ぐらいだからです。３５０の画像を２枚しか横に並べられません。お判りですか！←この画像一枚しか使いませんが、どのようになっているか判るはずです。では、TABLEを表示してみましょう！此処に文字此処に文字此処に文字此処に文字此処に文字此処に文字此処に文字此処に文字此処に文字此処に文字此処に文字此処に文字此処に文字此処に文字此処に文字此処に文字ではタグです。<TABLE ALIGN="center" CELLSPACING="0" CELLPADDING="0" WIDTH="500" HEIGHT="500" BGCOLOR="black" style="border-style:ridge;border-width:10;border-color:skyblue;"><TR><TD VALIGN="top" style="background-image: url(http://右下の背景画像のURL);background-repeat:no-repeat;background-Position:bottom right;"><TABLE ALIGN="center" CELLSPACING="0" CELLPADDING="0" WIDTH="500" HEIGHT="500" BGCOLOR=""><TR><TD VALIGN="top" style="background-image: url(http://左下の背景画像のURL);background-repeat:no-repeat;background-Position:bottom left;"><TABLE ALIGN="center" CELLSPACING="0" CELLPADDING="0" WIDTH="500" HEIGHT="500" BGCOLOR=""><TR><TD VALIGN="top" style="background-image: url(http://左上の背景画像のURL);background-repeat:no-repeat;background-Position:top left;"><TABLE ALIGN="center" CELLSPACING="0" CELLPADDING="5" WIDTH="500" HEIGHT="500" BGCOLOR="" style="cursor:help;font-size:15px;line-height:1.3em;color:pink;font-family: Comic Sans MS;"><TR><TD VALIGN="top" BGCOLOR="" style="background-image: url(http://右上の背景画像のURL);background-repeat:no-repeat;background-Position:top right;"><UL>此処に本文を書きます。</UL></TD></TR></TABLE></TD></TR></TABLE></TD></TR></TABLE></TD></TR></TABLE>TABLEのWIDTH(幅）は、５００にしてあります。画像２枚分にしたいときは、４００ になりますね！高さにつきましては、幅と同じ５００ にしてあります。テキストをどんどん書いて行きますと、TABLEは縦長になります。きっちり背景画像を動かしたくない人は、スクロールボックスの中にテキストを入れればいいです！ここでは、背景画像の間が開いてしまいますから、一番上のTABLEにBLACKの背景色をいれてあります。 ↓これはスクロールボックスを入れた例です。スクロールバーのカラーを変える事も出来ますね。此処に文字 此処に文字 此処に文字 此処に文字 此処に文字 此処に文字 此処に文字 此処に文字 此処に文字 此処に文字 此処に文字 此処に文字 此処に文字 此処に文字 此処に文字 此処に文字
2004/07/17
コメント(3)
-
【日記もどき！】笑って頂戴・・(￣‥￣)=3 ﾌﾝ
今日は日記もどき・・・・！ 今朝、「はっ！」として目を覚ました。寝苦しさのため、夜中の2時ごろ目が覚めたため、寝過ごしては、なるかということで・・熟睡できなかったのだ。目覚まし時計を見ると、6時半・・・・！（いつもは6時過ぎ起床）アレーと思い飛び起きて、いつものように顔を洗い、髭をそりそこらにあるものを口に入れ、納税のためにしゃがみこんだ！ところが・・・誰もおきてこない・・・(￣ェ￣ )≡￣ェ￣)キョロキョロ？？「おかしい！誰も起きて来ない」いつもは朝の戦争なのだが・・・！もう休みになったのかな・・・・？多分そうだ・・・いいなあ・・・！と思いながら、用を済ませ、着替えて出かけた！でも何か・・・違う・・・？今日は金曜日だというのに・・・車が少ないな？と思いながら5分ほど車を走らせる。いつも渋滞している、交差点が見えてきたが・・・・・！がらんがらん！・・・・？？？？・・・・・(-_-;)なんで？なんで、こんなにすいているの・・・？・・・血の気が引いた・・・（-＿-;）・・・！まさかと思い時計を見ると・・・まだ、6時5分・・・・・・―(￣∇￣;)→グサ!!!(*mm)キャっっ1時間間違えた！目覚まし時計を見間違えたのか・・・・・？引き返すことも今からじゃあ・・・・！仕方なく仕事場に向かった！(￣‥￣)=3 ﾌﾝ早起きは「三文の徳」とよく言うが・・・・(￣ェ￣ )≡￣ェ￣)ぜんぜん(￣ェ￣≡( ￣ェ￣)誰も居ない事務所で、PC開けて、掲示板のご返事を2通ぐらい書いた、今朝のσ(*・・*) でした。ヾ(▽⌒*)ｷｬﾊﾊﾊo(_ _)ﾉ彡_☆ﾊﾞﾝﾊﾞﾝ!! この暑さで・・・・頭が溶け出してるのかな・・・・？(￣‥￣)=3 ﾌﾝ勘違いして、1時間遅く起きた事は、何度もあるが・・・！こんな完璧に、1時間早く間違えたのは・・・始めてである（〃_ _）σ゛ｲｼﾞｲｼﾞ･･･普通だったら・・・支度している途中でわかるよね・・・(-_-;) この暑さが悪いのだ・・・きっとそうだ！(￣^￣)bと自分に言い聞かせ、自分を慰める・・・朝一番の日記もどき！では！(￣‥￣)=3 ﾌﾝ
2004/07/16
コメント(13)
-
【背景画像は１枚で！】ご質問にお答して(￣‥￣)=3 ﾌﾝ
今日は、「よくある質問！」をやってみましょう。(￣^￣)bQ：背景画像を１枚にして、表示したいのですが！Q:デジカメの画像を背景にして、テキストを書けないですか？ではお答えします。(￣m￣*)VこのTABLEに使っている背景画像ですが、元の画像は １６００×１２００ サイズは ４５６KBありました。それを 縮専 で縮小しまして、６４０×４８０ サイズを ４９．６KBにしました。背景画像は属性を指定しないとリピートします。リピートしないように TABLEのサイズと背景画像のサイズ を同じにします。そうするとこのTABLEのようになります。このTABLEには、テキストが見やすいようにフィルターをかけています。ではタグを書きますね。◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆<TABLE ALIGN="center" CELLSPACING="0" CELLPADDING="5" WIDTH="背景画像の幅の数値" HEIGHT="背景画像の高さの数値 " style="cursor:help;font-size:13px;line-height:1.3em;color:white;font-family: Comic Sans MS;border-style:dashed;border-width:5;border-color:blue;"><TR><TD VALIGN="top" BGCOLOR="" BACKGROUND="http://ここに背景画像のURL" style="filter:alpha(opacity=70);"><UL><B>ここに本文を書きます！</B></UL></TD></TR></TABLE>◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆style="filter:alpha(opacity=70);" の部分がフィルターのタグです。ぼかしを入れたくないときは、削除して下さい。 ↑上のTABLEでは、背景画像にTABLEの大きさを合わせまして表示して見ました。では、次に画像自体を一回しか表示しないようにします。何度も言うようですが、背景画像は属性を指定しなければ、リピートします。そこのところをよく理解して下さい。(￣^￣)bこの画像は、 葵***さん から借れて来ました、もちろん直リンクではなく別途にアップしてあります。画像の大きさは、４００×４００ です。そして、リピートしないように背景に属性を指定しまして、センターに表示するように命令しています。ではタグを書いて見ますね！(￣m￣*)V◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆<TABLE ALIGN="center" CELLSPACING="0" CELLPADDING="5" WIDTH="80%" HEIGHT="500" BGCOLOR="white" style="cursor:help;font-size:13px;line-height:1.3em;color:black;font-family: Comic Sans MS;border-style:dotted;border-width:5;border-color:deeppink;background-image: url(http://ここに画像のURL );background-repeat:no-repeat;background-Position:center center;"><TR><TD VALIGN="top"><UL>ここに本文を書きます！</UL></TD></TR></TABLE>◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆TABLEの幅と高さは、 ブルー で書いている数値です。ここでは、幅 ８０％ 高さ５００にしてあります。では！今日はここまで・・・(￣‥￣)=3 ﾌﾝMUONさんから頂きました！(￣m￣*)V
2004/07/12
コメント(15)
-
【帰って参りました！】日記もどき(￣‥￣)=3 ﾌﾝ
田舎から帰ってまいいりました。お袋の作った、人形を親父が桐のケースに入れていました。この人形は、写真集から見られます。 田舎はとても涼しかったです！東京に帰ってきますと・・・東京も涼しいのにびっくりしました。 私が紹介している事で・・・・！ご質問があれば、すぐにでもお答出来ます。具体的にこうしたいという事が、私に分かればタグもお教えできます。何なりと聞いて下さいませ！(￣‥￣)=3 ﾌﾝ 明日から仕事だ・・・・・(￣_￣ i)ﾀﾗｰ・・やだなあぁあ・・！(〃_ _) では！ε＝ε＝ε＝（┌￣）┘ダッシュ！
2004/07/11
コメント(14)
-
【日記もどき！(￣‥￣)=3 ﾌﾝ】
７月９日はお袋の３回忌です。この週末、田舎に帰ります。お返事できません。みなさん！よい週末を！
2004/07/07
コメント(10)
-
【ＴＡＢＬＥで日記の雛形！】ＴＡＢＬＥの枠を変えてみよう！
◆ＴＡＢＬＥの枠を変えてみましょう！◆今日は、ＴＡＢＬＥの枠をスタイルシートで色々変えてみましょう。以前、スタイルシートでテキストボックスを作りまして、その枠を指定する方法を紹介しました。【ボックスの中にボックス！枠について】と【テキストボックスの枠を変える】ですが、スタイルシートの属性の指定は、ほぼ同じです。ＴＡＢＬＥに入れるスタイルシートを書いてみます。 style="cursor:help;font-size:13px;line-height:1.3em;color:black;font-family: Comic Sans MS;border-style:inset;border-width:10px;border-color:deeppink; ブルーの部分がこの間、ご説明しました、スタイルシートでフォントを指定している属性です。赤の部分が枠を指定する属性のスタイルシートです。枠の指定は３つの属性を指定していますが、簡単に説明して置きます。 border-style:inset; 枠の種類を指定します。insetになっています。border-width:10; 枠の幅を指定します。ここでは10pxborder-color:deeppink; 枠の色を指定します。ここではdeeppink 枠の種類と枠の色に関しましては、上下左右を別々に指定できます。詳しくは【テキストボックスの枠を変える】に行ってみてくださいませ。(￣‥￣)=3 ﾌﾝでは、日記の雛形として、個々に枠を変えた、ＴＡＢＬＥを紹介してみます。上の属性の部分をお好きに変えまして、日記のテーブルに使ってみて下さいませ。(￣^￣)bＴＡＢＬＥのセルには、背景色を載せていますが、BACKGROUND="" の背景画像を入れるタグも載せておきます。背景画像を指定したい人は、BACKGROUND=""に背景のＵＲＬを入れて下さい。ＴＡＢＬＥの幅は、全体の８０％になっています。幅いっぱいに使いたい方は、１００％にして下さい。 ◆SOLID◆[枠が実線で表示されます。]<TABLE ALIGN="center" CELLSPACING="0" CELLPADDING="5" WIDTH="80%" HEIGHT="150" BGCOLOR="" style="cursor:help;font-size:13px;line-height:1.3em;color:black;font-family: Comic Sans MS;border-style:solid;border-width:1px;border-color:#cc0000;"><TR><TD VALIGN="top" BGCOLOR="mistyrose" BACKGROUND="http://">ここに本文！</TD></TR></TABLE> ◆DOUBLE◆[二重線で表示]<TABLE ALIGN="center" CELLSPACING="0" CELLPADDING="5" WIDTH="80%" HEIGHT="150" BGCOLOR="black" style="cursor:help;font-size:13px;line-height:1.3em;color:black;font-family: Comic Sans MS;border-style:double;border-width:3px;border-color:blue;"><TR><TD VALIGN="top" BGCOLOR="lightcyan" BACKGROUND="http://">本文！</TD></TR></TABLE> ◆DOTTED◆[点線で表示]<TABLE ALIGN="center" CELLSPACING="0" CELLPADDING="5" WIDTH="80%" HEIGHT="150" BGCOLOR="black" style="cursor:help;font-size:13px;line-height:1.3em;color:black;font-family: Comic Sans MS;border-style:dotted;border-width:5px;border-color:deeppink;"><TR><TD VALIGN="top" BGCOLOR="mistyrose" BACKGROUND="http://">本文！</TD></TR></TABLE> ◆DASHED◆[破線で表示]<TABLE ALIGN="center" CELLSPACING="0" CELLPADDING="5" WIDTH="80%" HEIGHT="150" BGCOLOR="black" style="cursor:help;font-size:13px;line-height:1.3em;color:black;font-family: Comic Sans MS;border-style:dashed;border-width:5px;border-color:blue;"><TR><TD VALIGN="top" BGCOLOR="powderblue" BACKGROUND="http://">ここに本文！</TD></TR></TABLE> ◆INSET◆[枠が内側にへこみます]<TABLE ALIGN="center" CELLSPACING="0" CELLPADDING="5" WIDTH="80%" HEIGHT="150" BGCOLOR="black" style="cursor:help;font-size:13px;line-height:1.3em;color:black;font-family: Comic Sans MS;border-style:inset;border-width:10px;border-color:deeppink;"><TR><TD VALIGN="top" BGCOLOR="thistle" BACKGROUND="http://">ここに本文！</TD></TR></TABLE> ◆OUTSET◆[枠が内側に浮き上がります]<TABLE ALIGN="center" CELLSPACING="0" CELLPADDING="5" WIDTH="80%" HEIGHT="150" BGCOLOR="black" style="cursor:help;font-size:13px;line-height:1.3em;color:black;font-family: Comic Sans MS;border-style:outset;border-width:10px;border-color:deeppink;"><TR><TD VALIGN="top" BGCOLOR="pink" BACKGROUND="http://">ここに本文！</TD></TR></TABLE> ◆GROOVE◆[枠の部分がへこみます]<TABLE ALIGN="center" CELLSPACING="0" CELLPADDING="5" WIDTH="80%" HEIGHT="150" BGCOLOR="" style="cursor:help;font-size:13px;line-height:1.3em;color:black;font-family: Comic Sans MS;border-style:groove;border-width:10px;border-color:skyblue;"><TR><TD VALIGN="top" BGCOLOR="lightcyan" BACKGROUND="http://">ここに本文！</TD></TR></TABLE> ◆RIDGE◆[枠の部分が浮き上がります]<TABLE ALIGN="center" CELLSPACING="0" CELLPADDING="5" WIDTH="80%" HEIGHT="150" BGCOLOR="" style="cursor:help;font-size:13px;line-height:1.3em;color:black;font-family: Comic Sans MS;border-style:ridge;border-width:10px;border-color:skyblue;"><TR><TD VALIGN="top" BGCOLOR="lightcyan" BACKGROUND="http://">ここに本文！</TD></TR></TABLE> 字数制限いっぱいです。すべて納まるかどうか心配でしたが、どうにか足りましたね！(￣^￣)bグッド！みなさんも背景など変えまして、色々やってみて下さいませ！タグたくさん書きましたので・・不備がございましたらご連絡くだされば幸いです。(￣‥￣)=3 ﾌﾝ では！Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/07/04
コメント(6)
-
【ＴＡＢＬＥで日記の雛形】ＴＡＢＬＥで枠を！
ここに文字が書けます日記の雛形を作ってみました。ＴＡＢＬＥで枠を作っています。カラーはお好きに変えてください。---------------------------------------------------------------------<TABLE ALIGN="center" BORDER="0" CELLSPACING="3" CELLPADDING="3" WIDTH="100%" HEIGHT="150" BGCOLOR="white" style="cursor:help;font-size:13px;line-height:1.3em;color:black;font-family: Comic Sans MS;"><TR><TD BGCOLOR="408080"><table WIDTH="20" HEIGHT="20"><td></td></table></TD><TD BGCOLOR="8080FF" ALIGN="center">ここに文字も書けます</TD><TD BGCOLOR="408080"><table WIDTH="20" HEIGHT="20"><td></td></table></TD></TR><TR><TD WIDTH="20" HEIGHT="" BGCOLOR="8080FF"></TD><TD VALIGN="top" WIDTH="" HEIGHT="400" BGCOLOR="DDFFFF"><UL>ここに文字を書きます。<BR>ここに文字を書きます。</UL></TD><TD WIDTH="20" HEIGHT="" BGCOLOR="8080FF"></TD></TR><TR><TD BGCOLOR="408080"><table WIDTH="20" HEIGHT="20"><td></td></table></TD><TD BGCOLOR="8080FF"></TD><TD BGCOLOR="408080"><table WIDTH="20" HEIGHT="20"><td></td></table></TD></TR></TABLE>---------------------------------------------------------------------では！がんばってくださいませ！........((((ヘ＿ ＿)ヘ カサコソカサコソ Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved ここにタイトル！もひとつおまけです。スクロールボックスを入れた雛形！(￣^￣)bどうかな！ ---------------------------------------------------------------------<TABLE ALIGN="center" BORDER="0" CELLSPACING="3" CELLPADDING="0" WIDTH="100%" HEIGHT="150" BGCOLOR="white" style="cursor:help;font-size:13px;line-height:1.3em;color:black;font-family: Comic Sans MS;"><TR><TD BGCOLOR="408080"><table WIDTH="20" HEIGHT="20"><td></td></table></TD><TD BGCOLOR="8080FF" ALIGN="center">ここにタイトル！</TD><TD BGCOLOR="408080"><table WIDTH="20" HEIGHT="20"><td></td></table></TD></TR><TR><TD WIDTH="20" HEIGHT="" BGCOLOR="8080FF"></TD><TD VALIGN="top" WIDTH="" HEIGHT="400" BGCOLOR="DDFFFF"><CENTER style="overflow-y:scroll;scrollbar-base-color:#DDFFFF;scrollbar-arrow-color:white;scrollbar-face-color:#DDFFFF;scrollbar-track-color:white;scrollbar-highlight-color:white;scrollbar-3dlight-color:white;scrollbar-shadow-color:white;scrollbar-darkshadow-color:white;height:400px;text-align:left;"><UL>此処に文字</UL></center></TD><TD WIDTH="20" HEIGHT="" BGCOLOR="8080FF"></TD></TR><TR><TD BGCOLOR="408080"><table WIDTH="20" HEIGHT="20"><td></td></table></TD><TD BGCOLOR="8080FF"><center><font color=blue size=1>Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved</font></center></TD><TD BGCOLOR="408080"><table WIDTH="20" HEIGHT="20"><td></td></table></TD></TR></TABLE>--------------------------------------------------------------------- ↑上に紹介したテーブルはスクロールしませんから、テキストを書きますとどんどん縦長になります。間延びするのがいやな方や超大作の日記は・・・！こちらですね！(￣m￣*)V では！ε＝ε＝ε＝（┌￣）┘ダッシュ！Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/07/03
コメント(9)
-
【ＴＡＢＬＥにフォントを入れる！（２）】
今日は、前回と同じく【ＴＡＢＬＥにフォントを入れる２】です。【ＴＡＢＬＥにフォントを入れる１】では、<FONT>タグを使って、セルの中にフォントを指定しました。今回は、スタイルシートを使いまして、ＴＡＢＬＥタグの中に直接命令してみましょう！まずは、スタイルシートでフォントに命令する属性を紹介します。font-size:13px; フォントのサイズをＰＸで指定します。line-height:1.4em; 行間を指定します。これはデフォルトの1.4倍ということです。color:black; フォントの色を指定します。ここではＢＬＡＣＫです。カラーコードでもＯＫです。font-family: Comic Sans MS; フォントの字体を指定します。よく使われるのは、この４つです。これはダブル枠線になっている、ここのＴＡＢＬＥに指定しています。このテーブルのタグを書いて見ましょう。<TABLE ALIGN="center" CELLSPACING="0" CELLPADDING="0" WIDTH="100%" HEIGHT="150" BGCOLOR="black" style="cursor:help;border-style:double;border-width:3;border-color:blue;font-size:13px;line-height:1.4em;color:black;font-family: Comic Sans MS;"><TR><TD BGCOLOR="lightcyan" VALIGN="top"><UL>ここに本文や画像</UL></TD></TR></TABLE>このように書いています。<TABLE>内に指定していますが、<TD>内に入れても同じ効果が出ます。ＴＡＢＬＥ内にスタイルシートで指定しますと、そのＴＡＢＬＥ内にあるセルすべてに反映されます。ただ、ＴＡＢＬＥを何重にも使う時は、注意が必要です。一番外側のＴＡＢＬＥの中にフォントを指定して、その中にフォントを指定しないＴＡＢＬＥを入れますと、「字体」と「行間」しか反映されません。フォントのサイズとカラーは、親要素である<body>内で指定したものになります。ですから、ＴＡＢＬＥのなかにＴＡＢＬＥを入れた時は、中に入れたＴＡＢＬＥにもフォントの「サイズ」と「カラー」だけは指定してあげる必要があります。・・・・言ってる事！・・・判ってるかな？(-_-;)・・・お願いわかって！具体的にやってみましょう。この下↓のテーブルには、フォントをまったく指定していません。此処に文字ABCDabcd此処に文字ABCDabcdそうしますと、字体と行間だけは上で紹介しました属性がそのまま反映されていますが、文字のサイズとカラーは楽天広場の自分の編集ページの基本デザインで指定しました、「サイズ３（初期設定）」と「ブルーぽい文字色」になります。お判りでしょうか・・・！では！今日はここまで・・・！皆さん頑張ってくださいませ！........((((ヘ＿ ＿)ヘ カサコソカサコソ 【プチ講座】Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/07/02
コメント(2)
全15件 (15件中 1-15件目)
1
-
-
- 妖怪ウォッチのグッズいろいろ
- 今日は妖怪ウォッチ見ました&今日の…
- (2026-01-20 16:20:04)
-
-
-
- REDSTONE
- 【REDSTONE】2026金鯖版レベルート
- (2026-07-25 17:10:49)
-
-
-
- 鉄道
- 【2026/7/20】小田急小田原線（6595…
- (2026-08-05 14:40:58)
-
