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

全29件 (29件中 1-10件目)

1 2 3 >

【プチ講座】

2005/03/13
XML
カテゴリ:【プチ講座】
日記 GT-ONE WEBSITE 【プチ講座】
 【プチ講座】  *【日記の雛形】
HP

    【・・いつ変わったのだろう・・・楽天さん?】
     
    今朝起きまして、・・・と言っても10時過ぎですが・・・!
    掲示板を見ると
       
      こんばんは                              ♪あきとしさん

      スクロールバーの扱いでてこずっています。

      勉強させていただきたいので、リンクいただいて行っていいですか?

      不都合などおありでしたらお申し出下さい。      (2005/03/13 02:59:51 AM)


     
    という書き込みがありまして、
    「スクロールバーに付いて、プチ講座で書いていたよな!」
    と思い、プチ講座を覗きに行ったのですが・・・・・
    ・・・な・・・な・・・なんと・・・何処をクリックしても自分のトップページに飛ぶのです。
    ちょっと前までは、ちゃんとみな表示していたのに・・・・?
    「あれ・・・!誰かに悪さされたかな!」と思い、タグを見てみたのですが・・・
    これといっておかしなところはない?
    よくよく調べてみますと、昔は表示していたアドレスが表示出来なくなっていました。
     
    例えば
    ■楽天で知って得するタグ■ の一番上の 【・メモ帖でHTMLの編集】
    これは、2003年4月13日に書いたものです。
    そして、以前のアドレスは
    http://plaza.rakuten.co.jp/gtone/diaryold/20030413/ というものでした。
    ↑クリックしてみて下さい。
    20030413 が 日にちです。
    これをアドレスに書き込んでクリックしても、4月13日の日記に飛ばずトップページに飛びます。
    ところが、「diaryold」 を ただの 「diary」 に変えますとちゃんと表示しました。
    現在は、すべてこれになっていたのですね!
    http://plaza.rakuten.co.jp/gtone/diary/20030413/←クリックしてみて下さい。
      
    楽天さん言ってくださらないと・・・・・!
    ・・・・それとも知らなかったのは・・・σ(o^_^o)だけかな・・?
     
    昔から、楽天広場を使っていて、昔の日記のページを 「diaryold」でリンクしている方は、調べてみるといいと思います。
     
    私も最近、楽天広場を更新していませんでしたから、気がつきませんでしたが・・・
    ・・・いつ変わってしまったんでしょうか・・・?
    私のように古い日記をリンクしている方は、お確かめ下さい!
     
    では!日記モドキでした。

     
    PS:【日記の雛形】は日記のページに載せておりましたが
       項目が増えたことなんかもありまして、フリーページに移動させました。    
    *【日記の雛形】 ←こちらからどうぞ!
    <
     


Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved






Last updated  2005/03/13 04:14:58 PM
コメント(7) | コメントを書く


2004/10/24
カテゴリ:【プチ講座】
■ Super Tag 32 Pro ■ を使ってTABLEを作ってみましょう

    はじめに:新潟中越地震被災者の方々、心からお見舞い申し上げます。


    みなさん、30万HITありがとうございました。
    2年で30万HIT早いのか遅いのか判りませんが・・・・これからもよろしくお願いします。
    この【ぷち講座】や、「初心者のためのHPの飾付教室」もみなさんのご質問やご希望で成り立っています。
    どんどん投稿をお願いいたしますね!


    さて、前回フリーソフトHTMLエディター「Super Tag 32 Pro」の簡単な「メニューアイコン」の使い方と
    「テキストの属性の指定」それを「保存する」方法をご紹介しました。2004/10/17
    今回は、この「Super Tag 32 Pro」を使って、TABLEを作ってみましょう。
    まだ、ダウンロードされていない方は、こちらからDLして下さい。


 
では、この上↑のTABLEを「Super Tag 32 Pro」で作ってみましょう。
 

「メニューアイコン」の3行目の真中あたりに「TABLE」のアイコンがあると思います。
それをクリックしてみましょう。その時カーソルは、<BODY> と </BODY>の間ですよ!
属性を決めるパネルが出て来ましたね。属性が上から並んでいると思います。
詳しい属性の説明は、省かせていただきます。詳しく知りたい方は【プチ講座】[TABLEの基本的な属性]に行って見て下さい。
 
■ TABLEの属性の書き込み ■
  • 一番上が マージン間の位置指定【ALIGN】となっていますね。これは、TABLEの左右の位置です。
    プルダウンメニューから「センター揃え(center)」を選択します。
  • 次は、枠の太さ【BORDER】は 1にします。
  • 【CELLSPACING】は 1 
  • 【CELLPADDING】は 5にしてみましょう。
  • 【WIDTH】は 80で %にチェックを入れます。
  • 【HEIGHT】は書き込みません。
  • セルの行数は 2 セルの列数は 1 となります。
  • 【BGCOLOR】【BACKGROUND】背景色と背景画像は指定しません。
  • 【BORDERCOLOR】は「参照」からグレー(#COCOCO)を選択します。
  • 【BORDERCOLORLIGHT】【BORDERCOLORDARK】は枠の明暗を指定しますが、ここでは指定しません。
    以上のことを書きこみますと↓このようになりましたか!
     

    最後にOKをクリックしますと、TABLEが出来上がります。↓このようになりましたでしょうか?

    <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>

    では、これを保存しまして、ブラウザ画面で見てみましょう。保存の仕方は、前回の【プチ講座】を参考にして下さい。
    保存できましたら、メニューアイコンの一行目、右から2番目のブラウザのアイコンをクリックしてみましょう。
    多分グレーの枠しか出てきていないと思います。
    セルの中にテキストを書いてみて下さいませ。
    <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>
     

    メニューアイコンの一行目の左から3番目のフロッピーディスクのアイコンをクリックしますと、「上書き保存」されます。
    そしてまた、ブラウザのアイコンをクリックしてみて下さい。
    出ましたでしょうか! まだフォントを指定していませんでしたね。
    フォントを指定してみましょう。前回も紹介したように、フォントを指定したいテキストをなぞるか、
    出したいところにカーソルを持って行き「FONT」のアイコンをクリックします。
    サイズ、色、字体を決めまして、OKを押します。また、センターリングしたいときは、
    センターリングするテキストや画像を左クリックでなぞりまして、「CENTER」のアイコンをクリックしますと一発でタグが出ます。
    テキストの改行は、<BR> で行いますが、これも「BR」のアイコンをクリックするだけで出来ます。
     
    ■ 日記にタグを持って行くときの注意点 ■
    楽天の日記は、すべて自動改行になっています。
    出来たTABLEのタグをコピペして、日記の編集ページに貼り付けましてもうまく表示できません。
    しかし、フリーページでは、設定を「自動改行なし」にして貼り付けますと、このままの状態で同じように表示されます。
     
    日記では、すべてのタグを繋げてあげれば、OKです。
    先ほど製作した、TABLEにフォントなどを指定しまして、タグを繋ぎ合わせた物を載せてみましょう。

    <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>

    このようになります。
    今回は、TABLEを作って見ました。
     
    皆さんも、日記で使っていますタグの雛形をコピペでここに持って来まして、
    色々編集してみて下さい。
    メニューアイコンで色々なタグが一発挿入できますから、とても便利です。
    楽天では使えませんが、フレームやテキストエリアのタグも一発挿入できます。
     
    では!がんばって下さいませ!

  • Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved






    Last updated  2004/10/24 04:55:49 PM
    コメント(5) | コメントを書く
    2004/10/17
    カテゴリ:【プチ講座】
    フリーソフト「Super Tag 32 Pro」の紹介!

    みなさんは、日記のページの編集はどのようにやっていますでしょうか!
    メモ帖を使ったり、フリーページにテストのページを作ってやっているのでしょうか?
    または、ホームページ製作ソフトを使っているのでしょうか?
    ホームページ製作ソフトに関しましては、仰々しくて起動が重い・・・
    そこに来て、「自動改行」には、ほとんど対応しておりません。
    そして、操作も複雑ですね!
     
    楽天広場は、日記が主体です。それも自動改行になっております。
    ところが、以前使えなかったTABLEのタグが日記で使えるようになりました。
    で!今日は簡単にTABLEなどのタグを編集できる「HTMLエディター」を紹介しましょう。
     
    それが、「Super Tag 32 Pro」です。もちろんフリーソフトです。
    私は、日記の編集では、大概このエディターを使っております。
    以前の日記でも、何度かこのソフトを紹介しましたが、今日は簡単に使い方を紹介します。
     
    まずは、こちらから 「Super Tag 32 Pro」 をDLして下さい。
    ファイルは自動解凍の exe ファイルになっています。
    レンジのアイコンをダブルクリックで解凍します。

    「Super Tag 32 Pro」を使ってみよう!

     DLは出来ましたでしょうか?
     このアイコンをクリックしますと「Super Tag 32 Pro」が起動します。
     

     
    起動しましたか?まずは簡単な操作方法からお話しましょう。
    テキスト、タグなどページの編集は、<BODY>から </BODY>の間に書きこみます。
     
    では 実際にテキストを書きこんでみましょう。
    テキストポインター「|」は<BODY>から </BODY>の間に入れておきます。
     
    一番上にメニューバーがありますね!2列目からは「メニューアイコン」が並んでいます。
    アイコンの2列目「HR」があると思います。これは、罫線のタグです。
    罫線のタグを入れてみましょう。クリックしてみます。
     

     
    フロートパネルが出て来ます。【SIZE】【WIDTH】【ALIGN】【COLOR】と縦に並んでいますね。
    これに半角英数字で属性を指定します。
    【SIZE】を5 【WIDTH】500 【ALIGN】はプルダウンで「センター揃え」 【COLOR】カラーは
    「参照」からお好きな色を指定して「OK」を押してみて下さい。
     
    <HR SIZE="5" WIDTH="500" ALIGN="center" COLOR="#FF0000"> このように出て来ましたか?
    その罫線タグのすぐ後ろに、ポインターを持って来まして、「メニューアイコン」の2列目右から4番目に改行のタグ「BR」があると思います。
    それをクリックして下さい。<BR> がでて来ましたか!
    その後につづけて何かテキストを書いてみて下さい。「ここに何か書きます。」と入れてみましょう。
    このテキストに、フォントの属性である「大きさ」「色」「字体」を指定してみましょう。
     
    「ここに何か書きます。」を左クリックしたままなぞります。
    「メニューアイコン」の2列目 左から6番目に「FONT」があります。クリックして下さい。
    またフロートパネルが出て来ましたね!
    【SIZE】【COLOR】【FACE】とあると思います。
    【SIZE】をラジオボタンで指定し、【COLOR】を「参照」から選びます、【FACE】も「参照」から選びます。
    「OK」ボタンをオしますと、先ほどのテキストがフォントのタグで囲われたと思います。
     
    この用になりましたか?
    <FONT SIZE="3" COLOR="#0000FF" FACE="MS Pゴシック">ここに何か書きます。</FONT>
    これをセンターリングします。
    <FONT SIZE="3" COLOR="#0000FF" FACE="MS Pゴシック">ここに何か書きます。</FONT>を
    先ほどテキストでやったように、左クリックのままなぞります。
    また、「メニューアイコン」の2列目の「CENTER」をクリックしますと
    <CENTER><FONT SIZE="3" COLOR="#0000FF" FACE="MS Pゴシック">ここに何か書きます。</FONT></CENTER>
    となりましたでしょうか?
     
    では!これをWEB画面で見てみましょう!
    WEB画面で見るためには、まずは保存しなければなりません。
    一番上のメニューバーの「ファイル(F)」をクリックします。
    上から5番目「名前をつけて保存」で保存用のパネルが出てきます。
    ご自分が分かりやすいフォルダを指定します。
    私の場合は、マイドキュメントの中に「楽天用」というフォルダを作ってあります。
    ファイル名(N)に名前をつけますが、ここは半角英数字です。
    そして、HTMLファイルの拡張子「.html」を半角英数字の後ろにつけることを忘れないで下さい。
    例えば、この用になります。[diary-10-17.html]このように名前をつけまして保存をクリックします。
     
    編集パネルに戻りまして、「メニューアイコン」の1列目の右から2番目のWEB画像のアイコンをクリックしてみて下さい。
    WEB画面が立ち上がると思います。それが先ほど書きこんだテキストと罫線です。
     
    お判りですか・・・・(〃_ _)・・・・おねがい!・・・判ってね!
    また、テキストなどを編集し直しまして、上書き保存をします。
    「メニューアイコン」の1列目の左から、3番目に「FDの画像の形」をしたアイコンがありますね。
    それをクリックで上書き保存されます。
    確認するには先ほど出しました、WEB画面を更新してみて下さい。
    編集が反映されていると思います。
     
    長々と話しましたが、初心者の方には一度では、理解できないと思います。
    何度も読んで、いじくりひん回して下さい。
    「メニューアイコン」を色々クリックして、試しにタグを書き込んで見るのが得策です。
     
    あなたが楽天の日記などで作ったタグを編集したい場合は、コピー&ペイストして、
    先ほど述べましたように保存します。そして、ブラウザで見て下さい。
    その時は、そのタグが自動改行用で製作していましたら、
    「自動改行」にするためにテキストの頭に <PRE>をつけます。
    テキストの最後には、くくるタグ </PRE> をつけて下さい。

     
    次回は、TABLEを簡単に作ることをこのソフトでやってみましょう。
    みなさん予習しておいて下さいませ・・・・( ̄m ̄*)V
    では!ε=ε=ε=(┌ ̄)┘ダッシュ!
     

    Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved






    Last updated  2004/10/17 05:56:50 PM
    コメント(5) | コメントを書く
    2004/10/13
    カテゴリ:【プチ講座】
    【罫線背景に関するバックナンバー】

    8月の終わりに罫線画像を紹介しました。
    いまだに反響がありまして、ご質問が絶えません!
    罫線背景画像に関するバックナンバーをまとめて見ました。
    興味のある方は、行って見て下さい。
    ・・・・よく読んでね・・・そしてそれでも判らなかったら・・・ご質問下さい。
    こうしたいんだが・・・と言うタグ製作の要求には・・・気分次第で乗ります( ̄m ̄*)V

     

  • 基本説明(1)と大学ノート風シンプルな背景罫線はこちら 8/29

  • 基本説明(2)とワンポイントの背景を入れた背景罫線はこちら 8/30

  • スクロールボックスに背景罫線はこちら 8/31

  • 画像を載せる際の注意点(1)はこちら 9/1

  • 画像を載せる際の注意点(2)はこちら 9/9
  • スクロールボックスにフィルタ(透過)をかけた背景罫線はこちら 9/6
  • 罫線画像の素材追加はこちら 9/12

  • 罫線を使った雛形(みかんママさん)はこちら 9/13

  • アルバム風罫線のTABLEはこちら 9/22
  • 日記の雛形!枠のTABLEの中に罫線画像はこちら 9/24
  • TABLEの中にTABLE講座はこちら 9/25

  • Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved






    Last updated  2004/10/13 09:55:09 PM
    コメント(8) | コメントを書く
    2004/10/11
    カテゴリ:【プチ講座】

    【アニメションポインターを作ってみよう!】前回、前々回とやって来ましたが今回が最終回!
     
    お気に入りのアニメGIFアイコンをアニメポインターに変換してみましょう。
    「IrfanView32 日本語版 Ver.3.92」はDL出来ましたでしょうか?
    「ANIめーかー」にアニメGIFなどを取り込むには、それをBMP画像かPNG画像に変換しないといけません。
    それを簡単にします、フリーソフトが「IrfanView32」です。
     
     これが「IrfanView32」です。
     この黒いスクリーンの上に、アニメGIFをドラック&ドロップ
     するだけで画像を取り込む事が出来ます。
     または、メニューバーのフォルダーアイコンの「開く」からでも
     取りこむ事が出来ます。
     では具体的にやってみましょう。
     ご注意:アニメGIFはご自分で作ったものを加工するのは
      問題ないと思います。
      しかし、素材屋さんで頂いてきたものは、加工OKの物でなければなりません。ご承知おき下さい。

     
     
     これは、MUONさんが作ったアニメGIFです。
     2枚のGIF画像から出来ています。大きさは114×136です。
     これを使って、アニメーションポインターを作ってみましょう。
     私は、マイピクチャーにこの画像をしまっています。
     画像の入っている、フォルダをあけまして、「IrfanView32」にドロップして下さい。
     
     このようになります。
     「IrfanView32」の中でアニメGIFが動いていますか?
     このアニメGIFを分解して、2枚の静止画像の
     BMP(ビットマップ)画像に変換します。
     上のメニューバーに「オプション(O)」というのがありますね。
     それをクリックします。
     上から6行目に「静止画に分割して保存(E)」があります。
    「フォルダの参照」というフロートパネルが出て来ましたか?
    そこで保存したいホルダーを指定しまして、「OK」を押せば、BMPに変換され静止画がフォルダーに入ります。
     
     私の場合は、この2個のBMP画像がフォルダーの中に入りました。
     これで「ANIめーかー」に画像を取り込む事が出来ます。
     ちなみにこの画像の上で右クリックでプロパティを見て下さい・
     アドレスURLの最後の拡張子が bmp になっていると思います。
     あとは「ANIめーかー」を開きまして、この画像を
     「イメージの編集」のパネルにドロップするだけです。
     
     ドロップしますと「すまーとリサイズ」しますか
     と聞いてきますから「はい」を押します。
     32×32にリサイズされました。
     もう一枚も同じくドロップします。
     後は、上の「フレームの編集」タブをクリックしまして、
     インターバルを決め、下の「すべて保存」で
     フォルダを指定して保存します。
     
     後は出来た、アニメーションポインターをアップするだけです。
     アップしないとWEB上では表示できません。
     アップの仕方は、こちらから!
     
    素材屋さんから、頂いてきたアニメGIFも同じ行程で、アニメーションポインターに変換できます。
    しかし先にも述べましたが、加工OKの物をお使い下さい。
     
    3回に分けてお話して来ましたが、ポインター(カーソル)をアップできるサーバーをお持ちの人しか無縁のものです。
    また、オリジナルなアニメGIFを変換するには、アニメGIFを作る事が出来ないといけませんね。
    ・・・・当たり前か・・・・!( ̄‥ ̄)=3 フン
    皆さんも、素材屋さんに置いてありますアニメポインターとは別に、お気に入りのアニメGIFなどがあると思います。
    それを、この「ANIめーかー」でアニメポインターに変換してみて下さいませ。

     
    では!がんばって・・・!
    バックナンバーはこちら⇒

    Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved






    Last updated  2004/10/12 12:08:08 PM
    コメント(10) | コメントを書く
    2004/10/10
    カテゴリ:【プチ講座】

    前回は「ANIめーかー」というフリーソフトを紹介しました。
    いきなり、アニメポインターが作れます。
    が・・!作ったアニメポインターをWEB上に載せるのは、こちらにいってください。
    これが理解できませんと、自分のHPにアニメポインターを乗せられません。
     
     
     さて、新規製作からこの「イメージの編集」で
     32×32のカーソルが出来ます。
     立て横の枡を数えてみて下さい。
     32枡になっていると思います。お判りですか!
     一枡が1pxです。
     これですと細かな細工が出来ませんね!
     そういうときは、ペイントとかのお絵かきソフトで
     画像を書きまして、編集すればOKです!
     その時の画像のサイズは100×100以下ぐらいで作ります。
     
    今回は、ご自分で作ったGIF画像やアニメGIFのアイコン、
    または素材屋さんから頂いてきたアイコンをアニメーションポインターに
    このソフトを使って変換、編集してみましょう!
     
    【お気に入りのアニメGIFアイコンをアニメポインターに変換してみましょう】
     
  • まずはお絵かきソフトなどで一から画像を作っている方
     
    画像の大きさは、100×100ぐらいがいいと思います。
    出来ました画像は、保存する際、BMP PNG形式で保存します。
    「ANIめーかー」は画像としては BMP PNGでしか取り込めないからです。
     
  • もうすでに出来上がった、アニメGIFなどを変換したい場合
     
    あまり大きな画像は避けた方がいいですね!
    といいますのは、32pxまで縮小しますから、細部まで画像が出ません。
    画像の大きさ100pxが目安だと思います。
    先にもいいましたが、「ANIめーかー」は画像としては、BMPかPNGしか取り込めません。
    GIF、JPGなどは、BMP,PNGに変換しないといけません。
    お絵かきソフトなどで、BMP、PNGに保存し直して下さい。
     
    楽天広場上で動いている画像は、ほとんどがアニメGIFです。
    このアニメGIFをカーソルに取り込むのも、すべて画像を分解してBMP、もしくはPNGに変換しないといけません。
    では、それを簡単に変換してくれます、フリーソフトを紹介しましょう。
     
    それが「IrfanView32 日本語版 Ver.3.92」です。これは、有名なソフトです。
    アニメGIFをドロップするだけで、BMPの分解した、画像に変換してくれます。
    ダウンロードは「俺のページ」こちらから!
    自己解凍方式でレンジのアイコンが出てきますから、ダブルクリックで解凍します。
    まずはこれをDLしてみましょう。
     
    今日は・・・ここまで・・・!
    これから、F-1を見たいものですから・・・・!
    続きは・・・・多分明日!すいません!ではε=ε=ε=(┌ ̄)┘ダッシュ!
     

  • Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved






    Last updated  2004/10/11 06:50:33 PM
    コメント(4) | コメントを書く
    2004/10/09
    カテゴリ:【プチ講座】

    さあ今回は、お約束どうりアニメーションポインターを作ってみましょう。
    3~4回に分けて書いてみようと思います。
     
  • 紹介するフリーソフトでオリジナルなアニメポインターを作ってみます。
  • お気に入りのアニメGIFアイコンをアニメポインターに変換してみましょう。
     
    今日は、ソフトの紹介と、そのフリーソフトでオリジナルなポインターの作り方を紹介します。
    その前に、カーソルにURLを指定する事は Netscape(Mac)では対応しておりません。
    これは、Expolorer(WINDOWS)のみです。
    また、cur,ani,ico,などの拡張子をアップできるサーバーを契約している人しか出来ません。
    楽天の画像の倉庫ではアップできません!ご承知おき下さい。( ̄^ ̄)b

    楽天でアニメーションポインターを使いたい人は、まずは↓ここにいってみて下さい。
    この間紹介しました【カーソルアイコンのダウンロード&アップロード】はこちら
     
    では!アニメポインターを編集、製作するフリーソフトを紹介します。
     「ANIめーかー」です。
     ←こちらをクリックしてDLして下さい!
    圧縮ファイル lzh になっています。LHASA などの解凍ソフトで解凍して下さいね!
    ・・・・解凍の仕方は・・・分かっていますよね・・そこまで説明させないでね(〃_ _)
     
    【紹介するフリーソフトでオリジナルなアニメポインターを作ってみよう】
    DL出来ましたでしょうか?
     このアイコンをクリックしますと、下のようなアクティブウインドウが出てきますね。
     
     
     出て来ましたでしょうか!
     まずは、右下の「ヘルプ」をクリックして、
     適当に読んで見て下さいませ。
     とりあえず「こんなもんかな」程度に読みましょう。
     
     お絵かきをして見ます( ̄m ̄*)V
     左下の「新規」をクリックしてみましょう!
     またまた、ウインドウが立ち上がって来ましたね。
     それで、ポインターをお絵かきします。
     
     
     
     これでお絵かきして行きます。
     WINDOWSに入っています、
     ペイントみたいなものです。
     ここに書いた画像は32px×32px
     に自動でなります。
     アイコンは32Pxが基本なのです。
     細かい説明は・・・勘弁・・・・!
     何せ、いじくりひん回して下さい。
     そうすれば活路は開けます( ̄m ̄*)V
     
     
     これが、私が書いたものです。
     仕事場で10分で書きました。( ̄‥ ̄)=3 フン
     書き終えましたら、「OK」をクリックします。
     親パネルにイメージが出てきていると思います。
     右側には、書きました画像が出ていますね。
     気に入らなかったら、下の「編集」で何度でも
     書きなおす事が出来ます。
     
     
     
     最初につくった、イメージの複製を作ります。
     下の「複製」をクリックしますと、
     同じ画像が出来ます。
     それをポイントして、「編集」を押します。
     また、ウインドウが立ち上がりますから
     目を変えたり・・口を変えたりします。
     そして、「OK」で親パネルに戻ります。
     また気に入らなかったら・・・
     「編集」で気に入るまでお絵かきして下さい。
     上の「イメージの編集」タブの右に
     「フレームの編集」があると思います。
     クリックしますとアニメーションになっています。
     
     右の「プレビュー」が動いていますか?
     多分最初はせわしないと思います。
     インターバルの数を大きくしますと遅くなります。
     「ANIテスト」で
     自分の作ったポインターが見られます。
     気に入らなかったら、また「イメージの編集」に戻り
     気の済むまで、いじくりひん回して下さい・・・
     気が済んだら・・・「すべて保存」で保存します。
     初期設定保存先は、{コンピューターC}のWINDOWSの
     「cursors」に指定されています。
     
    私は、マイピクチャーに「cursors」というフォルダを作りまして、
    そこに保存しております。
    後は、アップロードするだけです。
     
    ざっと話しましたが・・・最初は判らないと思います。
    お願いですから・・・いじくりひん回してね・・!
    「理解」は・・いじくりひん回すことです・・・!( ̄^ ̄)b
     
    ちなみに私は、このソフトの作者と何の関係もございません。( ̄‥ ̄)=3 フン
    では!次回も・・・・お願いだから・・・理解してね!(〃_ _)続きは↓こちら!
     
    【オリジナルのアニメーションポインターを作ってみよう(2)】はこちらから
    【アニメ画像をアニメーションポインターに変換してみよう】はこちらから

  • Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved






    Last updated  2004/11/07 12:05:14 PM
    コメント(14) | コメントを書く
    2004/10/07
    カテゴリ:【プチ講座】
    ◆ 日記について ◆
    私は日記を書かない人です。この日記のページで、私の楽天でやっていることをHTML【プチ講座】として載せております。興味のある人は行ってみて下さいませ!( ̄‥ ̄)=3 フン

    ご質問、ご意見は「掲示板」「私書箱」「ご質問掲示板」にどうぞ!


      今日のアニメーションポインターはぶたさんです。
      日記の中にアニメーションカーソルなどを入れるには、TABLEなどを使ってSTYLEで指定します。
      ↓このように書いています。
       
      ------------------------------------------------
      <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>
      ここに本文を書きます。
      TABLEが判るようにBGCOLOR(背景色)を入れてあります。
      高さ(HEGHT)は300PXにしています。
      </UL></TD></TR></TABLE>
      ------------------------------------------------
       

      アニメーションカーソル、アニメーションポインター 色々言い方がありますが、
      次回は、アニメポインターを作るフリーソフトの紹介と・・・
      簡単な作り方をやってみましょうか( ̄^ ̄)b
       
      今日は・・・これで寝させて・・・!
      σ(o^_^o)・・・・ア!(* ̄○ ̄)( ̄о ̄*)ホ!!・・・!
       
      ・・・・このぶたさんのカーソルでコピペできるかな・・・( ̄m ̄*)V
       

    Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved






    Last updated  2004/10/17 01:08:35 PM
    コメント(7) | コメントを書く
    2004/09/28
    カテゴリ:【プチ講座】
    【カーソルアイコンのDL&UL】

     
    最近また、カーソルアイコン(またはアニメカーソル)についてのご質問が増えました。
    楽天のどこかで、見たのでしょうね!
    楽天ではアニメカーソルは使えないと思っていた人もいたと思います。
     
    このタグを紹介したのは、ずいぶん以前になりますから、まとまりのない【プチ講座】になっておりました。
    まずは、初心者さんの行き当たる壁・・・・!DLとアップロード・・・!
    いつも聞かれますので、フリーページにまとめて見ました。
    完全には書き上げていませんが、アップして見ました。
    これから、アニメカーソルを使ってみようという人は、ここに行って見て下さいませ!
     
    タイトルは↓これです!( ̄‥ ̄)=3 フン
    初心者のためのHPの飾りつけ教室VOL.10
    【ホームページ上のカーソルを変えてみよう】カーソルアイコンのダウンロード&アップロード

    2周年記念のイベントも9月26日に告知いたしました。
    みなさん振るってご参加下さい。
     
    追伸:昨日の日記でアニメーションカーソルでていますよね!
    アヒルちゃんが踊ってるやつ・・・!
    これね!元はアニメGIFなのです。
    アニメギフをBMP画像に変換して、それをまた、アニメーションカーソルに変換しました。
    無料の変換ソフト知りたい方は、いってくださいね!( ̄^ ̄)b
    また作ってみました!今度は踊るMUONさん!( ̄m ̄*)V
     
     
     
     
     
     

    Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved






    Last updated  2004/10/02 01:19:48 PM
    コメント(14) | コメントを書く
    2004/09/25
    カテゴリ:【プチ講座】
       
     

    昨日紹介しました雛形では、5つのTABLEを使っています。
    どのようにTABLEを重ね合わせているか、
    簡単に紹介してみましょう!

    あの雛形は外から、中へTABLEを <TD> セルの中に入れ込んで行きます。

    まずは、これが一番外のTABLEです。
    3列3行のセルで出来ています。お判りですよね(〃_ _)!
    このTABLEの二行目二列目の <TD> セルの中にTABLEを入れます。
    この説明を書いているセル この中にワンポイントの背景画像や
    罫線用のTABLEを入れるのですが
    その、TABLEの基本になるTABLEを先に入れます。
     
    *判りやすいようにセルに背景色をつけています。
     
      



       
     

    上のTABLEのセルの中に色々指定するTABLEの基本になるTABLEを入れます。
    REDの枠で示しています。
    セル内に、赤の枠のTABLEを入れました。
    幅は、95%としています。
    ですからセルの背景色が少し見えていると思います。
    背景色はWHITE(白)で指定しています。
    セル内の基本になるTABLEが出来ました。( ̄m ̄*)V
     
     
      



       
     

    上の基本のTABLEにワンポイントの背景画像のTABLEを入れます。
     
    BLUE(青)の枠が左上の背景画像を指定しているTABLEです。
    GREEN(緑)の枠が右下の背景画像を指定しているTABLEです。
     
    両方ともTABLEのWIDTH(幅)は100%ですが、
    基本のTABLEで cellpadding="20" (セルの中の要素の間隔)を
    指定していますから、基本のTABLEより小さくなります。
     
     
      



       
     

     
     
    最後に罫線の背景画像のTABLEを入れます。
    オレンジの枠です。
    セル間を cellSpacing=20 として20pxの余白を持たせています。
    中のオレンジの枠が本文を書きます <TD> のセルです。
     
    どうでしょうか!5つのTABLEの配置は判りましたでしょうか!
    ・・・・・お願い判って・・・(-_-;)
     
    このように、TABLEを使いまして、色々な事が出来ます。
    超初心者の方には・・・すぐには理解できないと思いますが!
    おぼろげに・・・「ふう~~ん!こうなってるのか!」
    と判ってくだされば幸いです。( ̄‥ ̄)=3 フン
     
    では!ε=ε=ε=(┌ ̄)┘ダッシュ!
     
    PS:ちなみに昨日のタグをTABLEごとに色分けしておきました。

     
      






    Last updated  2004/09/26 06:23:30 PM
    コメント(4) | コメントを書く
    このブログでよく読まれている記事

    全29件 (29件中 1-10件目)

    1 2 3 >

    PR


    Copyright (c) 1997-2020 Rakuten, Inc. All Rights Reserved.