GT-ONE 楽天タグ講座 パイプ奮闘記

Freepage List

【写真集】


■ 玄関 ■ 


■プチ講座MENU


【日記の雛形・罫線】


【もう一つのプロフィール】


■【おもしろタグ教室MENU】


バナーって何!


プレート教室VOL.1


プレート教室VOL.2


アニメGIF製作VOL.3


画像


アップロードとは  


アイコンの使い方!


壁紙の使い方!


【バナー&プレート置き場】


.    


.      


.    


  


.


【壁紙チェンジャー】


【リンク集】


   


.   


     


.         


【キリ番】


   


  


   


  


  


  


  


  


  


 


  


  


  


マーキー


グラデーションフォント 


色々なスクロール1


色々なスクロール2


色んなスクロール3


  


   


【カラーサンプル】カラーコード表


【カラーサンプル】カラーネーム表


(*mm)   


!  


スクロールを消す


  


  


TABLEでページ一覧を隠す


.


φ(..)


.


スイッチで表示


【日記リンクの皆様】 


( ̄‥ ̄)=3 フン


      


 


           


■【HPの飾り付け教室MENU】


   


TABLEで整理整頓  


アニメGIFって何!


      


画像を貼り付けてみよう


リンクを貼って見よう


楽天での壁紙について


壁紙の位置指定


 


【飾付VOL10】


test


雛形1


Rum Rose


remon


【My PIPE Collection】


【マイ パイプ コレクション001~010】


【マイ パイプ コレクション011~020】


【マイ パイプ コレクション021~030】


【マイパイプ コレクション #31~#40】


レストアの仕方


2003/08/31
XML
カテゴリ: カテゴリ未分類

楽天は、日記のサイトで有名です。
みなさんも日記にはいろいろな凝った趣向をしていますね。

この【プチ講座】でちょっと前に 「日記でボックスを使う」 というのを紹介したと思います。
ボックスをいくつか使って、色々なレイアウトをしてみましょう。
まずは、画像の横にテキストを廻りこませてみましょう。
これも、ボックスを2個横に並べますと簡単に出来ます。
画像の説明なんかに使うといいと思います。(*^^)v





F-103

此処に文字を入れます。 

此処に文字を入れます。

此処に文字を入れます。

此処に文字を入れます。






此処に文字を入れます。 

此処に文字を入れます。

此処に文字を入れます。

此処に文字を入れます。

F-102



これのタグは↓これです。 



<center style="background-image: url(~背景画像のURL~);border-style:double;width:90%;">

<B style="border-style: none; border-width:1; width: 45%; height:;"><IMG SRC="~画像のURL~"></B> <B style="border-style: none; background:; width: 45%; height:;">
<HR style="border-style: dashed; height:1;border-color:blue; width: 90%;">此処に文字を入れます。 
<HR style="border-style: dashed; height:1;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1;border-color:blue; width: 90%;">
</B>


<B style="border-style: none; background:; width: 45%; height:;">
<HR style="border-style: dashed; height:1;border-color:blue; width: 90%;">此処に文字を入れます。 
<HR style="border-style: dashed; height:1;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1;border-color:blue; width: 90%;"></B>
<B style="border-style: none; border-width:1; width: 45%; height:;"><IMG SRC="~画像のURL~"></B>

<a href=></a></center> 



上のボックスはこのように配置されています。

黒いタグが全体のボックスです。
赤い部分が左上の画像のボックスです。
ピンクの部分が右上のテキストボックスです。
青い部分が左下のテキストボックスです。
緑が右下の画像を入れているボックスです。


では次にテキストボックスをスクロールできるボックスにしてみましょう。
スクロールボックスにすると、何行でもテキストが書きこめます。




F-103

此処に文字を入れます。

此処に文字を入れます。

此処に文字を入れます。

此処に文字を入れます。 

此処に文字を入れます。

此処に文字を入れます。

此処に文字を入れます。






此処に文字を入れます。

此処に文字を入れます。

此処に文字を入れます。

此処に文字を入れます。 

此処に文字を入れます。

此処に文字を入れます。

此処に文字を入れます。


F-102




↑これのタグを書いてみましょう。





<center style="background-image: url(~背景画像のURL~);border-style:double;width: 90%;">

