こんばんは♪
日記にこんなステキな雛型が付けれるのは私には何時のことかなぁ~。。(;´へ`)トホホ
頑張らなくては。。
maiakiraさんの所ではとってもステキに付いていました。。

(2003/09/24 10:30:05 PM)

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/09/23
XML
カテゴリ: カテゴリ未分類


【日記の雛形Ⅴ】 でみなさんに結構反響がありました。
    やはりみなさん、素材屋さんでテーブルタグを使った枠を見ているのですね。

    楽天の日記ではテーブルは使えませんから、「どうにか出来ないかな」と
    思っていた人も多かったことと思います。

    前回は、テキストボックスを囲む枠を四分割(上下左右の枠)にして見ました。
    とりあえず、簡単に出来ますように!

ご質問がありました、・・というより・・要望ですかね?(^_-)-☆
    8分割にした、雛形も載せてくれとのことでした。
    上の枠と下の枠にコーナーのボックスを入れたいとのことです。

    今日はそれをやってみましょう。( ̄‥ ̄)=3 フン


    まずは、どのようにボックスを並べるのかボックスに枠をつけて表示してみましょう。

一番外のぼっくす
上の真中のボックス枠
左枠 テキストボックス
スクロールのテキストボックス





右枠
下の真中のボックスの枠




    ↑このようにボックスを並べてみます。

余談ですが、ボックスに画像を入れてテストしてみるときには、
    各ボックスのborder-style:none;(枠を表示しない) を 
    border-style:ridge;(枠を表示する)にしてやってみると
    ボックスの位置関係がよく分かりますよ。(*^^)v








此処に文字を入れます。

此処に文字を入れます。

此処に文字を入れます。

此処に文字を入れます。 

此処に文字を入れます。  




此処に文字を入れます。

此処に文字を入れます。

此処に文字を入れます。

此処に文字を入れます。 

此処に文字を入れます。

此処に文字を入れます。

此処に文字を入れます。










    こんな風になります。(*^^)v

    ここで少し説明を入れておきますね。
    各コーナーのボックスには画像が直接いれてありますが、
    縦横のサイズが同じでないといけません。
    左下角(20×20) と 左上角(20×20) はこのように、
    画像自体のサイズが同じ大きさです。

    右上角、右下角、も同様です。

    残りの4つのボックスは、ボックスの中に背景画像として入れています。
    例えば、上の枠の真中のボックスには  という画像を背景画像に指定しています。
    この画像の大きさは 50(幅)×20(高さ)となっていまして、両脇の画像の高さと同じです。
    そして、真中のボックスの幅を400に指定していますから、
    横に8回(50×8回=400)リピートしてくれます。

    下の枠の真中のボックスも同様です。

    左右の枠には、という画像を背景画像に指定しています。
    この画像の大きさは 20(幅)×50(高さ)になっています。
    上下のコーナーの画像の幅20と同じです。
    そしてこの画像を左右のボックスの背景画像に指定しています。
    左右のボックスの高さは400にしていますから
    縦に8回(50×8回=400)リピートしてくれます。

    お判りでしょうか・・・・・・・・・・・・?お願い・・・わかって(-_-;) 

    この下に書くタグを言葉で説明するとこのようになります。( ̄‥ ̄)=3 フン

と勢いよくアップしましたが・・・また字数制限ですべてアップできません。
    9月22日にタグは載せますね。(-_-;)
    この↓したです。



【プチ講座メニュー】 は←こちらから!









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

Last updated  2003/09/23 11:12:05 PM
コメント(25) | コメントを書く


■コメント

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


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


Re:【日記の雛形Ⅴ-3】(9/23)  
nao*0918 さん
gtoneさん、今回の日記の雛形も素敵ですね。
いつも、素材選びがとてもお上手ですね。
今回は、8つ。数が増えると難しそうですね。
画像の倉庫も少なくなってきたしあきらめようかなぁ。
(2003/09/23 02:39:09 PM)

Re:【日記の雛形Ⅴ-3】(9/23)  
meiakira  さん
border-style:none;をborder-style:ridge;にすれば
うまくいってるか、解り易いんですよね。。
でも~~ッ、やっぱり大変そうですね(-_-) (2003/09/23 03:55:48 PM)

Re:【日記の雛形Ⅴ-3】(9/23)  
こんにちわ~♪
日記の雛形、一応作りました。。。
昨日も挑戦して出来ず、今日は何とか出来ました_(^^;)ツ アハハ
今一ですが、頑張りました。。。
作れる喜びかみしめてます(^_-)-☆パチッ
では、バタン♪Ю―(^O^ )オジャマシマース (2003/09/23 04:48:17 PM)

Re:【日記の雛形Ⅴ-3】(9/23)  
有難うございました。m(__)m
お墓参りで、お忙しい所すみません。
タグをお待ちしています。

サイズが違っていたので、幅と高さを指定して、変形していたのですが・・・ (2003/09/23 05:39:08 PM)

Re:【日記の雛形Ⅴ-3-a】(9/23)  
nao*0918さん さん
⌒(=^o^=)⌒こんばんは♪
今トップからこちらに来ようと思ったら、パソコンのカテゴリーが全て消えていてビックリしました。楽天さんまた重いし…、おかしいですね??
私は、まだ4個バージョンの別のが今日やっと出来た所です。8個バージョンはまた頂きに来ます。
(2003/09/23 07:38:12 PM)

Re:【日記の雛形Ⅴ-3-a】(9/23)  
こんばんは

一周年記念イベント
もう少し後で参加させて頂きます。

ボックスの組み合わせ
幅や高さの指定なかなか難しいですね。
枠をつけたり背景色をつけるなどすると
わかりやすいですね。

楽天、今の時間ちょっと重たいですね。
また見に来ます。




(2003/09/23 08:11:40 PM)

Re:【日記の雛形Ⅴ-3-a】(9/23)  
かっき-  さん
こんばんわぁo(^-^ o)

もうタグばっかり見ててぐるぐるしてきちゃったわ!!。・°°・(*/_\*)・°°・。えーん

とは言えやってみたかったタグがあるのに使わないわけにはいかないわ!!

と思い頑張ってるんだけど・・疲れましたわ!
またぼちぼちとやってみようか!なんて思います・・・

今日の雛形タグも複雑・・・目が(・・)
でもやってみた~~い!
その内字数制限にまた引っかかるかも・・・

そうそう画像縮小専用のソフト簡単なのね!
最初は解らなくって??だったけど・・・やってみたら簡単でしたわ!!
こう言ったソフトの紹介はとってもうれしい♪
(*^▽^*)ノ Thanks!!★彡ですわ!! (2003/09/23 09:18:20 PM)

Re:【日記の雛形Ⅴ-3-a】(9/23)  
こんばんは!
タグの紹介と詳しい解説、有難うございました。m(__)m
やはりgtoneさんは、なんでも出来てしまいますね。
IT関係でないのに、素晴らしいですね。心より尊敬します。

とりあえず、コピーペしましたら、ちゃんと出来ました。
タグをプリントして、眺めているところです。
明日にでも試してみます。

面倒なリクエストに応えていただいて、感謝しています。
本当に有難うございました。m(__)m (2003/09/23 10:21:37 PM)

Re:【日記の雛形Ⅴ-3-a】(9/23)  
(* ̄ー ̄)ノ彡☆゚・。・゚★・こんばんは。

先ほどは何回もアクセスしちゃってすみませんでしたm(__)m
急いでいるのにうまくいかなくて・・
GT-ONEさんへの書き込みも遅れてしまって
重ね重ねすみません!!

また、頑張ってトライしてみます!( ̄▽ ̄)ゞラジャ (2003/09/23 11:33:05 PM)

Re:【日記の雛形Ⅴ-3-a】(9/23)  
youちゃん♪  さん
こんばんは♪
今日の日記のタグも
やってみたいなぁ~っと、思いつつタグを見ると
目がクラクラしちゃって・・・・
でも、何とか挑戦してアップ出来るように頑張ってみよ~っと。。
ちょくちょく足跡残すと思いますが 宜しくお願いします。
(2003/09/23 11:39:15 PM)

Re:【日記の雛形Ⅴ-3-a】(9/23)  
おはようございます。

コピペいただいてまいります。
なんとか挑戦してみます。
有難うございました。 (2003/09/24 05:25:57 AM)

Re:【日記の雛形Ⅴ-3-a】(9/23)  
hikohkigumo  さん
日記の雛形、便箋風でいいなぁと思っていたら、
前回と今回は、すこぉ~し違うんですね~。
四隅があるんだ・・・。
うーん、奥が深い。
ところで、アクセス、ますます予想がつかなくなってしまいました。
(2003/09/24 08:15:23 AM)

Re:【日記の雛形Ⅴ-3-a】(9/23)  
gtoneさん・・・すごい・・・(〃⌒ω⌒〃)ニコニコ♪
早速、今日の日記でチャレンジしてみます!
gtoneさんのおかげで、日記の記入率が上昇しそうです・・・(笑)
ところが・・・
「日記の右の枠が改行されてる・・・」・・・が、
どうすれば良いのか・・・ (゚Д゚;)ワカリマセン・・・
すいません・・・m(_ _;)mペコリ・・・ (2003/09/24 09:27:46 AM)

Re:【日記の雛形Ⅴ-3-a】(9/23)  
のんら  さん
またまた雛形説明ありがとうございますm(_ _"m)ペコリ
まだ先日のも、チャレンジしていないのですが・・・
懲りずにまた頂いていきますm(_ _"m)ペコリ
(2003/09/24 10:00:52 AM)

Re:【日記の雛形Ⅴ-3-a】(9/23)  
檸檬12  さん
こんにちは!!!

お久し振りです!!

もうすぐ一周年なんですね!!
全然予想できない・・・・・。

日記また、難しくなってる~~~。
後でいただきに来ます。
でも、全然わからない・・・。

急に寒くなりましたね、
風邪引かないようにね~~!! (2003/09/24 02:44:26 PM)

Re:【日記の雛形Ⅴ-3-a】(9/23)  
こんにちは~
なんかすご~く難しそうね・・

解らなくても見てるだけでもなんか~
勉強してるって感じ???

ああっは・見テルだけでも幸せって感じです~
其のうち一つでも出来たらいいな~(●^o^●) (2003/09/24 03:41:18 PM)

Re:【日記の雛形Ⅴ-3-a】(9/23)  
遥遠  さん
こんにちは
今回のタグは、以前の枠のタグの応用ですね
上の真中のボックス枠をスクロールのボックスにする事も可能ですよね

む~
難しい・・
タグも使っていないと、なかなか理解力低下しますね・・ (2003/09/24 05:10:33 PM)

Re:【日記の雛形Ⅴ-3-a】(9/23)  
こんばんは!
今日の日記で、8分割+2個の画像を入れてみました。
gtoneさんのお蔭で、なんとか出来ました。(*^_^*)
本当に有難うございました。m(__)m (2003/09/24 07:36:31 PM)

Re:【日記の雛形Ⅴ-3-a】(9/23)  

Re:【日記の雛形Ⅴ-3-a】(9/23)  
こんばんは。

日記の画像の事、指摘して下さって有り難うございました。何にも気がつかなくてお馬鹿レンゲでした。
まだ、雛形は難しく、ふうふう言っています。
今日は有り難うございました。 (2003/09/25 02:29:36 AM)

おはようございます  
hikohkigumo  さん
日記は、新ページの方で少しずつ・・(^^ゞ
北海道旅行記もそちらにUPしました。
ぜひぜひお越しくださいませ。

まったりさんのところのお勉強、何度も読み返しながら、進めている(つもり?)のですが、本当に理解できているか、確認しながらでないと、横道それそうです。^_^;
繰り返し、お勉強ですね。(錆びた頭なので・・笑)

アクセス数、毎日、広場で確認してるのですが、もうすぐ締め切りですね。
最後のヤマかけに入りま~す。
(2003/09/25 08:59:57 AM)

Re:【日記の雛形Ⅴ-3-a】(9/23)  
檸檬12  さん
こんにちは!!

今日こそは日記頑張ろう・・・難しそうだけど。
でも、挑戦してみよう!!
だって、私今日で丸2年なんです。
gtoneさんにいろいろ教えて貰うまでは
全く進歩の無いHPだったんですよぉ~~~!!
お世話になりました!!

また、後で見に来ます~~!!
イベント参加はまだ時間があるんですね、
がんばろう!! (2003/09/25 01:58:41 PM)

Re:【日記の雛形Ⅴ-3-a】(9/23)  
こんにちは~ みかんさんのところから 飛んできました~~ あら 檸檬さん いらしたのね・・・
りえママも 頑張って挑戦させてもらいま~~す。
お願いわかって・・・「げ!!」←りえママ
わからない(-。-) ボソッ 
タグおかりすますぅ~~ペコリ(o_ _)o)) (2003/09/25 02:15:53 PM)

Re:【日記の雛形Ⅴ-3-a】(9/23)  
日記を見てくださってありがとうございました。
gtoneさんの日記の形式、流行しているようですね。

また、食べ物ネタで使わせてもらおうと考え中です。
秋らしくシックにいきたいのですが、つい食べ物画像になってしまいます(^_^;) (2003/09/25 02:37:11 PM)

Re:【日記の雛形Ⅴ-3-a】(9/23)  
遥遠  さん
こんばんは
枠のタグ使わせて頂きました
久々のタグなので苦労しました・・

日記に載せたら、画像でますよね
その画面では、説明の画面のようになっていて
「ページ一覧ではちゃんとなっていたのに、どこかタグを間違えたのか??」
と、とても焦りましたが
日記を確認してみたらちゃんとなっていたので安心しました。
C=(^◇^ ; ホッ! (2003/09/25 07:01:17 PM)

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

PR

×

Profile

gtone

gtone

Calendar

Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: