2026
2025
2024
2023
2022
2021
2020
2019
2018
2017
2016
2015
2014
2013
全8件 (8件中 1-8件目)
1

今日は、お約束どうり昨日の雛形にスクロールバーをいれてみました。 スクロールの高さは、300PXにしてありますから、テキストをそれ以上書きませんと、スクロールバーは出てきません。また、テキストを書かなくとも、300PXの改行だけでもスクロールバーは現れます。 画像のURLはそのまま載せておきます。赤のURLがそうです。お好きに変えて下さい。罫線の背景画像のURLは青です。罫線画像のダウンロードは、こちらから! 背景色は、BGCOLOR で表しております。これも分かる方は、お好きに変えて下さい。 何も書く事がないのですが・・・(〃_ _)スクロールバーを出すために・・・も少し書いてみましょう。 も少しで師走ですね!せわしない月がまた来ます。 昨日のお返事を書きに、先ほどみなさんのところを廻っていたのですが、どちらのお宅も・・・クリスマスバージョンになっておりました。色んな素材で飾付けていらっしゃいます。 で!私も・・・去年の素材を持ち出して・・・貼ってみました。・・・・・・・( ̄‥ ̄)=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 bgcolor=#F5E9F5 VALIGN=top colspan=2 rowspan=2 style="border-style:dashed;border-width:5px;border-color:pink;"><CENTER style="overflow-y:scroll;overflow-x:auto;scrollbar-base-color:#F5E9F5;scrollbar-arrow-color:white;scrollbar-face-color:#F5E9F5;scrollbar-track-color:white;scrollbar-highlight-color:white;scrollbar-3dlight-color:white;scrollbar-shadow-color:white;scrollbar-darkshadow-color:white;height:300px;width:100%;text-align:left;"><!-- ここから罫線用の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><!-- ここまで --></CENTER></TD><TD width=30% BGCOLOR="white"><IMG SRC="http://plaza.rakuten.co.jp/img/user/65/14/1286514/85.gif" width="200"></TD></TR><TR><TD width=30% bgcolor=#E0FCE2 style="border-top:dotted;border-top-color:#DDFFFF;border-top-width:5px;border-right-width:5px;border-right-color:#DDFFFF;border-right:dotted;"><BR><BR><BR></TD></TR><TR><TD width=30% BGCOLOR="white"><IMG SRC="http://plaza.rakuten.co.jp/img/user/65/14/1286514/107.jpg" width="200"></TD><TD VALIGN=top width=30% bgcolor=#E0FCE2 colspan=2 style="border-left:dotted;border-left-color:#DDFFFF;border-left-width:5px;border-right-width:5px;border-right-color:#DDFFFF;border-right:dotted;border-bottom-width:5px;border-bottom-color:#DDFFFF;border-bottom:dotted;"><CENTER style="overflow-y:scroll;overflow-x:auto;scrollbar-base-color:#E0FCE2;scrollbar-arrow-color:white;scrollbar-face-color:#E0FCE2;scrollbar-track-color:white;scrollbar-highlight-color:white;scrollbar-3dlight-color:white;scrollbar-shadow-color:white;scrollbar-darkshadow-color:white;height:300px;width:100%;text-align:left;"><!-- ここから罫線用の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><!-- ここまで --></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> ご注意:罫線画像が出ていないことがあります。 これは罫線画像をアップしている私のサーバーがサーバーダウンしているからです。 それがいやな人は、個人でちゃんとアップし直して下さい。 直リンクしたまま、アクセスが集中しますとサーバーダウンします。( ̄‥ ̄)=3 フン
2004/11/28
コメント(20)