<B style="border-style: none; border-width:; width: 45%; height:;"><IMG SRC="~画像のURL~"></B><B style="border-style: none;overflow-y:scroll;overflow-x:auto;scrollbar-base-color:pink;
scrollbar-arrow-color:black;scrollbar-face-color:pink; scrollbar-track-color:white; width: 45%; height:200;">
<HR style="border-style: dashed; height:1;border-color:blue; width: 90%;">此処に文字を入れます。 
<HR style="border-style: dashed; height:1;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1;border-color:blue; width: 90%;">
</B>

<B style="border-style: solid;border-width:1;background:pink; width: 45%; height:200;overflow-y:scroll;overflow-x:auto;scrollbar-base-color:pink;
scrollbar-arrow-color:black;scrollbar-face-color:pink; scrollbar-track-color:white;">
<HR style="border-style: dashed; height:1;border-color:blue; width: 90%;">此処に文字を入れます。 
<HR style="border-style: dashed; height:1;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1;border-color:blue; width: 90%;">
</B><B style="border-style: none; border-width:; width: 45%; height:;"><IMG SRC="~画像のURL~"></B>

<a href=></a></center>



簡単な日記でのボックスの使い方をやってみました。
ではでは・・・みなさんがんばって下さい。(*^^)v

もっと説明を入れたかったのですが、5000字一杯です。(-_-;)








お気に入りの記事を「いいね!」で応援しよう

Last updated  2003/08/31 09:04:14 PM
コメント(32) | コメントを書く


■コメント

お名前
タイトル
メッセージ
画像認証
上の画像で表示されている数字を入力して下さい。


利用規約 に同意してコメントを
※コメントに関するよくある質問は、 こちら をご確認ください。


Re:【日記の雛形Ⅱ】(8/31)  
よぉ★0605  さん
わ~コレいい!
どこかで 使ってみま~す(*^。^*) (2003/08/31 06:14:52 PM)

Re:【日記の雛形Ⅱ】(8/31)  
こんばんわ

「日記の雛形」と聞き飛んで参りました。(*^_^*)
是非今度使わせていただきたいと思いますので
またご報告させていただきます。
ホンといつも感謝です。(*- -)(*_ _)ペコリ
そして、もう一つ気になったことが・・・。
第3回プチオフですって!!!
是非名古屋で!!来月こっそりやるのですがすでに
10人ほど集まってますよ♪ヾ(=^▽^=)ノ (2003/08/31 06:26:12 PM)

Re:【日記の雛形Ⅱ】(8/31)  
tomoran1127  さん
こんばんは~

日記の雛形教室ありがたいです!!
どの様に使わせてもらおう~って頭の中グルグル
まわっています★
(*σ-σ)ノ*:・・:*マタネー*:・・:*

   (2003/08/31 10:36:26 PM)

Re:【日記の雛形Ⅱ】(8/31)  
こんばんは!
久しぶりのタグ講座が、これまた、長編?ですね。
gtoneさんが、元気になられた証拠ですね。(*^_^*)

近いうちの参考にさせていただきます。m(__)m (2003/08/31 10:44:23 PM)

Re:【日記の雛形Ⅱ】(8/31)  
hikohkigumo  さん
楽天の日記、色々工夫を凝らして、自分の色を出すのがいいですよね
体調、もう、良くなられたのでしょうか
また、暑さがぶり返すみたいなので、お大事に☆
(2003/08/31 11:00:09 PM)

Re:【日記の雛形Ⅱ】(8/31)  
(* ^-^)ノ(* ^-^)ノこんばんわぁ♪

