全446件 (446件中 201-250件目)
-
【久しぶりの・・日記の雛形！】(￣‥￣)=3 ﾌﾝ
関東地方は、小春日和が続いております。日中は暖かなのですが・・・・やはり朝晩は、冷え込むようになりましたね！ 紅葉でも撮りに出かければいいのですが・・・・出不精の私は・・・・家の中で・・・ごろごろしております。 今日は、書類関係が一段落しまして・・・土曜日の休みです。 日記の雛形を久しぶりに作って見ました。これは、３列３行のTABLEです。カラーのタグ、背景色のタグが分かる方は、お好きに変えてみて下さいませ。 【雛形の説明】 画像が入っているセルは、そのままURLを載せておきます。赤いタグが画像のURLです。お好きな画像をどうぞ！あまり大きな画像を入れますと、バランスが崩れてしまいます。WIDTH="200" ←画像の幅は200ぐらいで指定して下さい。 罫線は背景画像になっています。緑のURLがそうです。これもURLをそのまま載せておきますが、こちら、から画像をダウンロードしてアップしなおして使って下さい。みなさんが直リンクして使いますと、アクセスが集中した時、私のサーバーがダウンする事があります。直リンクは、極力ご勘弁を・・・・・(￣^￣)b ここのセルは、テキストをセンターリングさせています。<CENTER> </CENTER> を削除しますと、左寄りなります。 タグはこの↓下のTABLEにかいておきます。ではみなさんがんばって！(￣‥￣)=3 ﾌﾝ Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved<TABLE ALIGN="center" BORDER="0" CELLSPACING="20" CELLPADDING="0" WIDTH="100%" BGCOLOR="white" style="border-style:double;border-width:3px;border-color:#FF8000;"><TR><TD><TABLE ALIGN="center" BORDER="0" CELLSPACING="0" CELLPADDING="10" WIDTH="100%" BGCOLOR="white"><TR><TD VALIGN=top bgcolor=#FBDFFD colspan=2 rowspan=2 style="border-style:dashed;border-width:5px;border-color:pink;"><!-- ここから罫線用のTABLE --><TABLE cellSpacing=5 cellPadding=0 width="100%" align=center border=0><TBODY><TR><TD background=http://gtone.k-server.org/img2/hasen3.gif><FONT style="FONT-SIZE: 15px; LINE-HEIGHT: 22px;color:black;font-family: Comic Sans MS;">ここにテキストを書きます。テキストを書きませんと罫線背景は出てきません。</FONT></TD></TR></TBODY></TABLE><!-- ここまで --></TD><TD width=30% BGCOLOR="white"><IMG SRC="http://gtone.k-server.org/img2/355.jpg" WIDTH="200"></TD></TR><TR><TD width=30% bgcolor=#E0FCE2 style="border-top:dotted;border-top-color:lime;border-top-width:5px;border-right-width:5px;border-right-color:lime;border-right:dotted;"><BR><BR><BR></TD></TR><TR><TD width=30% BGCOLOR="white"><IMG SRC="http://gtone.k-server.org/img2/368.jpg" WIDTH="200"></TD><TD VALIGN=top bgcolor=#E0FCE2 colspan=2 style="border-left:dotted;border-left-color:lime;border-left-width:5px;border-right-width:5px;border-right-color:lime;border-right:dotted;border-bottom-width:5px;border-bottom-color:lime;border-bottom:dotted;"><!-- ここから罫線用のTABLE --><TABLE cellSpacing=5 cellPadding=0 width="100%" align=center border=0><TBODY><TR><TD background=http://gtone.k-server.org/img2/hasen4.gif><FONT style="FONT-SIZE: 15px; LINE-HEIGHT: 22px;color:blue;font-family: Comic Sans MS;"><CENTER>ここにテキストを書きます。テキストを書きませんと罫線は出てきません。</CENTER></FONT></TD></TR></TBODY></TABLE><!-- ここまで --></TD></TR></TABLE></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> PS:明日はテキストのセルをスクロールさせてみましょう。乞うご期待・・・・！(￣‥￣)=3 ﾌﾝ出かけなかったらね・・・(〃_ _)
2004/11/27
コメント(12)
-
【日記の雛形】まとめて見ました(￣^￣)b
やはり、いい雛形が思いつかないので、日記でＴＡＢＬＥが使えるようになってから作りました、「日記の雛形」をまとめて見ました。 日記でＴＡＢＬＥが使えるようになったのは、２００４年２月の末日からです。それまでは、ＳＴＹＬＥシートでボックスを作りまして、ＴＡＢＬＥのように表示しておりました。 日記でＴＡＢＬＥが使えるようになってから、日記の飾付が容易になりました。「日記の雛形」がお目当ての人に・・・ＴＡＢＬＥで作りました、「日記の雛形」をまとめています。 お気に入りが見つかりましたら、ご自由に御持ち帰り下さいませ！(￣‥￣)=3 ﾌﾝ 「日記の雛形」2004/2/29～2004/11/13ブラウザ風TABLEでBOX(1)（枠画像を使って）TABLEでBOX(2)（枠画像を使って）TABLEでBOX(3)（画像を使って）はがき風（パクリ！）「お知らせ用」TABLE「正面玄関用」TABLE「ＭＥＮＵ用」TABLEＴＯＰの新着用TABLETABLEのセルで枠TABLEの色々な枠背景画像を１枚で背景画像を４枚入れる背景画像を２枚入れる１個の大きな背景画像(1)１個の大きな背景画像(2)１個の大きな背景画像(スクロール付)便箋風TABLEのセルで２重枠TABLEの中にフィルターをかけるアルバム風フィルターの中に背景画像スクロールバーを消したTABLE３列３行のTABLE罫線背景画像の雛形基本説明(１)と大学ノート風シンプルな背景罫線はこちら基本説明(２)とワンポイントの背景を入れた背景罫線はこちらスクロールボックスに背景罫線はこちら画像を載せる際の注意点（１）はこちら画像を載せる際の注意点（２）はこちらスクロールボックスにフィルタ（透過）をかけた背景罫線はこちら罫線画像の素材追加はこちら罫線を使った雛形（みかんママさん）はこちらアルバム風罫線のＴＡＢＬＥはこちら日記の雛形！枠のＴＡＢＬＥの中に罫線画像はこちらＴＡＢＬＥの中にＴＡＢＬＥ講座はこちらCopyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/11/23
コメント(5)
-
【一週間のご無沙汰です！】(￣‥￣)=3 ﾌﾝ
皆さんしばらくでした。久しぶりの日記もどきです。（〃_ _） 先週は、新しい、現場が始まり・・・・毎日、書類や図面のチェックでパソコンとにらめっこでした。・・・・帰ってくると、ぐったりで・・・更新など、やる気力が無く・・・・！・・・そして・・・ネタもなく・・・・！日曜日にいたっては、軽い微熱と、目まいがとまらなくて・・・一日中寝ておりました。(-_-;)・・・・・もう歳なのかな・・・！ 日曜日には、新しい日記の雛形でも考えようと思っていたのですが・・！どうも、体が拒絶反応を示したみたいです。(￣‥￣)=3 ﾌﾝ 明日は、何か作ってみようと思います。日記の雛形です・・・・でも・・・何も案は浮かんでいません。壁紙でも作ってみましょうか！ では！明日・・・目まいと・・・微熱が出ませんように！(￣‥￣)=3 ﾌﾝ ........((((ヘ＿ ＿)ヘ カサコソカサコソ By GT-ONECopyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/11/22
コメント(11)
-
【スクロールボックスを使って！】
最初のページ 次のページ今日は昼間、日記の雛形を作ろうとフリーページを「自動改行」にして、色々やっておりました。 気がついた事があります。(￣^￣)bフリーページでは、いつの間にか、「ポジュション」を指定する position:absolute;top:60;left:180; のタグが使えなくなっています。(￣‥￣)=3 ﾌﾝ あと、「レイヤー」を指定する Z-INDEX:0; のような属性も使えなくなっています。私のＴＯＰが縦長に崩れた理由が・・・やっと分かりました。(￣‥￣)=3 ﾌﾝ しかし・・・・？日記では・・・使えるのです？？？？？？多分、テーブルなどで「楽天ロゴ」を隠したりする、お子がいるから、使えなくしたのかな・・楽天さん！そのうち・・・日記でも使えなくなってしまいそうですね・・(￣_￣ i)ﾀﾗｰ 今日は、スクロールボックスを２個並べまして、見えないボックスの中に入れて別々に表示して見ました。 ・・・続きは・・・次のページで・・・・(￣m￣*)V 上の次のページをクリックしますとページが変わります。 簡単にタグの説明をします。・・・でも分かるかな・・・・(〃_ _) スクロールを表示しない、スクロールボックスの中で、リンクを貼っています。２個のスクロールボックスをリンクしています。 「次のページ」をクリックしますと、スクロールして、「次のページ」が出てきます。外のボックスは、スクロールバーが見えませんから、同じページで現れたように見えます。 ・・・・・判らないよね・・・(￣_￣ i)ﾀﾗｰ・・初心者の方には・・・！判らなくていいのです。同一ページ上でリンクを貼るのは、こちらから！ タグは↓これです。---------------------------------------------------------------------------------<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"><table cellspacing=0 cellpadding=0 align=center style="font-size:15px;"><tr><td><a href="ここにあなたの日記のＵＲＬ#1" style="text-decoration:none;"><div style="border-style:outset;background-color:darkcyan;color:black;">最初のページ</div></a></td><td width=50> </td><td><a href="ここにあなたの日記のＵＲＬ#2" style="text-decoration:none;"><div style="border-style:outset;background-color:peru;color:black;">次のページ</div></a></td></tr></table><div style="height:400px; overflow:hidden;"><A NAME="1"><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><!-- ここから罫線用のTABLE --><TABLE cellSpacing=0 cellPadding=0 width="90%" align=center border=0><TR><TD background=http://gtone.k-server.org/img2/hasen2.gif><FONT style="FONT-SIZE: 15px; LINE-HEIGHT: 22px;color:black;font-family: Comic Sans MS;">ここが最初のページです。罫線の背景画像が入っています。テキストを書かないと、罫線背景は出てきません。</FONT></TD></TR></TABLE><!-- ここまで --></UL></center></A><A NAME="2"><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><FONT style="FONT-SIZE: 15px; LINE-HEIGHT: 22px;color:black;font-family: Comic Sans MS;">ここが、「次のページ」の中です。</FONT></UL></center></A></div></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><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>---------------------------------------------------------------------------------ご承知置き下さい。日記のページは、１０日分しか表示できません。１０日分が過ぎますと、リンク先(ページ）が変わってしまいますね。その時は、リンクを変更して下さいね。 その書きこんだ日記のＵＲＬから、日記の日付のＵＲＬに・・・分かるかな・・・・！ では！(￣‥￣)=3 ﾌﾝ Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/11/13
コメント(7)
-
【凝るとレーんを聞いてみる！(￣^￣)b】
【ＢＧＭ特集！コルトレーンはどうですか！】 一曲ずつ聞いて下さい。聞いたら、メディアを閉じてから次を出してね(￣^￣)b photo by MUON Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/11/10
コメント(8)
-
【３列３行のTABLEでもこんなに違います】(￣^￣)b
また、日記の雛形を作ろうと思っているのですが・・・シンプルで素敵な雛形ッて、難しいものですね！【このＴＡＢＬＥどこかで見ませんでしたか!】気がついたあなたは・・つうですＴＡＢＬＥを組み合わせて・・・マーキーも入れて、ＳＴＹＬＥシートで色々複雑にする事は、簡単に出来ますが・・・！ ・・・それにはセンスもいりますから素敵な物はなかなか出来ません。 最近は、シンプルイズベストなのです。 Image by MUONこのＴＡＢＬＥはどこかで見た事がないですか？そう！「ＴＡＢＬＥで枠」の雛形に文字を入れたのです。 この枠の紹介はこちら各セルにテキストを入れますと、このようになります。 ただ、セルの大きさは、指定しません。 初心者の方には、ＴＡＢＬＥを使いまして、この様な事も、出来るという事を判って頂きたいですね！ 同じ３行３列のＴＡＢＬＥですがまるっきり違う物に、見えませんか？ では！今日はこのへんで！Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reservedε＝ε＝ε＝（┌￣）┘ダッシュ！追伸：タグを書いておきます。BGCOLOR="" が背景色ですね！お好きに変えて下さい。一行目のセルの幅が２行目、３行目に反映されます。テキストは適度に書きまして、改行して幅を決めるといいです。画像を入れる場合は大きさに注意して下さい。大きな画像は、セルを押し広げてしまいます。<IMG SRC="" WIDTH=""> WIDTHで大きさを調整しましょう。 では！ <TABLE ALIGN="center" BORDER="0" CELLSPACING="3" CELLPADDING="10" WIDTH="100%" HEIGHT="150" BGCOLOR="white" style="font-size:15px;line-height:1.2em;color:black;font-family: Comic Sans MS;"><TR><TD BGCOLOR="#408080">１行１列目のセルの中です。テキストを書きます。</TD><TD BGCOLOR="#8080FF" ALIGN="center"><FONT COLOR="#FFFFFF">【１行２列目のセルの中です】</FONT></TD><TD BGCOLOR="#408080">１行３列目セルの中です。テキストを書きます。</TD></TR><TR><TD BGCOLOR="#8080FF">２行１列目のセルの中です。テキストを書きます。</TD><TD VALIGN="top" WIDTH="" HEIGHT="300" BGCOLOR="black"><!-- ここまで枠のTABLE --><table cellspacing="0" cellpadding="5" width="95%" height="220" align="center"><tr><td bgcolor="black" vAlign="top"><!-- ここから罫線用のTABLE --><TABLE cellSpacing=5 cellPadding=0 width="100%" align=center border=0><TR><TD background=http://gtone.k-server.org/img2/hasen1.gif><FONT style="FONT-SIZE: 15px; LINE-HEIGHT: 22px;color:white;font-family: Comic Sans MS;">２行２列目のセルの中です。罫線の背景画像が入っています。</FONT></TD></TR></TABLE><!-- ここまで罫線TABLE --></td></tr></table><!-- ここまで --></TD><TD BGCOLOR="#8080FF">２行３列目のセルの中です。テキストを書きます。</TD></TR><TR><TD BGCOLOR="#408080">３行１列目のセルの中です。</TD><TD BGCOLOR="#8080FF" ALIGN="center">３行目２列目のセルの中です。</TD><TD BGCOLOR="#408080">３行目３列目のセルの中です。</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/11/06
コメント(15)
-
【スクロールバーを消してみよう】(￣^￣)b
はじめに：このＴＡＢＬＥはスクロールバーが出ていませんが！スクロールします。 ちょっと前に「スクロールバーを消せないでしょうか！」というご質問が来ました。色々やっているうちに、「自動改行」で出来る事が分かりました。楽天広場の日記はすべて「自動改行」になっています。 ちなみに、ＨＴＭＬ（自動改行なし）で、自動改行をテキストに指定するタグは、<PRE> テキスト </PRE> と始まりと終わりに入れますと、その間のテキストは自動改行出来ます。 スクロールはＳＴＹＬＥシートで指定しています。そのスクロールの命令を、Ｙ方向（縦方向）しか指定しないで、ＴＡＢＬＥで押し広げてあげますと、スクロールバーが隠れてしまいます。 自動改行でしか出来ない、裏技です。(￣m￣*)V ・・・・初心者の人には・・・この説明じゃあ・・判らないよね・・(〃_ _)・・・判らなくともいいです・・・なにせ・・消しちゃうのです。(￣^￣)b・・・・ちゃんとあるんですが・・・ほんとはね！(￣‥￣)=3 ﾌﾝ このＴＡＢＬＥは、以前紹介しました、ＴＡＢＬＥに罫線画像を入れましてスクロールする日記の雛形です。消して見ました。(￣m￣*)V タグを書いておきますが、必ずスクロールすることを掲示しておくことをおすすめします。でないと！スクロールバーが見えませんから・・・訪問者が勘違いする恐れがあります。 では！・・・・！(￣^￣)b ＰＳ：赤いＴＡＢＬＥが味噌です。 By GT-ONE <table bgcolor="skyblue" cellspacing="1" cellpadding="20" width="80%" height="450" align="center"><tr><td bgcolor="white" vAlign="top"><!-- ここからワンポイントの背景用のTABLE --><TABLE ALIGN="center" BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="100%"><TR><TD style="background-image:url(http://ワンポイント画像のＵＲＬ);background-repeat:no-repeat;background-Position:bottom right;"><!-- ここから罫線用のTABLE --><CENTER style="border-style:none;overflow-y: scroll;width:100%; height:400px;text-align:left;"><table height="22" width="100%" border="0" cellspacing="0" cellpadding="0" bordercolor="" bgcolor=""><tr><td></td></tr></table><TABLE cellSpacing=0 cellPadding=0 width="95%" align=center border=0><TBODY><TR><TD background=http://gtone.k-server.org/img2/hasen4.gif><FONT style="FONT-SIZE: 15px; LINE-HEIGHT: 22px;color:black;font-family: Comic Sans MS;">ここに本文を書きます。</FONT></TD></TR></TBODY></TABLE></CENTER><!-- ここまで --></TD></TR></TABLE><!-- ここまでワンポイント --></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>Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/11/02
コメント(10)
-
【日記モドキです】(￣^￣)b
【実験中です！すいません！(￣^￣)b】スクロールバーを消して見ました。スクロールバーを消せないかというご質問が来まして、・・・やって見ました。・・・(￣m￣*)V・・・消せました！(￣^￣)bこれは、「自動改行」のみ有効です。次回みなさんにご紹介しましょう。ご注意：右端にスクロールバーは出ていませんが、スクロールします。一つの現場が終わりました。１年７ヶ月・・・・ゼネコンさんの現場でした！こんな繰り返しを私はしております。今週は、現場事務所の片付けで大忙しで、・・・・それと、現場の打ち上げが続き・・・！帰ってくると、ろくにＰＣを開けられませんでした。（・・・ヨッパ・・・です！）(￣‥￣)=3 ﾌﾝ 来週から、新しい現場に移ります。しかし、１ヶ月ぐらいは、現場着工の段取りがありますから、多分また楽天を早々に更新できません。 更新するネタもないですけど・・・・(〃_ _)σ∥ｲﾁﾞｲﾁﾞ･･･しかし、事務所のＰＣで覗く事は出来ると思います。掲示板のお返事や、ご質問にはがんばってお答しますから、見捨てないで下さいませ。(￣m￣*)V 明日は休みですが、新しい背広やジャケットを調達しに出かけようと思っております。更新したいのですが・・・出来ないかもしれません。（更新のネタもないしネ！）(￣‥￣)=3 ﾌﾝ出来れば、また日記の雛形でも作ってみようかなと思っております。 日記の雛形で思い出しましたが、ランダムで飛んでいますと、日記のページが上から下まですべて、マーキーで出来ているサイトを見かけます。マーキーは重いですから・・・・所々入れることをおすすめします。また、マーキーを重ね合わせて、幾重にも使っている日記も見かけますが・・・・・アレも、トラブルの原因になるかと・・・・！時々はらはらさせられるサイトもあります。 私も人の事は言えませんが、人様に訪問して見たり、読んでいただくのですから、すべての環境を考えて、ページなり日記を書きこみたいものです。中には、ＩＳＤＮとかダイアルアップの方や、Air-Hの方などもいらっしゃるかと思います。回線が遅い人の事も考えて、重い画像は、軽くしたり枚数を減らすなりしてあげたいものです。 私のＴＯＰを開けるとフリーズしてしまう人もいらっしゃいます。ＢＧＭが流れていますから、回線の遅い人はＤＬする間に固まってしまうかもしれません。 だらだら書きましたが・・・・（( ・_・)σ)゜_゜)プニッ・・何がいいたいのあんた！）・・・・？？？？何がいいたいのでしょうか・・・？という疑問を残しまして・・・・！ では！今夜は逃げ！ε＝ε＝ε＝（┌￣）┘ダッシュ！ ワンポイントの画像は、ＭＵＯＮさんに頂きました。このテキストはSuper Tag 32 Pro で製作しました。(￣^￣)bCopyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/10/30
コメント(11)
-
【久しぶりのプレート製作！】(￣^￣)b
◆ 日記について ◆私は日記を書かない人です。この日記のページで、私の楽天でやっていることをＨＴＭＬ【プチ講座】として載せております。興味のある人は行ってみて下さいませ！(￣‥￣)=3 ﾌﾝ【日記の雛形】【罫線背景バックナンバー】 【プチ講座】MENU 【正面玄関】にもどる 【アニメカーソルについて】はこちらご質問、ご意見は「掲示板」「私書箱」「ご質問掲示板」にどうぞ！久しぶりに、プレートとバナーを作りました。もちろん、私のではありません。プチ講座のネタがないので・・・ご紹介します。 もう一ヶ月近く前に、桜紫OKEIさんに頼まれていたものです。長々お待たせいたしました。 １０００番単位でやっていました、キリ番プレートは、廃止しましたが、時と場合・・また、私の気分次第でご常連様には、しがないプレートでよろしければ、これからも、作らさせていただきます。(￣^￣)bまずは、きっかけのキリ番を踏まないと・・・話しになりませんが・・(〃_ _) これがそのプレートです。 背景画像は、桜紫OKEIさんから頂きました。 こちらは、上のプレートをアニメＧＩＦにしました。 文字だけですけどね！ こちらは、バナーです。 これも背景は、頂きました。 新潟中越地方の地震災害は・・・大変ですね！心からお見舞い申し上げます。 では！ Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/10/26
コメント(12)
-
【ＨＴＭＬエディターでＴＡＢＬＥを作ってみよう】
■ Super Tag 32 Pro ■ を使ってＴＡＢＬＥを作ってみましょうはじめに：新潟中越地震被災者の方々、心からお見舞い申し上げます。みなさん、３０万ＨＩＴありがとうございました。２年で３０万ＨＩＴ早いのか遅いのか判りませんが・・・・これからもよろしくお願いします。この【ぷち講座】や、「初心者のためのＨＰの飾付教室」もみなさんのご質問やご希望で成り立っています。どんどん投稿をお願いいたしますね！さて、前回フリーソフトＨＴＭＬエディター「Super Tag 32 Pro」の簡単な「メニューアイコン」の使い方と「テキストの属性の指定」それを「保存する」方法をご紹介しました。2004/10/17今回は、この「Super Tag 32 Pro」を使って、ＴＡＢＬＥを作ってみましょう。まだ、ダウンロードされていない方は、こちらからＤＬして下さい。 では、この上↑のＴＡＢＬＥを「Super Tag 32 Pro」で作ってみましょう。 「メニューアイコン」の３行目の真中あたりに「ＴＡＢＬＥ」のアイコンがあると思います。それをクリックしてみましょう。その時カーソルは、<BODY> と </BODY>の間ですよ！属性を決めるパネルが出て来ましたね。属性が上から並んでいると思います。詳しい属性の説明は、省かせていただきます。詳しく知りたい方は【プチ講座】[ＴＡＢＬＥの基本的な属性]に行って見て下さい。 ■ ＴＡＢＬＥの属性の書き込み ■一番上が マージン間の位置指定【ALIGN】となっていますね。これは、ＴＡＢＬＥの左右の位置です。プルダウンメニューから「センター揃え(center)」を選択します。次は、枠の太さ【BORDER】は １にします。【CELLSPACING】は １ 【CELLPADDING】は ５にしてみましょう。【WIDTH】は ８０で ％にチェックを入れます。【HEIGHT】は書き込みません。セルの行数は ２ セルの列数は １ となります。【BGCOLOR】【BACKGROUND】背景色と背景画像は指定しません。【BORDERCOLOR】は「参照」からグレー(#COCOCO)を選択します。【BORDERCOLORLIGHT】【BORDERCOLORDARK】は枠の明暗を指定しますが、ここでは指定しません。以上のことを書きこみますと↓このようになりましたか！ 最後にＯＫをクリックしますと、ＴＡＢＬＥが出来上がります。↓このようになりましたでしょうか？<HTML><HEAD><TITLE></TITLE></HEAD><BODY><TABLE ALIGN="center" BORDER="1" CELLSPACING="1" CELLPADDING="5" WIDTH="80%" BORDERCOLOR="#C0C0C0"><TR><TD></TD></TR><TR><TD></TD></TR></TABLE></BODY></HTML>では、これを保存しまして、ブラウザ画面で見てみましょう。保存の仕方は、前回の【プチ講座】を参考にして下さい。保存できましたら、メニューアイコンの一行目、右から２番目のブラウザのアイコンをクリックしてみましょう。多分グレーの枠しか出てきていないと思います。セルの中にテキストを書いてみて下さいませ。<TD> から </TD> の間にテキストを書きこみます。そして、各セルに背景色を指定してあげましょう。一行目のセルには bgcolor="#COCOCO"（グレー） 二行目のセルには bgcolor="#ffFFFF"（ホワイト）を指定してみます。と↓こうなりますね！<HTML><HEAD><TITLE></TITLE></HEAD><BODY><TABLE ALIGN="center" BORDER="1" CELLSPACING="1" CELLPADDING="5" WIDTH="80%" BORDERCOLOR="#C0C0C0"><TR><TD bgcolor="#cococo">テキストを書いてみましょう。ここは一行目のセルです。見出しになります。</TD></TR><TR><TD bgcolor="#ffFFFF">テキストを書いてみましょう。ここは二行目のセルです。<BR>テキストを書いてみましょう。ここは二行目のセルです。<BR>テキストを書いてみましょう。ここは二行目のセルです。<BR></TD></TR></TABLE></BODY></HTML> メニューアイコンの一行目の左から３番目のフロッピーディスクのアイコンをクリックしますと、「上書き保存」されます。そしてまた、ブラウザのアイコンをクリックしてみて下さい。出ましたでしょうか！ まだフォントを指定していませんでしたね。フォントを指定してみましょう。前回も紹介したように、フォントを指定したいテキストをなぞるか、出したいところにカーソルを持って行き「ＦＯＮＴ」のアイコンをクリックします。サイズ、色、字体を決めまして、ＯＫを押します。また、センターリングしたいときは、センターリングするテキストや画像を左クリックでなぞりまして、「CENTER」のアイコンをクリックしますと一発でタグが出ます。テキストの改行は、<BR> で行いますが、これも「ＢＲ」のアイコンをクリックするだけで出来ます。 ■ 日記にタグを持って行くときの注意点 ■楽天の日記は、すべて自動改行になっています。出来たＴＡＢＬＥのタグをコピペして、日記の編集ページに貼り付けましてもうまく表示できません。しかし、フリーページでは、設定を「自動改行なし」にして貼り付けますと、このままの状態で同じように表示されます。 日記では、すべてのタグを繋げてあげれば、ＯＫです。先ほど製作した、ＴＡＢＬＥにフォントなどを指定しまして、タグを繋ぎ合わせた物を載せてみましょう。<HTML><HEAD><TITLE></TITLE></HEAD><BODY><TABLE ALIGN="center" BORDER="1" CELLSPACING="1" CELLPADDING="5" WIDTH="80%" BORDERCOLOR="#C0C0C0"><TR><TD bgcolor="#cococo"><FONT SIZE="2" COLOR="#FFFFFF" FACE="MS Sans Serif"><CENTER>テキストを書いてみましょう。ここは一行目のセルです。</CENTER></FONT></TD></TR><TR><TD bgcolor="#ffFFFF"><FONT SIZE="2" COLOR="#400000" FACE="MS Sans Serif">テキストを書いてみましょう。ここは二行目のセルです。<BR>テキストを書いてみましょう。ここは二行目のセルです。<BR>テキストを書いてみましょう。ここは二行目のセルです。<BR></FONT></TD></TR></TABLE></BODY></HTML>このようになります。今回は、ＴＡＢＬＥを作って見ました。 皆さんも、日記で使っていますタグの雛形をコピペでここに持って来まして、色々編集してみて下さい。メニューアイコンで色々なタグが一発挿入できますから、とても便利です。楽天では使えませんが、フレームやテキストエリアのタグも一発挿入できます。 では！がんばって下さいませ！Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/10/24
コメント(5)
-
【３０万ＨＩＴありがとうございました！】(￣^￣)b
【３０万ＨＩＴありがとうございました！】今日も仕事で、先ほど帰って参りました。偶然・・・３０万ＨＩＴに遭遇で来ました。(￣m￣*)Vほうりつさんとネモッチ☆彡さんkuniさん5628さんの三つ巴でした。結果は下のようです。ほうりつさんはもちろんぴたり賞です。ネモさんは、前後賞ですね！kuniさんは、残念賞ということで・・(￣^￣)b御三方には、おってご連絡させていただきます。地震の中の３０万ＨＩＴ・・・・何か曰く付かな・・・・！これから、みな様に合ったプレゼントを模索しますから・・・時間が掛かるかもしれませんが、気長にお待ち下さい。(￣m￣*)V ではありがとうございました。これからもＧＴ－ＯＮＥをよろしくお願いいたします。 明日は・・・例のソフトでＴＡＢＬＥを作ってみましょう！・・・多分書けると思いますが・・・・・・書けないかも・・・がんばります。(￣‥￣)=3 ﾌﾝ アクセス時間利用者3000072004-10-23 18:42:08ネモッチ☆彡さん3000062004-10-23 18:42:06ほうりつさん3000052004-10-23 18:42:00kuniさん5628さん3000042004-10-23 18:41:43ネモッチ☆彡さん3000032004-10-23 18:41:43kuniさん5628さん3000022004-10-23 18:41:15ほうりつさん3000012004-10-23 18:41:06ネモッチ☆彡さん3000002004-10-23 18:41:00ほうりつさん2999992004-10-23 18:40:53ネモッチ☆彡さん2999982004-10-23 18:40:53ほうりつさん2999972004-10-23 18:40:50ネモッチ☆彡さん2999962004-10-23 18:40:47ほうりつさん2999952004-10-23 18:38:54ネモッチさん ☆彡2999942004-10-23 18:38:21kuniさん5628さん2999932004-10-23 18:38:07ネモッチ☆彡さんCopyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/10/23
コメント(11)
-
【３０００００ＨＩＴキリプレ！】(￣^￣)b
--------------------------------- もうすぐ三十万ヒットです。 --------------------------------- 何か、キリプレを考えます。 --------------------------------- 三十万ヒットされた方、 --------------------------------- 私書箱、掲示板に書き込みを --------------------------------- お願いいたします。 --------------------------------- 前後賞も考えますね！ --------------------------------- 品物は、ヒットされた方に --------------------------------- 適したものをお選びいたします。 --------------------------------- 独断と偏見で選びますが・・・・ --------------------------------- 勘弁して下さいませ。 --------------------------------- ゲットの権利は、ご常連はもちろん --------------------------------- 私の掲示番に一度でも書き込み --------------------------------- された方です。 --------------------------------- では！・・よろしくお願いします。 ---------------------------------Cursor By マダムYoshieCopyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/10/18
コメント(25)
-
【フリーＨＴＭＬエディタソフトを使って日記を編集してみよう】
フリーソフト「Super Tag 32 Pro」の紹介！みなさんは、日記のページの編集はどのようにやっていますでしょうか！メモ帖を使ったり、フリーページにテストのページを作ってやっているのでしょうか？または、ホームページ製作ソフトを使っているのでしょうか？ホームページ製作ソフトに関しましては、仰々しくて起動が重い・・・そこに来て、「自動改行」には、ほとんど対応しておりません。そして、操作も複雑ですね！ 楽天広場は、日記が主体です。それも自動改行になっております。ところが、以前使えなかったＴＡＢＬＥのタグが日記で使えるようになりました。で！今日は簡単にＴＡＢＬＥなどのタグを編集できる「ＨＴＭＬエディター」を紹介しましょう。 それが、「Super Tag 32 Pro」です。もちろんフリーソフトです。私は、日記の編集では、大概このエディターを使っております。以前の日記でも、何度かこのソフトを紹介しましたが、今日は簡単に使い方を紹介します。 まずは、こちらから 「Super Tag 32 Pro」 をＤＬして下さい。ファイルは自動解凍の exe ファイルになっています。レンジのアイコンをダブルクリックで解凍します。「Super Tag 32 Pro」を使ってみよう！ ＤＬは出来ましたでしょうか？ このアイコンをクリックしますと「Super Tag 32 Pro」が起動します。 起動しましたか？まずは簡単な操作方法からお話しましょう。テキスト、タグなどページの編集は、<BODY>から </BODY>の間に書きこみます。 では 実際にテキストを書きこんでみましょう。テキストポインター「｜」は<BODY>から </BODY>の間に入れておきます。 一番上にメニューバーがありますね！２列目からは「メニューアイコン」が並んでいます。アイコンの２列目「ＨＲ」があると思います。これは、罫線のタグです。罫線のタグを入れてみましょう。クリックしてみます。 フロートパネルが出て来ます。【SIZE】【WIDTH】【ALIGN】【COLOR】と縦に並んでいますね。これに半角英数字で属性を指定します。【SIZE】を５ 【WIDTH】５００ 【ALIGN】はプルダウンで「センター揃え」 【COLOR】カラーは「参照」からお好きな色を指定して「ＯＫ」を押してみて下さい。 <HR SIZE="5" WIDTH="500" ALIGN="center" COLOR="#FF0000"> このように出て来ましたか？その罫線タグのすぐ後ろに、ポインターを持って来まして、「メニューアイコン」の２列目右から４番目に改行のタグ「ＢＲ」があると思います。それをクリックして下さい。<BR> がでて来ましたか！その後につづけて何かテキストを書いてみて下さい。「ここに何か書きます。」と入れてみましょう。このテキストに、フォントの属性である「大きさ」「色」「字体」を指定してみましょう。 「ここに何か書きます。」を左クリックしたままなぞります。「メニューアイコン」の２列目 左から６番目に「ＦＯＮＴ」があります。クリックして下さい。またフロートパネルが出て来ましたね！【SIZE】【COLOR】【FACE】とあると思います。【SIZE】をラジオボタンで指定し、【COLOR】を「参照」から選びます、【FACE】も「参照」から選びます。「ＯＫ」ボタンをオしますと、先ほどのテキストがフォントのタグで囲われたと思います。 この用になりましたか？<FONT SIZE="3" COLOR="#0000FF" FACE="ＭＳ Ｐゴシック">ここに何か書きます。</FONT>これをセンターリングします。<FONT SIZE="3" COLOR="#0000FF" FACE="ＭＳ Ｐゴシック">ここに何か書きます。</FONT>を先ほどテキストでやったように、左クリックのままなぞります。また、「メニューアイコン」の２列目の「ＣＥＮＴＥＲ」をクリックしますと<CENTER><FONT SIZE="3" COLOR="#0000FF" FACE="ＭＳ Ｐゴシック">ここに何か書きます。</FONT></CENTER>となりましたでしょうか？ では！これをＷＥＢ画面で見てみましょう！ＷＥＢ画面で見るためには、まずは保存しなければなりません。一番上のメニューバーの「ファイル(F)」をクリックします。上から５番目「名前をつけて保存」で保存用のパネルが出てきます。ご自分が分かりやすいフォルダを指定します。私の場合は、マイドキュメントの中に「楽天用」というフォルダを作ってあります。ファイル名(N)に名前をつけますが、ここは半角英数字です。そして、ＨＴＭＬファイルの拡張子「.html」を半角英数字の後ろにつけることを忘れないで下さい。例えば、この用になります。[diary-10-17.html]このように名前をつけまして保存をクリックします。 編集パネルに戻りまして、「メニューアイコン」の１列目の右から２番目のＷＥＢ画像のアイコンをクリックしてみて下さい。ＷＥＢ画面が立ち上がると思います。それが先ほど書きこんだテキストと罫線です。 お判りですか・・・・(〃_ _)・・・・おねがい！・・・判ってね！また、テキストなどを編集し直しまして、上書き保存をします。「メニューアイコン」の１列目の左から、３番目に「ＦＤの画像の形」をしたアイコンがありますね。それをクリックで上書き保存されます。確認するには先ほど出しました、ＷＥＢ画面を更新してみて下さい。編集が反映されていると思います。 長々と話しましたが、初心者の方には一度では、理解できないと思います。何度も読んで、いじくりひん回して下さい。「メニューアイコン」を色々クリックして、試しにタグを書き込んで見るのが得策です。 あなたが楽天の日記などで作ったタグを編集したい場合は、コピー＆ペイストして、先ほど述べましたように保存します。そして、ブラウザで見て下さい。その時は、そのタグが自動改行用で製作していましたら、「自動改行」にするためにテキストの頭に <PRE>をつけます。テキストの最後には、くくるタグ </PRE> をつけて下さい。 次回は、ＴＡＢＬＥを簡単に作ることをこのソフトでやってみましょう。みなさん予習しておいて下さいませ・・・・(￣m￣*)Vでは！ε＝ε＝ε＝（┌￣）┘ダッシュ！ Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/10/17
コメント(5)
-
【罫線背景画像関係のバックナンバー！】(￣^￣)b
【罫線背景に関するバックナンバー】８月の終わりに罫線画像を紹介しました。いまだに反響がありまして、ご質問が絶えません！罫線背景画像に関するバックナンバーをまとめて見ました。興味のある方は、行って見て下さい。・・・・よく読んでね・・・そしてそれでも判らなかったら・・・ご質問下さい。こうしたいんだが・・・と言うタグ製作の要求には・・・気分次第で乗ります(￣m￣*)V 基本説明(１)と大学ノート風シンプルな背景罫線はこちら 8/29基本説明(２)とワンポイントの背景を入れた背景罫線はこちら 8/30スクロールボックスに背景罫線はこちら 8/31画像を載せる際の注意点（１）はこちら 9/1画像を載せる際の注意点（２）はこちら 9/9スクロールボックスにフィルタ（透過）をかけた背景罫線はこちら 9/6罫線画像の素材追加はこちら 9/12罫線を使った雛形（みかんママさん）はこちら 9/13アルバム風罫線のＴＡＢＬＥはこちら 9/22日記の雛形！枠のＴＡＢＬＥの中に罫線画像はこちら 9/24ＴＡＢＬＥの中にＴＡＢＬＥ講座はこちら 9/25Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/10/13
コメント(8)
-
【続！アニメＧＩＦをアニメポインターに変換してみよう】
【アニメションポインターを作ってみよう！】前回、前々回とやって来ましたが今回が最終回！ お気に入りのアニメＧＩＦアイコンをアニメポインターに変換してみましょう。「IrfanView32 日本語版 Ver.3.92」はＤＬ出来ましたでしょうか？「ＡＮＩめーかー」にアニメＧＩＦなどを取り込むには、それをＢＭＰ画像かＰＮＧ画像に変換しないといけません。それを簡単にします、フリーソフトが「IrfanView32」です。 これが「IrfanView32」です。 この黒いスクリーンの上に、アニメＧＩＦをドラック＆ドロップ するだけで画像を取り込む事が出来ます。 または、メニューバーのフォルダーアイコンの「開く」からでも 取りこむ事が出来ます。 では具体的にやってみましょう。 ご注意：アニメＧＩＦはご自分で作ったものを加工するのは 問題ないと思います。 しかし、素材屋さんで頂いてきたものは、加工ＯＫの物でなければなりません。ご承知おき下さい。 これは、ＭＵＯＮさんが作ったアニメＧＩＦです。 ２枚のＧＩＦ画像から出来ています。大きさは１１４×１３６です。 これを使って、アニメーションポインターを作ってみましょう。 私は、マイピクチャーにこの画像をしまっています。 画像の入っている、フォルダをあけまして、「IrfanView32」にドロップして下さい。 このようになります。 「IrfanView32」の中でアニメＧＩＦが動いていますか？ このアニメＧＩＦを分解して、２枚の静止画像の ＢＭＰ（ビットマップ）画像に変換します。 上のメニューバーに「オプション(O)」というのがありますね。 それをクリックします。 上から６行目に「静止画に分割して保存(E)」があります。「フォルダの参照」というフロートパネルが出て来ましたか？そこで保存したいホルダーを指定しまして、「ＯＫ」を押せば、ＢＭＰに変換され静止画がフォルダーに入ります。 私の場合は、この２個のＢＭＰ画像がフォルダーの中に入りました。 これで「ＡＮＩめーかー」に画像を取り込む事が出来ます。 ちなみにこの画像の上で右クリックでプロパティを見て下さい・ アドレスＵＲＬの最後の拡張子が bmp になっていると思います。 あとは「ＡＮＩめーかー」を開きまして、この画像を 「イメージの編集」のパネルにドロップするだけです。 ドロップしますと「すまーとリサイズ」しますか と聞いてきますから「はい」を押します。 ３２×３２にリサイズされました。 もう一枚も同じくドロップします。 後は、上の「フレームの編集」タブをクリックしまして、 インターバルを決め、下の「すべて保存」で フォルダを指定して保存します。 後は出来た、アニメーションポインターをアップするだけです。 アップしないとＷＥＢ上では表示できません。 アップの仕方は、こちらから！ 素材屋さんから、頂いてきたアニメＧＩＦも同じ行程で、アニメーションポインターに変換できます。しかし先にも述べましたが、加工ＯＫの物をお使い下さい。 ３回に分けてお話して来ましたが、ポインター（カーソル）をアップできるサーバーをお持ちの人しか無縁のものです。また、オリジナルなアニメＧＩＦを変換するには、アニメＧＩＦを作る事が出来ないといけませんね。・・・・当たり前か・・・・！(￣‥￣)=3 ﾌﾝ皆さんも、素材屋さんに置いてありますアニメポインターとは別に、お気に入りのアニメＧＩＦなどがあると思います。それを、この「ＡＮＩめーかー」でアニメポインターに変換してみて下さいませ。 では！がんばって・・・！バックナンバーはこちら⇒>>【オリジナルのアニメーションポインターを作ってみよう】>>【アニメ画像をアニメーションポインターに変換してみよう】Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/10/11
コメント(10)
-
【アニメ画像をアニメーションポインターに変換してみよう】
前回は「ＡＮＩめーかー」というフリーソフトを紹介しました。いきなり、アニメポインターが作れます。が・・！作ったアニメポインターをＷＥＢ上に載せるのは、こちらにいってください。これが理解できませんと、自分のＨＰにアニメポインターを乗せられません。 さて、新規製作からこの「イメージの編集」で ３２×３２のカーソルが出来ます。 立て横の枡を数えてみて下さい。 ３２枡になっていると思います。お判りですか！ 一枡が１ｐｘです。 これですと細かな細工が出来ませんね！ そういうときは、ペイントとかのお絵かきソフトで 画像を書きまして、編集すればＯＫです！ その時の画像のサイズは１００×１００以下ぐらいで作ります。 今回は、ご自分で作ったＧＩＦ画像やアニメＧＩＦのアイコン、または素材屋さんから頂いてきたアイコンをアニメーションポインターにこのソフトを使って変換、編集してみましょう！ 【お気に入りのアニメＧＩＦアイコンをアニメポインターに変換してみましょう】 まずはお絵かきソフトなどで一から画像を作っている方 画像の大きさは、１００×１００ぐらいがいいと思います。出来ました画像は、保存する際、ＢＭＰ ＰＮＧ形式で保存します。「ＡＮＩめーかー」は画像としては ＢＭＰ ＰＮＧでしか取り込めないからです。 もうすでに出来上がった、アニメＧＩＦなどを変換したい場合 あまり大きな画像は避けた方がいいですね！といいますのは、３２ｐｘまで縮小しますから、細部まで画像が出ません。画像の大きさ１００ｐｘが目安だと思います。先にもいいましたが、「ＡＮＩめーかー」は画像としては、ＢＭＰかＰＮＧしか取り込めません。ＧＩＦ、ＪＰＧなどは、ＢＭＰ，ＰＮＧに変換しないといけません。お絵かきソフトなどで、ＢＭＰ、ＰＮＧに保存し直して下さい。 楽天広場上で動いている画像は、ほとんどがアニメＧＩＦです。このアニメＧＩＦをカーソルに取り込むのも、すべて画像を分解してＢＭＰ、もしくはＰＮＧに変換しないといけません。では、それを簡単に変換してくれます、フリーソフトを紹介しましょう。 それが「IrfanView32 日本語版 Ver.3.92」です。これは、有名なソフトです。アニメＧＩＦをドロップするだけで、ＢＭＰの分解した、画像に変換してくれます。ダウンロードは「俺のページ」こちらから！自己解凍方式でレンジのアイコンが出てきますから、ダブルクリックで解凍します。まずはこれをＤＬしてみましょう。 今日は・・・ここまで・・・！これから、Ｆ－１を見たいものですから・・・・！続きは・・・・多分明日！すいません！ではε＝ε＝ε＝（┌￣）┘ダッシュ！ Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/10/10
コメント(4)
-
【オリジナルのアニメーションポインターを作ってみよう】フリーソフトの紹介！
さあ今回は、お約束どうりアニメーションポインターを作ってみましょう。３～４回に分けて書いてみようと思います。 紹介するフリーソフトでオリジナルなアニメポインターを作ってみます。お気に入りのアニメＧＩＦアイコンをアニメポインターに変換してみましょう。 今日は、ソフトの紹介と、そのフリーソフトでオリジナルなポインターの作り方を紹介します。その前に、カーソルにＵＲＬを指定する事は Netscape(Mac)では対応しておりません。これは、Expolorer(WINDOWS)のみです。また、cur,ani,ico,などの拡張子をアップできるサーバーを契約している人しか出来ません。楽天の画像の倉庫ではアップできません！ご承知おき下さい。(￣^￣)b楽天でアニメーションポインターを使いたい人は、まずは↓ここにいってみて下さい。この間紹介しました【カーソルアイコンのダウンロード＆アップロード】はこちら！ では！アニメポインターを編集、製作するフリーソフトを紹介します。 「ＡＮＩめーかー」です。 ←こちらをクリックしてＤＬして下さい！圧縮ファイル lzh になっています。LHASA などの解凍ソフトで解凍して下さいね！・・・・解凍の仕方は・・・分かっていますよね・・そこまで説明させないでね(〃_ _) 【紹介するフリーソフトでオリジナルなアニメポインターを作ってみよう】ＤＬ出来ましたでしょうか？ このアイコンをクリックしますと、下のようなアクティブウインドウが出てきますね。 出て来ましたでしょうか！ まずは、右下の「ヘルプ」をクリックして、 適当に読んで見て下さいませ。 とりあえず「こんなもんかな」程度に読みましょう。 お絵かきをして見ます(￣m￣*)V 左下の「新規」をクリックしてみましょう！ またまた、ウインドウが立ち上がって来ましたね。 それで、ポインターをお絵かきします。 これでお絵かきして行きます。 WINDOWSに入っています、 ペイントみたいなものです。 ここに書いた画像は32px×32px に自動でなります。 アイコンは３２Ｐｘが基本なのです。 細かい説明は・・・勘弁・・・・！ 何せ、いじくりひん回して下さい。 そうすれば活路は開けます(￣m￣*)V これが、私が書いたものです。 仕事場で10分で書きました。(￣‥￣)=3 ﾌﾝ 書き終えましたら、「ＯＫ」をクリックします。 親パネルにイメージが出てきていると思います。 右側には、書きました画像が出ていますね。 気に入らなかったら、下の「編集」で何度でも 書きなおす事が出来ます。 最初につくった、イメージの複製を作ります。 下の「複製」をクリックしますと、 同じ画像が出来ます。 それをポイントして、「編集」を押します。 また、ウインドウが立ち上がりますから 目を変えたり・・口を変えたりします。 そして、「ＯＫ」で親パネルに戻ります。 また気に入らなかったら・・・ 「編集」で気に入るまでお絵かきして下さい。 上の「イメージの編集」タブの右に 「フレームの編集」があると思います。 クリックしますとアニメーションになっています。 右の「プレビュー」が動いていますか？ 多分最初はせわしないと思います。 インターバルの数を大きくしますと遅くなります。 「ＡＮＩテスト」で 自分の作ったポインターが見られます。 気に入らなかったら、また「イメージの編集」に戻り 気の済むまで、いじくりひん回して下さい・・・ 気が済んだら・・・「すべて保存」で保存します。 初期設定保存先は、｛コンピューターＣ｝のWINDOWSの 「cursors」に指定されています。 私は、マイピクチャーに「cursors」というフォルダを作りまして、そこに保存しております。後は、アップロードするだけです。 ざっと話しましたが・・・最初は判らないと思います。お願いですから・・・いじくりひん回してね・・！「理解」は・・いじくりひん回すことです・・・！(￣^￣)b ちなみに私は、このソフトの作者と何の関係もございません。(￣‥￣)=3 ﾌﾝでは！次回も・・・・お願いだから・・・理解してね！(〃_ _)続きは↓こちら！ 【オリジナルのアニメーションポインターを作ってみよう（２）】はこちらから【アニメ画像をアニメーションポインターに変換してみよう】はこちらからCopyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/10/09
コメント(14)
-
【自分で作って見ました】(￣_￣ i)ﾀﾗｰ
これ作って見ました・・・・！所要時間・・・10分・・・(￣m￣*)V これσ(o^_^o)の・・・・か！お！ みなさんも作って見ますか・・・(￣^￣)b日曜日にでも紹介してみましょう！ ・・・・ところで・・・もうすぐ・・３０００００ＨＩＴ(￣‥￣)=3 ﾌﾝ ・・・どうしよう・・・(〃_ _)σ∥ｲﾁﾞｲﾁﾞ･･･ Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/10/08
コメント(11)
-
【日記のページ全体にカーソルを表示】
◆ 日記について ◆私は日記を書かない人です。この日記のページで、私の楽天でやっていることをＨＴＭＬ【プチ講座】として載せております。興味のある人は行ってみて下さいませ！(￣‥￣)=3 ﾌﾝ 【罫線背景バックナンバー】 【プチ講座】MENU 【正面玄関】にもどる 【質問掲示板】はこちらご質問、ご意見は「掲示板」「私書箱」「ご質問掲示板」にどうぞ！今日のアニメーションポインターはぶたさんです。日記の中にアニメーションカーソルなどを入れるには、ＴＡＢＬＥなどを使ってＳＴＹＬＥで指定します。↓このように書いています。 ------------------------------------------------<TABLE ALIGN="CENTER" BORDER="0" WIDTH="100%" HEIGHT="300" BGCOLOR="#E4FCFB" style="cursor:url(http://gtone3142.at.infoseek.co.jp/ani/butasan.ani);"><TR><TD ALIGN="left" valign=top><UL>ここに本文を書きます。ＴＡＢＬＥが判るようにＢＧＣＯＬＯＲ（背景色）を入れてあります。高さ（ＨＥＧＨＴ）は３００ＰＸにしています。</UL></TD></TR></TABLE>------------------------------------------------ アニメーションカーソル、アニメーションポインター 色々言い方がありますが、次回は、アニメポインターを作るフリーソフトの紹介と・・・簡単な作り方をやってみましょうか(￣^￣)b 今日は・・・これで寝させて・・・！σ(o^_^o)・・・・ｱ!(*￣○￣)(￣о￣*)ﾎ!!・・・！ ・・・・このぶたさんのカーソルでコピペできるかな・・・(￣m￣*)V Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/10/07
コメント(7)
-
【２周年記念イベント！結果発表】(￣^￣)b
２周年記念イベント当選者発表！（１）Canonのフォトペーパー ８７大好きさん（２）I.O DATA PCカードルークβさん（３）SONY FD / Victor CD-RMICEY-Kさんおめでとうございました！カウンターは292783でした御３方は私書箱に送り先をお願いいたします。はずれてしまったみなさんも、参加ありがとうございましたでは！これからもよろしくお願いいたしますCopyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/10/05
コメント(25)
-
【2周年記念イベントご応募ありがとうございました】(￣^￣)b
【２周年記念イベントありがとうございました】２周年記念のイベントありがとうございました。２２名の方がご応募下さいました。もう少し多くの方に参加して頂きたかったのですが・・・・景品が・・・３品しかなかったので・・・仕方ないか・・・！１週念記念の時は、５品ありましたからね！(〃_ _)σ３４名の人が参加して下さいました。 2周年記念に参加してくださった人たちを紹介しておきます。（１）Canonのフォトペーパー （２）I.O DATA PCカード（３）SONY FD / Victor CD-R（１）Canonのフォトペーパー みみずくママさん 350000のんたん2354さん 304362ヾ（＠＾▽＾＠）ノ わははさん 301345ヨコチャンさん 296832ワンダーゆうきさん 292355non-no-hkyonさん 303000のんら（きょうこo(^o^)o）さん 295000８７大好きさん 292600ほうりつさん 294777nappikoさん 293456momoの家さん 293339Kotalonさん 293921（２）I.O DATA PCカードルークβさん 290350☆未来です☆さん 298375？？？？？9448さん 320000（３）SONY FD / Victor CD-R西浜荘さん 300000MICEY-Kさん 292500マダムYoshieさん 293660Kuniさん5628さん 295710meiakiraさん 293150Rum Roseさん 293199品物ご指定なし Plam伽羅さん 320000 みなさんありがとうございました。明日10月5日午後5時にカウンターがいくつになっているでしょうか！お楽しみにね(￣^￣)b今日のアニメカーソルはdesigned by MUON さんです。Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/10/04
コメント(8)
-
【２周年記念イベント】締切時間、カウンター時間変更のお知らせ！
２周年イベント締切時間が迫っています２周年イベント 締切時間が迫っています。１０月３日午後十時までです。まだ時間があります。 最近、アニメーションカーソルを作ってみようと思いまして、２～3作ってみました。アニメーションでなければ、簡単に出来るのですが、アニメGIFから作るとなると・・・・・少し時間が掛かります。作り方を説明しますと・・・長くなるのでやめますね！（〃_ _）というか、楽天の「画像の倉庫」には、カーソルアイコンをアップできませんので、カーソルアイコンをアップできるサーバーをお持ちの方しか無縁の話です(￣^￣)b ところで、９月２６日に【２周年記念イベント】の告知をしましたが、少し変更させてもらいます。といいますのは、応募締め切り日の １０月３日は楽天のメンテナンスがあるのです。１時～１３時ということなので少し時間を延ばします。また、１０月５日の正午は 私、会議がありまして多分その時間にはPCの前にいられないと思います。カウンターを確認できませんので、カウンターが確認できる時間にします。 【２周年記念イベント！日時変更のお知らせ】１０月５日（火）午後５時までに私のカウンターがいくつになっているか、お当て下さい。ご応募の締め切りは １０月３日(日）午後１０時までとします。当選の商品は、こちら（９月２６日の日記）で見られます。 ただいま、９名の方がご応募くださっております。みなさん、寸前まで待っているのでしょうか・・・・？・・・・(-_-;)そう信じたいものです。・・・このままだったりして・・・！・・ご応募の方が少ないということは、当たる確率は上がりますけど・・・！１周年記念の時は、３４名の方がご応募くださいましたから・・・・（〃_ _） では変更の件よろしくお願いいたします(￣^￣)b今日のアニメカーソルはdesigned by 蓮4044 さんです。 Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/10/01
コメント(11)
-
【カーソルアイコンを使ってみよう！】2周年イベント・・ふるってどうぞ(￣‥￣)=3 ﾌﾝ
【カーソルアイコンのDL＆UL】 最近また、カーソルアイコン（またはアニメカーソル）についてのご質問が増えました。楽天のどこかで、見たのでしょうね！楽天ではアニメカーソルは使えないと思っていた人もいたと思います。 このタグを紹介したのは、ずいぶん以前になりますから、まとまりのない【プチ講座】になっておりました。まずは、初心者さんの行き当たる壁・・・・！DLとアップロード・・・！いつも聞かれますので、フリーページにまとめて見ました。完全には書き上げていませんが、アップして見ました。これから、アニメカーソルを使ってみようという人は、ここに行って見て下さいませ！ タイトルは↓これです！(￣‥￣)=3 ﾌﾝ初心者のためのＨＰの飾りつけ教室VOL.10【ホームページ上のカーソルを変えてみよう】カーソルアイコンのダウンロード＆アップロード2周年記念のイベントも9月26日に告知いたしました。みなさん振るってご参加下さい。 追伸：昨日の日記でアニメーションカーソルでていますよね！アヒルちゃんが踊ってるやつ・・・！これね！元はアニメGIFなのです。アニメギフをＢＭＰ画像に変換して、それをまた、アニメーションカーソルに変換しました。無料の変換ソフト知りたい方は、いってくださいね！(￣^￣)bまた作ってみました！今度は踊るＭＵＯＮさん！(￣m￣*)V Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/09/28
コメント(14)
-
【広場開設２周年記念イベントぉ～～～～！】(￣‥￣)=3 ﾌﾝ
【2周年記念！イベント】お待たせいたしました。・・・って・・誰もまってないか！(￣‥￣)=3 ﾌﾝ １０月５日は、楽天広場開設２周年です。ここまで来れたのは、一途に私の努力・・いや、皆様のおかげです。(￣m￣*)V放置しておこうと思った事もありましたが・・・・ご質問が来ると・・・自然とその方のところに行ってしまう・・(￣‥￣)=3 ﾌﾝ日記をリンクしてくださっている方、いつも書きこみをくださる方本当にありがとうございます。これからもGT-ONEをよろしくお願いしますね！(￣^￣)b 実のところ、イベントはするつもりはなかったのですが・・・日記の修正で、去年の１周年記念に行きつきまして、今年もやんなくては・・・と！急きょプレゼントを物色しましたが・・・何もない・・・(-_-;)やっと見つけましたのが、下の３点です。大した物ではないのですが・・・私の気持ちなので・・(〃_ _)σ∥ｲﾁﾞｲﾁﾞ･これで勘弁して下さいませ。 （１）Canonのフォトペーパー デジカメ・イラスト用 フォト光沢紙 イラスト・クラフト用 マットフォトペーパー A4サイズ 各５０枚入り２冊です。もちろん無開封です。 （２）I.O DATA PCカード コンパクトフラッシュPCカードアダプター ８MBのメモリカード デジカメのメディアがコンパクトフラッシュの方はもちろんデーターの持ち運びにも使えますね！ （３）SONY FD / Victor CD-R SONYのフロッピーディスク ４２枚入り１ケース VictorのCD-R １０枚組１ケース 開封していますが、もちろん未使用です。【応募方法】 １０月５日正午までに私のカウンターがいくつになっているか、お当て下さい。 ご応募の締め切りは、今日から２周年の２日前、１０月３日(日）正午までです。 一番近い人から順にご希望の品物をプレゼントさせていただきます。 プレゼントの品物は第一希望、第二希望までお書き下さい。 ご希望の品物でカウンターに一番近い方を当選とします。 参加の書き込みは私書箱、もしくは掲示板どちらでもいいです。 その時は、必ずログインして来て下さい。 ということは、楽天の人に限るということです。(￣‥￣)=3 ﾌﾝ 私の日記をリンクしてくださっている人はもちろん、 一度でも掲示板などに書き込みをしてくださった方に限ります。 【書きこみ方】 ------------------------ ハンドネーム 予想カウンター数 第一希望の品 第二希望の品 ------------------------ ちなみにただいま私の１日の平均アクセス数は、４００アクセスです。(￣m￣*)V 日記の更新をしないと２００行くかいかないかです。 更新しますと５００前後は行きます。(￣‥￣)=3 ﾌﾝ まだ時間はありますから・・・様子を見て応募するのもてですね(-_-;) もし応募がなかったら・・・・どうしよう！(-_-;) σ(o^_^o)いじけて・・・広場から・・消えるかも！(￣_￣ i)ﾀﾗｰ PS：おまけも考えております。おまけ知りたい人はお聞き下さい。 ちなみに１周年記念の結果はこちら2003年10月5日Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/09/26
コメント(24)
-
【TABLEの中にTABLE講座】
昨日紹介しました雛形では、５つのTABLEを使っています。どのようにTABLEを重ね合わせているか、簡単に紹介してみましょう！あの雛形は外から、中へTABLEを <TD> セルの中に入れ込んで行きます。まずは、これが一番外のTABLEです。３列３行のセルで出来ています。お判りですよね(〃_ _)！このTABLEの二行目二列目の <TD> セルの中にTABLEを入れます。この説明を書いているセル この中にワンポイントの背景画像や罫線用のTABLEを入れるのですがその、TABLEの基本になるTABLEを先に入れます。 ＊判りやすいようにセルに背景色をつけています。 上のTABLEのセルの中に色々指定するTABLEの基本になるTABLEを入れます。REDの枠で示しています。セル内に、赤の枠のTABLEを入れました。幅は、９５％としています。ですからセルの背景色が少し見えていると思います。背景色はWHITE（白）で指定しています。セル内の基本になるTABLEが出来ました。(￣m￣*)V 上の基本のTABLEにワンポイントの背景画像のTABLEを入れます。 BLUE（青）の枠が左上の背景画像を指定しているTABLEです。GREEN（緑）の枠が右下の背景画像を指定しているTABLEです。 両方ともTABLEのWIDTH（幅）は１００％ですが、基本のTABLEで cellpadding="20" （セルの中の要素の間隔）を指定していますから、基本のTABLEより小さくなります。 最後に罫線の背景画像のTABLEを入れます。オレンジの枠です。セル間を cellSpacing=20 として２０ｐｘの余白を持たせています。中のオレンジの枠が本文を書きます <TD> のセルです。 どうでしょうか！５つのTABLEの配置は判りましたでしょうか！・・・・・お願い判って・・・(-_-;) このように、TABLEを使いまして、色々な事が出来ます。超初心者の方には・・・すぐには理解できないと思いますが！おぼろげに・・・「ふう～～ん！こうなってるのか！」と判ってくだされば幸いです。(￣‥￣)=3 ﾌﾝ では！ε＝ε＝ε＝（┌￣）┘ダッシュ！ PS：ちなみに昨日のタグをTABLEごとに色分けしておきました。
2004/09/25
コメント(4)
-
【色々組み合わせるTABLE】罫線の背景を使って！
【日記の雛形】 マダムＹｏｓｈｉｅさんご質問です。以前紹介した【ＴＡＢＬＥで日記の雛形】ＴＡＢＬＥで枠を！（７月３日）のTABLEの中に、罫線の背景とワンポイントの背景を入れてみました。 マダムＹｏｓｈｉｅさんのところに「自分でやってみました。」ということで見に行きましたが、うまいもので、ちゃんと出来ています。(￣m￣*)V 皆さんも、色々組み合わせて、やってみてくださいませ。 ただいま仕事中ですので、タグと説明は帰宅してからね(￣^￣)b 帰って参りました！とりあえず・・・タグを書いて見ますね！ Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved <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="30" HEIGHT="30"><td></td></table></TD><TD BGCOLOR="#8080FF" ALIGN="center">ここにも文字をかけます！</TD><TD BGCOLOR="#408080" WIDTH="30"></TD></TR><TR><TD BGCOLOR="#8080FF" WIDTH="30"></TD><TD VALIGN="top" WIDTH="" HEIGHT="400" BGCOLOR="white"><!-- ここまで枠のTABLE --><table cellspacing="0" cellpadding="20" width="95%" height="220" align="center"><tr><td bgcolor="white" vAlign="top"><!-- ここからワンポイントの背景用のTABLE --><TABLE ALIGN="center" BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="100%"><TR><TD style="background-image:url(左上の背景画像のURL);background-repeat:no-repeat;background-Position:top left;"><TABLE ALIGN="center" BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="100%"><TR><TD style="background-image:url(右下の背景画像のURL);background-repeat:no-repeat;background-Position:bottom right;"><!-- ここから罫線用のTABLE --><TABLE cellSpacing=5 cellPadding=0 width="100%" align=center border=0><TR><TD background=http://gtone.k-server.org/img2/solid1.gif><FONT style="FONT-SIZE: 15px; LINE-HEIGHT: 22px;color:black;font-family: Comic Sans MS;">ここに本文を書きます！</FONT></TD></TR></TABLE><!-- ここまで罫線TABLE --></TD></TR></TABLE></TD></TR></TABLE><!-- ここまでワンポイント --></td></tr></table><!-- ここまで --></TD><TD BGCOLOR="#8080FF"></TD></TR><TR><TD BGCOLOR="#408080"><table WIDTH="30" HEIGHT="30"><td></td></table></TD><TD BGCOLOR="#8080FF" ALIGN="center"><font size=1>By <A href="http://plaza.rakuten.co.jp/gtone/diary/" target="_blank" style="text-decoration: none;">GT-ONE</A></font></TD><TD BGCOLOR="#408080"></TD></TR></TABLE> -------------------------------外枠の説明：30 が枡の大きさです。大きさを変える場合は数値を同じにして下さい。 枠の色は2種類です。#408080 と #8080FF です。 お好きに変えて下さい。
2004/09/24
コメント(0)
-
【アルバム風！TABLE！】
アルバム風なTABLEを作ってみました。これに似たものは何度も作りましたが、テキストを書き込むセルには例の罫線の背景画像が使ってあります！・・・・ただそれだけなのですが・・(-_-;) これは、セルを増やせば何行でも追加できます。画像の枚数で行を増やしてお使いください！ あのね・・・（〃_ _）σ゛ｲｼﾞｲｼﾞ･･･まだ、２周年記念の品物見つからないのね・・・！あるものといったら・・・ガラクタばかり・・！ どうしよう！も少し待ってくださいね！(￣‥￣)=3 ﾌﾝ ・・まだ仕事中なので・・・！タグは帰宅してからね！(￣^￣)b <table bgcolor="#909090" cellspacing="1" cellpadding="20" width="100%" height="220" align="center"><tr><td bgcolor="white" vAlign="top"><!-- ここからワンポイントの背景用のTABLE --><TABLE ALIGN="center" BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="100%"><TR><TD style="background-image:url(ここに右下のワンポイントの背景画像のURL);background-repeat:no-repeat;background-Position:bottom right;"><!-- ここから罫線用のTABLE --><TABLE cellSpacing="10" cellPadding="0" width="100%" align="center" border="0"><!-- ここから１行目 --><TR><TD background="http://gtone.k-server.org/img2/solid4.gif" ALIGN="left" VALIGN="top"><FONT style="FONT-SIZE: 15px; LINE-HEIGHT: 22px;color:black;font-family: Comic Sans MS;">ここに本文を書きます。</FONT></TD><TD ALIGN="center" VALIGN="middle" bgcolor="pink" style="Padding:10px 10px 10px 10px;"><IMG SRC="ここに画像のURL" width="290"></TD></TR><!-- ここから２行目 --><TR><TD ALIGN="center" VALIGN="middle" bgcolor="pink" style="Padding:10px 10px 10px 10px;"><IMG SRC="ここに画像のURL" width="290"></TD><TD background="http://gtone.k-server.org/img2/solid4.gif" ALIGN="left" VALIGN="top"><FONT style="FONT-SIZE: 15px; LINE-HEIGHT: 22px;color:black;font-family: Comic Sans MS;">ここに本文を書きます。</FONT></TD></TR><!-- ２行目ここまで --></TABLE><!-- 罫線TABLEここまで --></TD></TR></TABLE><!-- ここまでワンポイント --></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>では！タグの説明をしておきます。注意していただきたいのは、画像の幅です。WIDTH="290" は削除しないで下さい。３００以上の多きい画像ですとTABLEからはみ出してしまいます。高さ HEIGHT は書きこまないで大丈夫です。元画像は、WIDTH(幅）を指定すれば同じ比例で高さを表示します。 ブルーのタグが一行目の左にテキストのセルがある行のタグです。グリーンのタグが二行目の右にテキストがあるセルのタグです。3行目を増やす場合は、ブルーのタグもしくはグリーンのタグを<!-- ２行目ここまで -->の後に、コピー＆ペイスとすればいいのです。お判りですか・・・・！お願い判って・・・・(〃_ _) その要領でどんどん行(画像）をふやして行く事が出来ます。 ご注意何度も言うようですが・・・このまま日記の編集ページやフリーページに貼りますとエラーになります。必ず、メモ帖やエディターソフトに貼り付け、画像のURLを入れなおしてから、楽天にアップして下さいね！ ちなみにbgcolor="pink"が画像の背景色です。お好きに色を変えるなり削除するなりして下さいませ。 では！........((((ヘ＿ ＿)ヘ カサコソカサコソ Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/09/22
コメント(17)
-
【ご質問？】
此処に文字此処に文字 これはこのように書いています。---------------------------------------------<CENTER style="border-style:solid;border-width:1px;width:500px;height:400px;background-color:#ffffff;TEXT-ALIGN:left;"></UL>此処に文字此処に文字</UL></center>-------------------------------------------- plam伽羅さん からのご質問ですが・・・！これじゃあ駄目なのかな？全体をセンターリングして、テキストだけは左寄せする！やり方は、いっぱいありますが・・CENTERを使うのでしたらこのやり方です。 CENTER を使った中で、またセンターリングする事も出来ます。テキストを<CENTER>でくくってあげればいいのです。
2004/09/19
コメント(3)
-
【過去の日記！】・・もうすぐ・・2周年！(￣_￣ i)ﾀﾗｰ
◆ 日記について ◆私は日記を書かない人です。この日記のページで、私の楽天でやっていることをＨＴＭＬ【プチ講座】として載せております。興味のある人は行ってみて下さいませ！(￣‥￣)=3 ﾌﾝ 【罫線背景バックナンバー】 【プチ講座】MENU 【正面玄関】にもどる 【質問掲示板】はこちらご質問、ご意見は「掲示板」「私書箱」「ご質問掲示板」にどうぞ！今日も、みかんママさんのグラデーションのTABLEを使わせていただきました。今日はね・・・！去年の今頃、どんなプチ講座を書いていたか、見に行ってみました。2003年9月16日いってみると、案の定ボックスが崩れていまして、ぐしゃぐしゃだったのでそれを直しておりました。私は楽天にここを開設したのは、2002年10月5日です。その一周年記念のイベントをこの日やっていたのですね！(￣_￣ i)ﾀﾗｰそっかぁ～！もう2周年です！もう2週間とわずか・・・・！・・・・ということで・・・また、何かイベント考えて見ますね！(￣‥￣)=3 ﾌﾝちなみにイベントの結果の日記にも行って見ました。案の定ここもボックスが崩れてぐしゃぐしゃでした。2003年10月5日みなさんおなじみの方もいらっしゃるのでは・・・！(￣^￣)bこの後、例のタグ規制がありまして、私のTOPはこのときからいじっておりません！・・・が！・・・今の季節にぴったりのTOPの壁紙になりました。ヾ(▽⌒*)ｷｬﾊﾊﾊo(_ _)ﾉ彡_☆ﾊﾞﾝﾊﾞﾝ!!本当に・・・アレから一年経ったのですね！(￣‥￣)=3 ﾌﾝ 明日から、三連休が取れました。何かイベントに使える品物を捜してみましょう！(￣^￣)bでは！みなさん乞うご期待！(￣m￣*)Vいい物が見つからなかったら・・・・・・！！(￣‥￣)=3 ﾌﾝCopyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/09/17
コメント(10)
-
【みかんママさんの雛形に！】
【グラデーション枠１】これは、みかんママさんのグラディエーションのTABLEです。みかんママさんの承諾を得まして、グラデーションのテキストボックスの中に罫線の背景を入れてみました。 みかんママさんのこのグラデーションの雛形は、よくあちこちの日記で見かけますね。とても素敵です！(￣m￣*)V 実は・・・・・私も使ってみたかったのです・・・（〃_ _）σ゛モックンさんやかずさかさんも紹介しておりますので、あえて私は、このタグの雛形や紹介はしない趣旨でいました！ 罫線の背景画像は何にでも使えることを皆さんに紹介したかったもので今回は、みかんママさんにお借りしてまいりました。みかんママさんのところには、このような素敵な雛形が一杯あります。是非、覗いてみることをおすすめします。(￣^￣)b ではどのように罫線のTABLEを入れているのか、この下に書いてみますね。まずは、罫線のTABLEを表示してみましょう。罫線のTABLEだけ表示しますと、このようになります。実は、このTABLEだけで、便箋風の雛形は出来ます。(￣m￣*)Vこのタグを書きますね！<TABLE cellSpacing="5" cellPadding="0" width="600" align="center" border="0"><TR><TD background="http://gtone.k-server.org/img2/solid1.gif"><FONT style="FONT-SIZE: 15px; LINE-HEIGHT: 22px;color:black;font-family: Comic Sans MS;color:black;">ここに本文を書いていきます。</FONT></TD></TR></TABLE>上のみかんさんのTABLEでは、幅をwidth="90%" と指定していますがこのTABLEでは width="600px" としています。このTABLEを、罫線を入れようとする、一番内側のセルやボックスの中に入れますと便箋風になります。そのとき、WIDTHは％で指定した方がいいですね。上のタグに背景色を指定するタグ bgcolor="#F4F2AC" と枠を指定するスタイルシートstyle="border-style:solid;border-color:black;border-width:1px;"を入れますと、このようになります。あと、cellSpacing="5" の数値を15にして、セルの間隔を広げています。<TABLE cellSpacing="15" cellPadding="0" width="600" align="center" border="0" bgcolor="#F4F2AC" style="border-style:solid;border-color:black;border-width:1px;"><TR><TD background="http://gtone.k-server.org/img2/solid1.gif"><FONT style="FONT-SIZE: 15px; LINE-HEIGHT: 22px;color:black;font-family: Comic Sans MS;color:black;">ここに本文を書いていきます。</FONT></TD></TR></TABLE>みかんさんのタグに罫線を入れたものをこの下に書いておきます。では皆さんがんばってくださいませ！(￣m￣*)V<table cellspacing="1" align="center"><tr><td bgcolor="#101931" width="20" height="20"></td><td style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0 StartColorStr=#33abb9e4 EndColorStr=#cc101931)"></td><td bgcolor="#101931" width="20" height="20"></td></tr><tr><td style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=1 StartColorStr=#33abb9e4 EndColorStr=#cc101931)" width="20"></td><td><center style="width:600px;height:350px;margin:0px;background-image:url(ここに左上のワンポイントの背景画像のURL);background-repeat:no-repeat;background-Attachment:fixed;filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0 StartColorStr=#33abb9e4 EndColorStr=#99101931);overflow-y:scroll;fixed;scrollbar-face-color:#abb9e4;scrollbar-track-color:#abb9e4;scrollbar-arrow-color:#c7b29a;scrollbar-highlight-color:#000000;scrollbar-shadow-color:#ffffff;scrollbar-3dlight-color:#ffffff;scrollbar-darkshadow-color:#000000; text-align:left;"><!--ここから罫線のTABLE--><TABLE cellSpacing=5 cellPadding=0 width="90%" align=center border=0><TR><TD background=http://gtone.k-server.org/img2/solid1.gif><FONT style="FONT-SIZE: 15px; LINE-HEIGHT: 22px;color:black;font-family: Comic Sans MS;color:#EBDF01;">ここに本文を書きます。</FONT></TD></TR></TABLE><!--ここまで--></center></td><td style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=1 StartColorStr=#cc101931 EndColorStr=#33abb9e4)" width="20"></td></tr><tr><td bgcolor="#101931" width="20" height="20"></td><td style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0 StartColorStr=#cc101931 EndColorStr=#33abb9e4)"></td><td bgcolor="#101931" width="20" height="20"></td></tr></table>ご注意このまま、楽天のフリーページや日記の編集ページに貼り付けますと、エラーがでます。必ず、一度メモ帖や、エディターソフトに貼り付けて画像のURLなどを編集の上、アップしましょう！以前のタグ規制やバージョンアップに伴い、楽天では少しのタグミスでエラーがでます。ですから、画像のURLがちゃんと載っていませんと、「えっ～～らっ～～～！」となります。(￣‥￣)=3 ﾌﾝCopyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/09/13
コメント(12)
-
【罫線画像の追加！】
今日は素材屋さん風に【プチ講座】を書いてみましょう！(￣m￣*)V 今朝目が覚めまして、布団の中でぼ～～～っとしておりました。罫線画像で何かおもしろい物はないかな・・と・・・！ふと思いついたのが・・・アニメGIFです。(￣^￣)b 早速作って見ました。それがこれです。(￣‥￣)=3 ﾌﾝ 落ち着きのあるページには不向きですね！(〃_ _) あと、罫線画像の高さを２２ｐｘから２６ｐｘにしたものも作って見ました。テキストの高さを、もっと大きくする事が出来ます。 アニメGIFの罫線画像はこちら→ 罫線画像の背景を使った、大学ノート風の基本的なタグを書いてみましょう。↓タグはこちら <table bgcolor="blue" cellspacing="1" cellpadding="15" width="90%" height="" align="center"><tr><td bgcolor="#F4FBFB" vAlign="top"><!-- ここから罫線用のTABLE --><TABLE cellSpacing=5 cellPadding=0 width="100%" align=center border=0><TBODY><TR><TD background=ここに罫線の画像のURL><FONT style="FONT-SIZE: 15px; LINE-HEIGHT: 22px;color:black;font-family: Comic Sans MS;">ここに本文を書きます。</FONT></TD></TR></TBODY></TABLE><!-- ここまで --></td></tr></table>ご注意このまま、楽天のフリーページや日記の編集ページに貼り付けますと、エラーがでます。必ず、一度メモ帖や、エディターソフトに貼り付けて画像のURLなどを編集の上、アップしましょう！以前のタグ規制やバージョンアップに伴い、楽天では少しのタグミスでエラーがでます。ですから、画像のURLがちゃんと載っていませんと、「えっ～～らっ～～～！」となります。(￣‥￣)=3 ﾌﾝ 罫線の【プチ講座】バックナンバーはこちら↓ 基本説明(１)と大学ノート風シンプルな背景罫線はこちら 8/29基本説明(２)とワンポイントの背景を入れた背景罫線はこちら 8/30スクロールボックスに背景罫線はこちら 8/31画像を載せる際の注意点（１）はこちら 9/1画像を載せる際の注意点（２）はこちら 9/9スクロールボックスにフィルタ（透過）をかけた背景罫線はこちら 9/6 罫線画像素材１ [破線 高さ22px 幅20px]hasen1.gifhasen2.gifhasen3.gifhasen4.gif 罫線画像素材２ [実線 高さ22px 幅20px]solid1.gifsolid2.gifsolid3.gifsolid4.gif 罫線画像素材３ [破線 高さ26px 幅23px]hasen5.gifhasen6.gifhasen7.gifhasen8.gif高さ２６ｐｘの罫線を使う場合は LINE-HEIGHT: 22px; の数値２２ｐｘを２６ｐｘにしてください。罫線画像素材４ [実線 高さ26px 幅23px]solid5.gifsolid6.gifsolid7.gifsolid8.gif高さ２６ｐｘの罫線を使う場合は LINE-HEIGHT: 22px; の数値２２ｐｘを２６ｐｘにしてください。お願い！素材画像はDLしてアップし直してお使い下さい。直リンクしますと、アクセス集中時にすべて、表示されない事があります。Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/09/12
コメント(6)
-
【罫線の背景画像に画像を載せる！】
罫線の背景画像の中に、画像を入れる時の注意点を９月１日の日記に書きましたが、画像にテキストが廻り込むようにすれば、画像の高さを気にしないで画像を載せられます。 <IMG SRC="画像のURL" ALIGN="left"> このようにALIGN="left" ALIGN="right" のタグを入れますと、テキストが画像の左、もしくは右に廻りこみます。やってみましょうか！(￣m￣*)Vまずは、画像を左に配置しまして、右側にテキストを廻りこませます。 画像に続いて、テキストを書いて行きますと、 画像の右側にテキストは廻りこみます。 このようになります。 このままテキストを書いて行きます。 次は画像を右に配置しまして、テキストを左に廻りこませます。 また続けて、テキストを書きますと、 テキストは左に廻りこみます。 どうですか・・・！ 罫線とずれていないでしょ！(￣m￣*)V <IMG SRC="">画像タグの中に ALIGN="left" ALIGN="right" を入れます。このようにすれば、画像の高さを気にしないで、テキストが書けるのです。・・・・判りますよね！お願い判って・・・・！(￣_￣ i)ﾀﾗｰ
2004/09/09
コメント(14)
-
【頼まれ物の雛形！】(￣^￣)b
遥遠さんから、依頼モノです。フィルターのテーブルの中に罫線のタグを入れて見ました。タグはこちら↓ ・・・・・今度は・・・・ワンポイントかい・・・・(￣_￣ i)ﾀﾗｰ・・・・・今度は・・・なに・・・？TABLEを増やせば・・・できるでしょ！(-_-;) (-_-;)・・・これでいいのかな・・・？◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆<TABLE border="0" width="100%" cellspacing="30" background="http://背景画像のURL"><TBODY><TR><TD><TABLE ALIGN="center" BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="100%"><TR><TD bgcolor="#ffffff" width="80%" style="border-width:4px;border-style:double;border-color : #ffffff;filter:Alpha(style=0,opacity=70,finishopacity=70);"><!-- ここからワンポイントの背景用のTABLE --><TABLE ALIGN="center" BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="100%"><TR><TD style="background-image:url(http://ここにワンポイントの背景画像);background-repeat:no-repeat;background-Position:bottom right;"><center style="border-style:none;overflow-y:scroll;overflow-x:auto;scrollbar-base-color:white;scrollbar-arrow-color:black;scrollbar-face-color:white;scrollbar-track-color:skyblue; width:100%; height:350px;text-align:left;"><!--ここから罫線のTABLE--><TABLE cellSpacing=5 cellPadding=0 width="95%" align=center border=0><TBODY><TR><TD background=http://gtone.k-server.org/img2/hasen4.gif><FONT style="FONT-SIZE: 15px; LINE-HEIGHT: 22px;color:black;font-family: Comic Sans MS;"> 遥遠さんから、依頼モノです。ここに本文です！</FONT></TD></TR></TBODY></TABLE></TD></TR></TABLE><!--ここまで--></center></TD></TR></TABLE>もう一つテーブルを入れます！そうするとこうなります。センターリングはしておりません。お判りかな・・・！</TD></TR></TBODY></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>◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆早く来ないとけしちゃうぞう～～～～～～！(￣‥￣)=3 ﾌﾝCopyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reservedもう一つテーブルを入れます！そうするとこうなります。センターリングはしておりません。お判りかな・・・！By GT-ONE
2004/09/06
コメント(12)
-
【頼まれ物！バナー】
金曜日、土曜日と仕事場から時間が出来まして、崩れてしまった【プチ講座】を修復しておりました。日記をリンクしてくださっている方々には、更新更新で大変ご迷惑をおかけしました。まだ、半分も修復しておりません！(-_-;) 結構なページ数がありますから、まだまだ掛かりそうです。修復作業のおりはうっとうしいでしょうが、ご理解のほどよろしくお願いします。 今日は、２７００００HITされました、MUONさんの依頼でバナーを作っておりました。左上と右下にも背景画像として載せて見ました。アニメGIFです！(￣m￣*)V 私の日記をリンクされている方やご常連の方で、キリ番を踏まれてご要望があれば、時と場合によりますが、作らさせていただきます。(￣^￣)b 先週は背景画像で罫線を出して見ました。結構、反響がありまして常連の方々のページで使っていただいたみたいで、ありがとうございました。 さて、今度は何をしましょうか？(￣へ￣｜｜｜) ｳｰﾑまた何か考えて見ますね！ では！ PS：【背景画像で罫線】は８月２９日～９月１日の日記で紹介しております。 Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/09/05
コメント(8)
-
【罫線を背景画像で！４】
今日は３回に分けて紹介しました、罫線の背景画像ですが・・・！システムがよく分からない人のために、次回は少しこの罫線の背景画像について、お話しましょう。(￣^￣)b 画像を入れて、その下のテキストがずれるという方がいるみたいですが画像を入れますと、その画像の高さが２２ｐｘで割れない場合は、テキストがずれてしまいます。画像を入れてずれる方は、画像の高さを２２pxで割れるようにして下さい。 今日は遅いので、明日にでも時間がありましたら、追記しますね！(￣m￣*)V 追記：レンゲローズさんの日記を借れて参りました。画像の高さを、２２ｐｘで割れるようにしまして、高さに対する幅の比率も同じになるように変えています。ちなみに最初の画像は幅４００×高さ３００という風になっていますから、高さを割れるように、幅と高さを↓このように指定しました。<img src="画像のURL" width="381" height="286">その結果が下のスクロールボックスです。２２ｐｘ×１３＝２８６ｐｘですね！元画像の３００ｐｘに近づけて設定します。 行の高さを２２ｐｘに指定しています。罫線の画像も、高さが２２ｐｘになっています。ですからTABLEを入れ込むときも、ボックスを入れるときも２２ｐｘで高さが割れるようにすれば、テキストと罫線は外れません。(￣^￣)b では！ε＝ε＝ε＝（┌￣）┘ダッシュ！ 今日のはちょっと大人のフクシアです。（アカバナ科フクシア属）フクシアの名はドイツの植物学者レオナルド・フクスの名前にちなんだものだそぅです。調べてみましたら耐寒性自体は５℃くらいなので通常の室内であれば越冬はそれほど難しいものではないというのですが･･･むしろ、暑さに弱いので夏に弱ることが多くそちらが通常は問題になります。冬に枯らしてしまうのはおそらく低温で活動していない状態での灌水過多だと思われます。低温期は乾燥気味に管理するのが原則で１０月下旬から１１月上旬頃に室内に取り込みますが、なるべく暖かい部屋に置き用土の表面が乾いてから少量灌水するという管理を徹底すればいいそう～。葉があれば窓越しに光に当てるようにしますが完全に落葉していればそれほど当てる必要はなく４月下旬頃から、屋外に出し成長が始まれば植え替えします。 ということだそうです～。さて昨日のクイズですがベッドライトでした。 こんな感じになります。正解者はひろさん・とうまジィ～ジさんでした。ニアピン賞は檸檬さん・ワンダーゆうきさんでした。そこでじゃんけんをしていただきたいのですが･･･1～5回戦ですから1＝パー･2＝パー・3＝パーという風に書いて私書箱にお送り下さいませ～。お待ちしています。罫線日記にチャレンジいたしましたが画像のサイズに問題ありそうでずれてしまう～。今まで格闘？いたしましたがあえなく･･･ぅぅぅ諦めました。檸檬さんやマダムYoshieさんのように出来ない･･･By GT-ONECopyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/09/01
コメント(16)
-
【罫線を背景画像で！３】
台風のおかげで・・・時間が取れました。皆さんは台風大丈夫だったでしょうか！今日も２９日、３０日と紹介しました、罫線を背景画像で出してみましょう。(￣^￣)b今回は昨日のTABLEをスクロールボックスに入れてみました。 タグはこの下に書いておきますね。 http://ワンポイントの背景のURLのところに背景画像を入れます。http://gtone.k-server.org/img2/hasen4.gifが罫線の画像のURLです。緑で書いてあるタグは、私のリンクです。リンクなんか貼んねえよって言う人は、削除してください。（〃_ _）σ゛<CENTER で始まるこの色のタグがスクロールボックスのタグです。 By GT-ONE<table bgcolor="skyblue" cellspacing="1" cellpadding="20" width="80%" height="400" align="center"><tr><td bgcolor="white" vAlign="top"><!-- ここからワンポイントの背景用のTABLE --><TABLE ALIGN="center" BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="100%"><TR><TD style="background-image:url(http://ワンポイントの背景のURL);background-repeat:no-repeat;background-Position:bottom right;"><!-- ここから罫線用のTABLE --><CENTER style="border-style:none;overflow-y:scroll;overflow-x:auto;scrollbar-base-color:white;scrollbar-arrow-color:black;scrollbar-face-color:white;scrollbar-track-color:skyblue; width:100%; height:350px;text-align:left;"><TABLE cellSpacing=5 cellPadding=0 width="95%" align=center border=0><TBODY><TR><TD background=http://gtone.k-server.org/img2/hasen4.gif><FONT style="FONT-SIZE: 15px; LINE-HEIGHT: 22px;color:black;font-family: Comic Sans MS;">ここから本文を書きます。</FONT></TD></TR></TBODY></TABLE></CENTER><!-- ここまで --></TD></TR></TABLE><!-- ここまでワンポイント --></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>檸檬さんからの依頼です。左上と右下に背景画像を追加しました。タグは↓これです。 <table bgcolor="#909090" cellspacing="1" cellpadding="20" width="90%" height="220" align="center"><tr><td bgcolor="white" vAlign="top"><!-- ここからワンポイントの背景用のTABLE --><TABLE ALIGN="center" BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="100%"><TR><TD style="background-image:url(http://左上の背景画像のURL);background-repeat:no-repeat;background-Position:top left;"><TABLE ALIGN="center" BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="100%"><TR><TD style="background-image:url(http://右下の背景のURL);background-repeat:no-repeat;background-Position:bottom right;"><!-- ここから罫線用のTABLE --><TABLE cellSpacing=5 cellPadding=0 width="100%" align=center border=0><TBODY><TR><TD background=http://gtone.k-server.org/img2/solid4.gif><FONT style="FONT-SIZE: 15px; LINE-HEIGHT: 22px;color:black;font-family: Comic Sans MS;">檸檬さんからの依頼です。左上と右下に背景画像を追加しました。</FONT></TD></TR></TBODY></TABLE><!-- ここまで --></TD></TR></TABLE></TD></TR></TABLE><!-- ここまでワンポイント --></td></tr></table> Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/08/31
コメント(11)
-
【罫線を背景画像で！２】
今日も罫線を背景画像で出してみましょう。(￣^￣)bこの雛形は罫線を実線にしたものです。そして、もう一つ背景画像をワンポイントで入れています。 タグはこの下に書いておきますね。 http://ワンポイントの背景のURLのところに背景画像を入れます。http://gtone.k-server.org/img2/solid4.gifが罫線の画像のURLです。緑で書いてあるタグは、私のリンクです。リンクなんか貼んねえよって言う人は、削除してください。（〃_ _）σ゛#909090 は枠の色を指定します。white が背景色を指定しています。お好みで変えまして、ご使用下さいませ！ By GT-ONE<table bgcolor="#909090" cellspacing="1" cellpadding="20" width="80%" height="220" align="center"><tr><td bgcolor="white" vAlign="top"><!-- ここからワンポイントの背景用のTABLE --><TABLE ALIGN="center" BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="100%"><TR><TD style="background-image:url(http://ワンポイントの背景のURL);background-repeat:no-repeat;background-Position:bottom right;"><!-- ここから罫線用のTABLE --><TABLE cellSpacing=5 cellPadding=0 width="100%" align=center border=0><TBODY><TR><TD background=http://gtone.k-server.org/img2/solid4.gif><FONT style="FONT-SIZE: 15px; LINE-HEIGHT: 22px;color:black;font-family: Comic Sans MS;">ここから本文を書きます。</FONT></TD></TR></TBODY></TABLE><!-- ここまで --></TD></TR></TABLE><!-- ここまでワンポイント --></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>これはSKYBLUEの実線の罫線です。テキストを書きませんと、罫線は出ません。お判りですか？これはREDの実線の罫線です。テキストを書きませんと、罫線は出ません。お判りですか？これはBLACKの実線の罫線です。テキストを書きませんと、罫線は出ません。お判りですか？今日は、↓罫線の雛形画像の右側の４つを使ってみました。画像のDLはご存知かと思いますが、右クリックで保存してください。 Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/08/30
コメント(7)
-
【背景画像で大学ノート風罫線！】(￣^￣)b
最近この様な、便箋風や大学ノート風の日記を見かけますね。ほとんどは[TABLE]で表示されています。そしてその中に入れる罫線なのですが、<HR> に「STYLEシート」で形状や色を指定して表示しています。または、TABLEの<TD> セルを使いまして、表示しているものもあります。しかし、この罫線は、両者ともその都度書きこまないといけません。あれはわずらわしいものがあります。そこで、この罫線を背景画像としてリピートさせてみたらどうでしょう！罫線をタグでいちいち書く手間が省けます。このテーブルの罫線は背景画像です。(￣m￣*)Vタグを書いてみましょうか！<table bgcolor="black" cellspacing="1" cellpadding="15" width="90%" height="220" align="center"><tr><td bgcolor="#E9FDFE" vAlign="top"><!-- ここから罫線用のTABLE --><TABLE cellSpacing=5 cellPadding=0 width="100%" align=center border=0><TBODY><TR><TD background=http://gtone.k-server.org/img2/hasen2.gif><FONT style="FONT-SIZE: 15px; LINE-HEIGHT: 22px;color:black;font-family: Comic Sans MS;">ここに文字を書きます。テキストを書きませんと、罫線は出ません。お判りですか？</FONT></TD></TR></TBODY></TABLE><!-- ここまで --></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>どのような画像なのか拡大表示してみましょうか。 ←５倍に拡大して枠を付けております。 元画像の大きさは、２０ｐｘ×２２ｐｘ というGIF画像です。 LINE-HEIGHT: 22px;←このタグが味噌なのです。 これはテキストの行の高さを指定しています。 賢明なるみなさんはもうお分かりになりましたね。(￣m￣*)V 背景画像の高さと同じですね。ですから、背景画像とテキストがずれないのです。・・・・お判りですか・・・(￣_￣ i)ﾀﾗｰ お願い判って！ この画像は、ペイントなどで簡単に作れますから、皆さんも製作してみて下さい。また、背景色を透過することを忘れないようにね！ 画像が作れない方のために、雛形を載せておきますが、直リンクはご勘弁下さい。(￣^￣)b時期が来ますと、URLを削除します。(￣‥￣)=3 ﾌﾝDLしてお使い下さい。カーソルを当てると形状のテキストが出ます。http://gtone.k-server.org/img2/hasen2.gifが罫線の画像のURLです。上の罫線の画像の雛形のURLを入れます。 では！ε＝ε＝ε＝（┌￣）┘ダッシュ！ Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/08/29
コメント(11)
-
【日記もどき】・・・・昔のアニメGIF！
またまた、忙しくなりまして......更新出来ていません！(-_-;) 現場で暇なときにﾌﾟﾁ講座を時々直していますが・・・・直すたびに、訪問者は増えますが・・・・！お騒がせして申し訳ありません。 昔のおもしろい画像を出して来ました。両方ともあにめGIFです。結構重いので、直リンクはご勘弁を・・・！ この日記の雛形はこちら！ では！ε＝ε＝ε＝（┌￣）┘ダッシュ！Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights ReservedBy GT-ONE
2004/08/25
コメント(9)
-
【日記の雛形】画像中心の日記製作に！(￣^￣)b
毎度毎度言いますが、以前は日記でTABLEが使えませんでした。そのため、STYLEシートでボックスを作りまして、TABLEモドキで色々作っていましたが・・・・以前作りました、ボックスのTABLEモドキを、正規のTABLEに直してみます。スクロールボックスだけは、STYLEシートのボックスです。此処に文字を入れます。此処に文字を入れます。此処に文字を入れます。此処に文字を入れます。 此処に文字を入れます。此処に文字を入れます。此処に文字を入れます。右のボタンの画像をクリックしますと大きなＷＥＢ画像で表示されます。消す時は×マークをクリックしてね此処に文字を入れます。 此処に文字を入れます。此処に文字を入れます。此処に文字を入れます。【画像１】 【画像２】 【画像３】 【画像４】 【画像５】 【画像６】 By GT-ONE(-_-;) タグを書こうとしたんですが・・・・！半角で１０００字オーバーです。(￣‥￣)=3 ﾌﾝフリーページに書いておきます。タグはこちら！これは、初心者の人にはちょっと難しいかもしれませんが、がんばってチャレンジしてみて下さい。画像のURLはそのまま載せておきます。では！ε＝ε＝ε＝（┌￣）┘ダッシュ！
2004/08/21
コメント(5)
-
【TABLEの枠をダブルに】頼まれ物！
ひろこばばさんからの頼まれ物です。 【プチ講座】で紹介しております、STYLEシートを使いました、テキストボックスですが！もうTABLEが使えるようになった今、必要なくなりました。必要なもの意外は、削除しようと思います。判らないものがございましたら、ご相談下さい。時と場合によっては、このように作らせていただきます。(￣^￣)bこのようにタグにつなげて文字を書きますこのようにタグにつなげて文字を書きます此処に文字を書きます此処に文字を書きます此処に文字を書きます此処に文字を書きます此処に文字を書きますこのようにタグにつなげて文字を書きますBy GT-ONE<table bgcolor="" cellspacing="0" cellpadding="15" width="500" align="center" style="border-style:double;border-width:3px;border-color:black;"><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"></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><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></td></tr></table>Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/08/20
コメント(6)
-
【TABLEの背景を使った枠】頼まれ物
今日は、以前日記でTABLEが使えない時に、TABLEもどきとして、ボックスに背景を入れまして枠のようにしたタグを正規のTABLEに直してみました。 このTABLEは、non-no-hkyonさんが使っていたものですが、お気に入りだそうでTABLEで何とかなりませんか？ということで作らさせてもらいました。 この下にタグを書いておきますから、皆さんも参考にしてください。 では！ε＝ε＝ε＝（┌￣）┘ダッシュ！Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved <TABLE ALIGN="center" BORDER="1px" CELLSPACING="0" CELLPADDING="0" WIDTH="80%" HEIGHT="600" BGCOLOR="plum" BORDERCOLOR="#FF0000" style="cursor:help;"><TR><TD><TABLE ALIGN="center" BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="450" HEIGHT="450"><TR><TD COLSPAN="3" WIDTH="450" HEIGHT="51" background="http://一番上の背景画像のURL"></TD></TR><TR><TD WIDTH="45" HEIGHT="306" background="http://左の背景画像のURL"></TD><TD WIDTH="360" HEIGHT="306" bgcolor="lemonchiffon"><CENTER style="font-size:15px;color:black;line-height:1.5em;font-family:Comic Sans MS;border-style:none;overflow-y:scroll;overflow-x:auto;scrollbar-base-color:white;scrollbar-arrow-color:black;scrollbar-face-color:white;scrollbar-track-color:pink; width:350px; height:280px;">ここに本文！枠の幅、高さは背景画像に合わせます。</CENTER></TD><TD WIDTH="45" HEIGHT="306" background="http://右の背景画像のURL"></TD></TR><TR><TD COLSPAN="3" WIDTH="450" HEIGHT="51" background="http://一番下の背景画像のURL"></TD></TR></TABLE></TD></TR></TABLE>
2004/08/18
コメント(10)
-
【帰って参りました！】(￣‥￣)=3 ﾌﾝ
田舎から夕べ帰って参りました。行きは12時間・・・・・(-_-;)帰りは13時間・・・・・(-_-;)ヾ(▽⌒*)ｷｬﾊﾊﾊo(_ _)ﾉ彡_☆ﾊﾞﾝﾊﾞﾝ!!もう笑うしかない・・・・・！(￣‥￣)=3 ﾌﾝ プチ講座、またぼちぼち直して行きますが・・・！急ぎのご質問、「あそこを直して、解説しろ・・・」(￣‥￣)=3 ﾌﾝなどありましたら、・・・・・・お教え下さい！ モックンさんも軽快に編集し直しているみたいです。私と来たら・・・・・たったの4ページしか直しておりません。時間があったらな・・・・(〃_ _)σ∥ｲﾁﾞｲﾁﾞ･･･ 今日のタグです↓--------------------------------------------------------<TABLE border="0" width="100%" cellspacing="30" background="http://背景画像のURL"><TBODY><TR><TD bgcolor="#ffffff" width="80%" style="border-width : 4px;border-style : double;border-color : #ffffff;filter: Alpha(style=0,opacity=70,finishopacity=70);"><center style="font-size: 15px;color:black;line-height : 1.5em;overflow:auto;width:100%;height:400px;text-align:left;"><UL> ここに本文！</UL><center><font color=blue size=1>Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved</font></center><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></center></TD></TR></TBODY></TABLE>--------------------------------------------------------Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights ReservedBy GT-ONE
2004/08/17
コメント(12)
-
【日記の雛形】修正作業は・・・思ったほど簡単ではなかった！(-_-;)
むやみにDLしない！DLする時はよく状況を読みましょう！というアニメです。(￣^￣)bクリックHERE◆日記の雛形◆昨日は【プチ講座】の一番上の「楽天で知って得するタグ」の4ページほど直しましたが・・テキストボックスがうまく表示できなく・・・とても手惑いました。<FONT STYLE="～～"> で テキストボックスを作ろうとすると、崩れてしまうことがわかりました。以前のようにボックスを横に並べようとしたのですが、なかなかできません。TABLEを使って、その中にボックスを入れて横に並べるのは簡単に出来るのですが！ 日記でもTABLEが使えるようになった今、テキストボックスはあまり使い道がなくなりましたね。スクロールボックスを作る時だけは、有効です。(￣^￣)b 何か・・・【プチ講座】を直す気力が半減してしまいました。(-_-;)で今日は、【日記の雛形】を作ってみました。以前に紹介した、 TABLEで枠を使った ものに、もう一つ内側に枠を入れてみました。内側の枠がわかりやすいように、カラーネームで書いておきました。一列目が、 PINK DEEPPINK RED 二列目が、 GREEN WHITE SKYBLUE 三列目が、 RED YELLOW PINK となっていますから、お好みで変えてください。 背景画像は、右下に一枚だけFIXではめ込んであります。URLもこのママ載せておきますので、参考にしてくださいませ。 スクロールバーは、５００PXの高さになっています。それ以上のテキストを書きませんと、動作しません。初心者の方はいきなり、スクロールバーが出てくると思っている方がいらっしゃいます。テキストを書き足していきませんと、動作しませんから・・・あしからず！(￣m￣*)V ではこの下に書いてみます。 Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights ReservedBy GT-ONE <TABLE ALIGN="center" BORDER="0" CELLSPACING="3" CELLPADDING="0" WIDTH="80%" HEIGHT="150px" BGCOLOR="white" style="cursor:help;font-size:15px;line-height:1.5em;color:black;font-family: Comic Sans MS;"><TR><TD BGCOLOR="408080"><table WIDTH="23px" HEIGHT="23px"><td></td></table></TD><TD BGCOLOR="#38080FF"></TD><TD BGCOLOR="#408080"><table WIDTH="23px" HEIGHT="23px"><td></td></table></TD></TR><TR><TD WIDTH="23px" HEIGHT="" BGCOLOR="#8080FF"></TD><TD ALIGN="center" VALIGN="middle" WIDTH="" HEIGHT="400px" BGCOLOR=""><!--ここから中のTABLE--><TABLE ALIGN="center" BORDER="0" CELLSPACING="3" CELLPADDING="3" WIDTH="100%" HEIGHT="150PX" BGCOLOR="white" style="cursor:help;font-size:15px;line-height:1.5em;color:black;font-family: Comic Sans MS;"><TR><TD BGCOLOR="pink"><table WIDTH="20px" HEIGHT="20px"><td></td></table></TD><TD BGCOLOR="deeppink" ALIGN="center">◆<font color=white>日記の雛形</font>◆</TD><TD BGCOLOR="red"><table WIDTH="20px" HEIGHT="20px"><td></td></table></TD></TR><TR><TD WIDTH="20px" HEIGHT="" BGCOLOR="green"></TD><TD VALIGN="top" WIDTH="" HEIGHT="400px" BGCOLOR="white" style="background-image: url(http://plaza.rakuten.co.jp/img/user/65/14/1286514/107.jpg);background-repeat:no-repeat;background-Position:bottom right;"><CENTER style="overflow-y:scroll;scrollbar-base-color:#DDFFFF;scrollbar-arrow-color:black;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:500px;text-align:left;"><UL>ここに本文を書きます。</UL></CENTER></TD><TD WIDTH="20px" HEIGHT="" BGCOLOR="skyblue"></TD></TR><TR><TD BGCOLOR="red"><table WIDTH="20px" HEIGHT="20px"><td></td></table></TD><TD BGCOLOR="yellow"><center><font color=blue size=1>Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved</font></center></TD><TD BGCOLOR="pink"><table WIDTH="20px" HEIGHT="20px"><td></td></table></TD></TR></TABLE><!--ここまで--></TD><TD WIDTH="23px" HEIGHT="" BGCOLOR="#8080FF"></TD></TR><TR><TD BGCOLOR="#408080"><table WIDTH="23px" HEIGHT="23px"><td></td></table></TD><TD BGCOLOR="#8080FF"><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></TD><TD BGCOLOR="#408080"><table WIDTH="23px" HEIGHT="23px"><td></td></table></TD></TR></TABLE>
2004/08/14
コメント(11)
-
【帰省中です！】
└(￣▽￣*)こんばんわ♪ ただいま帰省中です！12時間かけて帰ってまいりました。お袋が亡くなって、2年です。お金もないし、と言って帰らないわけには行かないので・・・・！車で帰ってまいりました。(￣‥￣)=3 ﾌﾝ明日は、お袋の墓参りから・・・御先祖様の墓を3箇所回ります。明日も暑くなりそうですね！でも、北海道は・・・・雨とか！・・・・・・！ A-H"で繋いでいますから、時々切られます。時間があれば、【プチ講座】を改修しようかなと思っております。その時は、しつこく更新しますが、御勘弁くださいませ。 では！ちょっとヨッパナ・・・GTーONEでした。(￣m￣*)V この日記の雛形は、こちら By GT-ONE
2004/08/12
コメント(6)
-
【編集機能！初心者には！GOOD！】日記もどき(￣‥￣)=3 ﾌﾝ
今日も日記もどき(￣‥￣)=3 ﾌﾝ今日は現場で時間がありましたので楽天広場の編集ページの「デザイン設定」を覗いて見ました。「デザインテーマの設定」「表示項目の設定」「表示件数の設定」「詳細設定（上級者用）」編集機能のバージョンアップ・・・なかなかいいじゃん！(￣^￣)b初心者にはこれはいいかもしれませんね！簡単にHPが作れます。「詳細設定（上級者用）」もちょっと、HPをかじった人でしたら簡単にできそうですね。HTML・・・タグに慣れた人は、やはり物足りないのかな・・・！σ(o^_^o)もともと、楽天では、ほとんどのHTMLは効きません。スタイルシートとテーブルが唯一のHTMLですね。でも、ちょっと工夫すればオリジナルなページが作れそうですね。盆休み帰省した時にでも、少しいじってみましょう。では！日記モドキでした！(￣‥￣)=3 ﾌﾝε＝ε＝ε＝（┌￣）┘ダッシュ！この日記の雛形は、こちらページの背景指定して見ました！クリックHERE！Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/08/10
コメント(7)
-
【バージョン後修正中！】日記もどき(￣‥￣)=3 ﾌﾝ
ＭＵＯＮさん から画像を借れてきまして、自分のロゴを打ち込んだモノです(-_-;) 今日もバージョンアップ後、判った事を書いてみますね。 日記のページでは、以前のようにタグが使えるようです。背景画像を指定する事も出来ます。もちろん全体のですね！フリーページにいたっては、インフレームだと思うのですが編集ページとフリーページ、タイトル画像という風に完全に分離させられています。背景画像は編集ページ部分しか載りませんね！ 昨日から、自分のページや日記のページの直しをやっておりますが、TOPページにいたっては、過去の遺物として、あのまま残してやろうと思います。楽天さんは、何かいってくるかな・・・！(￣‥￣)=3 ﾌﾝ 私、まだバージョンアップの方は皆無に等しいぐらい、いじっておりません。とりあえずは、【プチ講座】の崩れたページを直して行きますので、新しいバージョンアップについてのご質問には・・？？？？・・(?_?)です！よろしくお願いします。 私事ですが、昨日 Bフレッツ光に回線が変わりました。その前は、ADSL ８Mbだったのですが・・・速度は 1.5Mbps しか出ていませんでした。光ファイバーは光ファイバーなのですが、マンションタイプのVDSL方式なので、あまり速度は望めないということです。しかし、２３Mbps でておりますから、良しとしましょう。VDSL方式の平均スループットは１３Mbps なのだそうで・・・(￣^￣)b では！今日はこのへんで！墓参りに行ってまいります。ε＝ε＝ε＝（┌￣）┘ダッシュ！ ページの背景指定して見ました！クリックHERE！Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/08/08
コメント(11)
-
【実験中！】バージョンアップに伴い判った事(￣‥￣)=3 ﾌﾝ
◆ 日記について ◆私は日記を書かない人です。この日記のページで、私の楽天でやっていることをＨＴＭＬ【プチ講座】として載せております。興味のある人は行ってみて下さいませ！(￣‥￣)=3 ﾌﾝ 【プチ講座】MENU 【正面玄関】にもどるご質問、ご意見は「掲示板」「私書箱」「ご質問掲示板」にどうぞ！◆バージョンアップに伴い判った事！◆└(￣▽￣*)こんちわ♪今日は、少し真剣に(￣^￣)bあっちこっち日記やらページをいじって見ました。そこでσ(o^_^o)なりに判った事を載せてみますね！STYLEシートで色々な命令を出す時は、各属性の単位を指定してあげないといけません。例えば、フォントを指定する時 font-size:px; font-size:pt; font-size:pc; のようにサイズに単位をきっちり入れてあげないといけなくなりました。もちろん幅や高さの指定も同じです。 width:px; height:px; このように！また、位置指定のスタイルシートの属性も同じです。position:absolute;top:60px;left:100px; このように位置の単位をしっかり入れてあげないと表示しません。 スタイルシート <B STYLE=""> でテキストボックスを造っている人は Bタグではテキストボックスが崩れてしまいます。<FONT STYLE=""> <CENTER STYLE=""> <P STYLE=""> などでしたら、表示できます。σ(o^_^o)も以前はよくこの Bタグを使っていましたから、ほとんど崩れてしまいました。(￣‥￣)=3 ﾌﾝというのは、P と CENTER のタグは互換性が悪いのです。一緒のボックスでは使えません。そのため、CENTER を使う時は Bタグを使っておりました。 スタイルシートで色を指定するときは、カラーコードの前に必ず # を入れないといけません。例えば、ブラックは ００００００ ですね！以前はこれでもOKでした。しかし、#００００００ と書かないと、コードを読み込んでくれません。カラーネーム BLACK はそのまま使えます。 テキストのワンポイントでよく使っていました影文字、これも <FONT>タグの中に入れますと、表示しません。更新ページでは <FONT> でスタイルを指定しても表示されるのですが、いざページにいって見ますと、表示されていません。<CENTER> <P> にスタイルシートを入れますと表示できます。 背景画像やターゲットの位置を指定する position: のタグは使えますね。position:absolute; は使えないと思っておりましたが、この上でやっているように・・・つ！か！え！・・・ます。ちなみにディスプレーを消す <font style="display:none;">のタグも使えました。 何か情報などありましたら、教えて下さいませ。(￣‥￣)=3 ﾌﾝ実験してほしい物があればお教え下さいませ！では！この変で・・・！Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/08/07
コメント(6)
-
【日記もどき！(￣‥￣)=3 ﾌﾝ】
コメントコメントこのテーブルは遥遠さんのものです！スクロールボックスを入れたいとのことで、作りました。バージョンアップ後、まだ何一つ手をつけておりません。ため息しか出ませんね！(￣‥￣)=3 ﾌﾝ ところで私事ですが、明日午後より「Bﾌﾚｯﾂ光ファイバー１００Mb」に変わります。半分くらいの速度は出てくれれば、うれしいのですがね！ 夜の９時ごろからログイン出来ない日が続いておりますね！楽天さんはサーバーをどうにかした方がいいですね！下手なバージョンアップなんかしないで・・・・(￣^￣)b ・・・・・あああ・・・修復が・・・やりたくない・・・！(-_-;) 情報や励ましの書き込みありがとうございます。みなさんのところ廻れないでいます。すいません！(-_-;)落ち着きましたら・・・伺いますので・・・・よろしくお願いします。ありがとうございました！
2004/08/06
コメント(8)
-
【実験中！】お騒がせします。
日記 GT-ONE WEBSITE 【プチ講座】 【プチ講座】 ヘルプ（ご質問掲示板）実験中です！(￣へ￣｜｜｜) ｳｰﾑ スクロールボックスの overflow-y: scroll; のタグを入れますと、エラーになりますね。という事は、スクロールは使えなくなったのかな・・・？後、ポジュションも駄目なようですね！ STYLEシートのいくつかの属性を禁止したみたいです。まことに申し訳ありませんが、今度の日曜日までこのまま放置します。その間に、何が使えなくなったのか、少しずつやって行きます。(￣^￣)b overflow:auto; でスクロールが出ましたね！スクロールボックスは使えそうです！(￣m￣*)Vスクロールの高さは指定しないといけないみたいです。あと、文字や画像にフイルターをかけるタグfilter:shadow(color:black;direction:60);height:15;width:100%;これを書きますと、エラーになりますね！(￣‥￣)=3 ﾌﾝ では！｜出口｜ λ............ﾄﾎﾞﾄﾎﾞ ・・・・(￣‥￣)=3 ﾌﾝε＝ε＝ε＝（┌￣）┘ダッシュ！ Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/08/04
コメント(13)
全446件 (446件中 201-250件目)