関東地方は、小春日和が続いております。日中は暖かなのですが・・・・やはり朝晩は、冷え込むようになりましたね! 紅葉でも撮りに出かければいいのですが・・・・出不精の私は・・・・家の中で・・・ごろごろしております。 今日は、書類関係が一段落しまして・・・土曜日の休みです。 日記の雛形を久しぶりに作って見ました。これは、3列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)
やはり、いい雛形が思いつかないので、日記でTABLEが使えるようになってから作りました、「日記の雛形」をまとめて見ました。 日記でTABLEが使えるようになったのは、2004年2月の末日からです。それまでは、STYLEシートでボックスを作りまして、TABLEのように表示しておりました。 日記でTABLEが使えるようになってから、日記の飾付が容易になりました。「日記の雛形」がお目当ての人に・・・TABLEで作りました、「日記の雛形」をまとめています。 お気に入りが見つかりましたら、ご自由に御持ち帰り下さいませ!( ̄‥ ̄)=3 フン 「日記の雛形」2004/2/29~2004/11/13ブラウザ風TABLEでBOX(1)(枠画像を使って)TABLEでBOX(2)(枠画像を使って)TABLEでBOX(3)(画像を使って)はがき風(パクリ!)「お知らせ用」TABLE「正面玄関用」TABLE「MENU用」TABLETOPの新着用TABLETABLEのセルで枠TABLEの色々な枠背景画像を1枚で背景画像を4枚入れる背景画像を2枚入れる1個の大きな背景画像(1)1個の大きな背景画像(2)1個の大きな背景画像(スクロール付)便箋風TABLEのセルで2重枠TABLEの中にフィルターをかけるアルバム風フィルターの中に背景画像スクロールバーを消したTABLE3列3行のTABLE罫線背景画像の雛形基本説明(1)と大学ノート風シンプルな背景罫線はこちら基本説明(2)とワンポイントの背景を入れた背景罫線はこちらスクロールボックスに背景罫線はこちら画像を載せる際の注意点(1)はこちら画像を載せる際の注意点(2)はこちらスクロールボックスにフィルタ(透過)をかけた背景罫線はこちら罫線画像の素材追加はこちら罫線を使った雛形(みかんママさん)はこちらアルバム風罫線のTABLEはこちら日記の雛形!枠のTABLEの中に罫線画像はこちらTABLEの中にTABLE講座はこちらCopyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/11/23
コメント(5)
皆さんしばらくでした。久しぶりの日記もどきです。(〃_ _) 先週は、新しい、現場が始まり・・・・毎日、書類や図面のチェックでパソコンとにらめっこでした。・・・・帰ってくると、ぐったりで・・・更新など、やる気力が無く・・・・!・・・そして・・・ネタもなく・・・・!日曜日にいたっては、軽い微熱と、目まいがとまらなくて・・・一日中寝ておりました。(-_-;)・・・・・もう歳なのかな・・・! 日曜日には、新しい日記の雛形でも考えようと思っていたのですが・・!どうも、体が拒絶反応を示したみたいです。( ̄‥ ̄)=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; のような属性も使えなくなっています。私のTOPが縦長に崩れた理由が・・・やっと分かりました。( ̄‥ ̄)=3 フン しかし・・・・?日記では・・・使えるのです??????多分、テーブルなどで「楽天ロゴ」を隠したりする、お子がいるから、使えなくしたのかな・・楽天さん!そのうち・・・日記でも使えなくなってしまいそうですね・・( ̄_ ̄ i)タラー 今日は、スクロールボックスを2個並べまして、見えないボックスの中に入れて別々に表示して見ました。 ・・・続きは・・・次のページで・・・・( ̄m ̄*)V 上の次のページをクリックしますとページが変わります。 簡単にタグの説明をします。・・・でも分かるかな・・・・(〃_ _) スクロールを表示しない、スクロールボックスの中で、リンクを貼っています。2個のスクロールボックスをリンクしています。 「次のページ」をクリックしますと、スクロールして、「次のページ」が出てきます。外のボックスは、スクロールバーが見えませんから、同じページで現れたように見えます。 ・・・・・判らないよね・・・( ̄_ ̄ 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="ここにあなたの日記のURL#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="ここにあなたの日記のURL#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>---------------------------------------------------------------------------------ご承知置き下さい。日記のページは、10日分しか表示できません。10日分が過ぎますと、リンク先(ページ)が変わってしまいますね。その時は、リンクを変更して下さいね。 その書きこんだ日記のURLから、日記の日付のURLに・・・分かるかな・・・・! では!( ̄‥ ̄)=3 フン Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/11/13
コメント(7)

【BGM特集!コルトレーンはどうですか!】 一曲ずつ聞いて下さい。聞いたら、メディアを閉じてから次を出してね( ̄^ ̄)b photo by MUON Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
2004/11/10
コメント(8)
また、日記の雛形を作ろうと思っているのですが・・・シンプルで素敵な雛形ッて、難しいものですね!【このTABLEどこかで見ませんでしたか!】気がついたあなたは・・つうですTABLEを組み合わせて・・・マーキーも入れて、STYLEシートで色々複雑にする事は、簡単に出来ますが・・・! ・・・それにはセンスもいりますから素敵な物はなかなか出来ません。 最近は、シンプルイズベストなのです。 Image by MUONこのTABLEはどこかで見た事がないですか?そう!「TABLEで枠」の雛形に文字を入れたのです。 この枠の紹介はこちら各セルにテキストを入れますと、このようになります。 ただ、セルの大きさは、指定しません。 初心者の方には、TABLEを使いまして、この様な事も、出来るという事を判って頂きたいですね! 同じ3行3列のTABLEですがまるっきり違う物に、見えませんか? では!今日はこのへんで!Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reservedε=ε=ε=(┌ ̄)┘ダッシュ!追伸:タグを書いておきます。BGCOLOR="" が背景色ですね!お好きに変えて下さい。一行目のセルの幅が2行目、3行目に反映されます。テキストは適度に書きまして、改行して幅を決めるといいです。画像を入れる場合は大きさに注意して下さい。大きな画像は、セルを押し広げてしまいます。<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">1行1列目のセルの中です。テキストを書きます。</TD><TD BGCOLOR="#8080FF" ALIGN="center"><FONT COLOR="#FFFFFF">【1行2列目のセルの中です】</FONT></TD><TD BGCOLOR="#408080">1行3列目セルの中です。テキストを書きます。</TD></TR><TR><TD BGCOLOR="#8080FF">2行1列目のセルの中です。テキストを書きます。</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;">2行2列目のセルの中です。罫線の背景画像が入っています。</FONT></TD></TR></TABLE><!-- ここまで罫線TABLE --></td></tr></table><!-- ここまで --></TD><TD BGCOLOR="#8080FF">2行3列目のセルの中です。テキストを書きます。</TD></TR><TR><TD BGCOLOR="#408080">3行1列目のセルの中です。</TD><TD BGCOLOR="#8080FF" ALIGN="center">3行目2列目のセルの中です。</TD><TD BGCOLOR="#408080">3行目3列目のセルの中です。</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)
はじめに:このTABLEはスクロールバーが出ていませんが!スクロールします。 ちょっと前に「スクロールバーを消せないでしょうか!」というご質問が来ました。色々やっているうちに、「自動改行」で出来る事が分かりました。楽天広場の日記はすべて「自動改行」になっています。 ちなみに、HTML(自動改行なし)で、自動改行をテキストに指定するタグは、<PRE> テキスト </PRE> と始まりと終わりに入れますと、その間のテキストは自動改行出来ます。 スクロールはSTYLEシートで指定しています。そのスクロールの命令を、Y方向(縦方向)しか指定しないで、TABLEで押し広げてあげますと、スクロールバーが隠れてしまいます。 自動改行でしか出来ない、裏技です。( ̄m ̄*)V ・・・・初心者の人には・・・この説明じゃあ・・判らないよね・・(〃_ _)・・・判らなくともいいです・・・なにせ・・消しちゃうのです。( ̄^ ̄)b・・・・ちゃんとあるんですが・・・ほんとはね!( ̄‥ ̄)=3 フン このTABLEは、以前紹介しました、TABLEに罫線画像を入れましてスクロールする日記の雛形です。消して見ました。( ̄m ̄*)V タグを書いておきますが、必ずスクロールすることを掲示しておくことをおすすめします。でないと!スクロールバーが見えませんから・・・訪問者が勘違いする恐れがあります。 では!・・・・!( ̄^ ̄)b PS:赤いTABLEが味噌です。 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://ワンポイント画像のURL);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)
全8件 (8件中 1-8件目)
1


![]()