ぽんは今の日記の雛形にしてから面倒くさくてずーっと変更無しです(^-^;A
たまには違う形のを書いて気分転換しなきゃなぁ・・・。

そっか!京都にはそんな思い出が・・・。
嵐山のお豆腐はおいしいですよね♪←って、一回しか食べたことない( ̄Д ̄;)
舞妓さんは見たことないじょ・・・。 (2003/08/31 11:10:56 PM)

Re:【日記の雛形Ⅱ】(8/31)  
澤田~  さん
こんにちは。
お久しぶりです。タグ日記につかわさせてもらいますね^^V

次のモックンファミリーは何処であるのかな??
楽しみ~~ (2003/09/01 01:52:06 PM)

Re:【日記の雛形Ⅱ】(8/31)  
mikan550205  さん
とても参考になります~~~
使う人の身になったタグだなぁ~~感心しました。

例の写真のタグはチョッと失敗をしました。
また、サイズを合わせて頑張ります~~

(2003/09/01 02:38:30 PM)

Re:【日記の雛形Ⅱ】(8/31)  
のんら  さん
日記の雛形タグ公開
ありがとうございますm(_ _"m)ペコリ

お2人の体調の方は?いかがですか?
ムシムシと蒸し暑いから・・・
お気をつけて・・・
(2003/09/01 02:53:15 PM)

Re:【日記の雛形Ⅱ】(8/31)  
こんばんは

楽天のメンテ長かったようですね。

9月になり日の落ちるのが早くなってきたようです。

日記の雛形
日記では、タグの制限が多いので大変ですね。
いろいろ試さないと・・・・

また見に来ます。



(2003/09/01 07:44:56 PM)

Re:【日記の雛形Ⅱ】(8/31)  
julyneko  さん
こんばんは~

メモ帳は 以前GTONEさんに教えて頂いた
「Super tag 32 pro」を 使わせていただいています。
質問は 質問の掲示板に 書かなければ
いけないのですか?

GTONEさんも 京都には素敵な懐かしい
想い出がおありになるのですね。
京都は何度 訪ねても素敵なところですね。
(2003/09/01 07:58:27 PM)

Re:【日記の雛形Ⅱ】(8/31)  
meiakira  さん
スクロールバー付きが追加されていますね。。

昨日もメモ帳に保存させて頂いて、
掲示板にお礼の書き込みを~って思っていたら
主人が調べたい物があるというので
PCカードを奪われてしまいインターネットが出来なくなりました。。
それで、今朝一番にって思っていたらメンテの最中・・
ちなみに私はメンテの事全く知らなかったんです(^^ゞ

追加分もしっかり保存させて頂きました。。
いつもありがとうございますm(__)m (2003/09/01 11:32:07 PM)

Re:【日記の雛形Ⅱ】(8/31)  
MICKEY-K  さん
画像横の文字もスクロール出来るんですね!!
(⌒▽⌒;) オッドロキー!!!

今度 画像使った時に
使わせて頂こうかな~(*^-^)ニコ♪

皆さん 凄いです~☆

お身体の具合は どうですか???
復活 されましたか?
お大事に!!
お嬢さんの手術も 成功しましたか?
頑張って下さい!! (2003/09/02 12:05:43 AM)

Re:【日記の雛形Ⅱ】(8/31)  
ねモッチ  さん
こんばんわ。楽天は、日記のサイトで有名です。
有名なんだあ。新聞とか?
今日疲れました。
めんてしたわりには、重い。長く時間かかったですか?おなかすいたあ。 (2003/09/02 12:50:40 AM)

Re:【日記の雛形Ⅱ】(8/31)  
meiakira  さん
おはようさんで~~す(*^_^*)

日記を書かない人って誰の事かなぁ?o(・_・= ・_・)o キョロキョロ・・
あッ・・・私の事かぁ~(〃⌒∇⌒)ゞえへへっ♪
週記から月記にならないように頑張りま~すσ(^◇^;) (2003/09/02 08:22:55 AM)

Re:【日記の雛形Ⅱ】(8/31)  
今日は、みかんママさんの日記から、こちらに飛んできました。

見やすい画像の並べ方ですね。
本当に、楽天にはすごい方がいっぱいいるのですね。
また、勉強させてください。
(2003/09/02 10:54:07 AM)

Re:【日記の雛形Ⅱ】(8/31)  
檸檬12  さん
こんにちは!!

体調が悪かったんですね。

お見舞いにも来ませんでごめんでした!!

もう大丈夫なんですか?
暑いから、無理しないようにね!!

タグ、お借りします~~。
出来ると嬉しいけど!!

お大事に~~!! (2003/09/02 03:52:21 PM)

Re:【日記の雛形Ⅱ】(8/31)  
こんばんは

縮小画像をクリックすると標準画像を表示する
をちょっといじって説明文を表示するようにしてみました。

ページ用は、テーブルを使えるので実用的ですが、
日記用は、表示はできるのですがあまり実用的になりませんね。

タグは自分で試して見ないと
のせられませんね。

小中学生がHTML講座の真似事
たしかに何処かのコピペばかりですね。

また見に来ます。

(2003/09/02 07:40:33 PM)

Re:【日記の雛形Ⅱ】(8/31)  
こんばんわ

今日の日記で使わせていただきました。
なんだか1部分ミスしてしまいましたが・・・。
(*^_^*)
またいろいろ参考にさせていただきます。
宜しくお願いします。(*- -)(*_ _)ペコリ (2003/09/02 08:15:23 PM)

b(⌒o⌒)d おっ \(*^▽^*)/ はぁー!!   
お久し振りです!
お身体の調子はいかがですか?
まだまだ、残暑が厳しい日が続きそうです。
お大事にして下さいね・・

ところで「玄関をもうひとつ・・」の件ですが
頑張って作りたいと思います。でも、時間がかかりそう・・
GT-ONE’さんの所へ度々お邪魔させて頂く事に
なりそうです。m(__)m

昨日は〝トライポット〟関係のものの整理に時間が
かかっていましました。・・トホホッ
(2003/09/03 08:24:19 AM)

Re:【日記の雛形Ⅱ】(8/31)  
檸檬12  さん
こんにちは!!

やっぱり写真が大きすぎたんですね。
何度やり直しても駄目だから
それしかないかな?と思っていました。

でも、あれはあれで綺麗でした!!
お世話になりました~~!!

今日も暑いね、
ばてないようにね!! (2003/09/03 01:50:47 PM)

Re:【日記の雛形Ⅱ】(8/31)  
こんにちは^^

日記の雛形さっそく使わせて頂ますね♪いつもありがとうございます♪ (2003/09/03 03:19:32 PM)

Re:【日記の雛形Ⅱ】(8/31)  
澤田~  さん
こんばんは。
テストは実力テストなので結果はまだまだ先になるみたいです。

父兄同伴とは??
まっ近ければ^^行きます。
(2003/09/03 05:49:04 PM)

Re:【日記の雛形Ⅱ】(8/31)  
遥遠  さん
こんばんは
なかなか、今回のタグは面白そうですね
時間が出来たら、使わせて頂きたいと思います (2003/09/03 09:26:54 PM)

Re:【日記の雛形Ⅱ】(8/31)  
ねモッチ  さん
★*♪。☆*★*♪。☆*★*♪。☆*( ̄∇ ̄*)ノ″オヤスミィ♪
( ̄ー ̄〃)ノオホヨウ((_ _〃)ペコッ
今日1日がんばろう。 (2003/09/04 02:00:40 AM)

Re:【日記の雛形Ⅱ】(8/31)  
tsmy5416  さん
ご無沙汰しています。

この間、旅行に行って写真を載せたんですが、、
是非、雛形使わせて頂きたいと思います。
日記だけじゃなく、ページでも使えますよね?

残暑が厳しい今日この頃ですね。
どうぞ、お身体ご自愛ください!!!
(2003/09/04 10:47:45 AM)

Re:【日記の雛形Ⅱ】(8/31)  
ぽんママ♪  さん
おひさしです。

すごい・・・

日記であんな事まで!!

って言うか、あのボックスの説明するための文字って相当だよね。

裏ではさぞかし凄い事に・・・(元となる日記が見てみたい♪)

日記で文字制限引っかかった事ないからな。。。
(2003/09/04 02:42:42 PM)

Re:【日記の雛形Ⅱ】(8/31)  
masa6425  さん
ボックスのタグも工夫すると、すごい便利に使えますね。
プチ講座、役に立ちます (2003/09/04 05:54:45 PM)

Re:【日記の雛形Ⅱ】(8/31)  
♪Ю-(^▽^*)オジャマシマース!!

困ったときはよろしくお願いします(=^ー^=)にこっ♪
この日記のタグをお借りしていきます・・・
返しにこないので、「戴いていく・・・」が正解かも・・・ (2003/09/05 12:20:43 PM)

Re:【日記の雛形Ⅱ】(8/31)  
こんにちは!
【誰がストーカーだってぇぇ!】
このマウスストーカーは、GT-ONEさんらしいですね。(^_-)☆

次々流行りものが出てきますね。

今日の日記で、またまたタグをお借りしました。
今日は、珍しくスムーズに更新できましたよ。 (2003/09/06 03:02:57 PM)

Re:【日記の雛形Ⅱ】(8/31)  
MICKEY-K  さん
お久しぶりです(汗)

お身体の調子はどうですか?
無理しないで ゆっくり休めると良いですね。
お大事に・・・!!

日記の雛形Ⅱのタグを
お借りしました。 事後報告ですみませんm(_ _"m)

練習してきま~す。。。 (2003/09/09 10:41:35 AM)

Re:【日記の雛形Ⅱ】(8/31)  
こんにちわ・・
昨日はどうもありがとございました。。
今日は 日記の雛形Ⅱのタグ日記に使わせて
もらいました。。
しかしトップの日記にタグが飛び出してしまいます。。これ消える方法ありますか? (2003/09/11 04:47:02 PM)

【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X

PR

×

Profile

gtone

gtone

Calendar


© Rakuten Group, Inc.
Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: