牌画の使い方

牌画はあるものの、その先どうしていいかわからねえ((;゚Д゚))
って人のためのHow toだ。ブログで使う場合の代表的な手順を
二つばかり紹介しとくぞ。


HTMLタグを挿入して並べる方法

  1. 準備:サーバスペース内に牌画用のフォルダを作り、
    その中にあらかじめ全ての牌画をアップロードしておく。
    ※注意!いつもの画像アップロードと間違えないで!
    ※大抵のブログサービスなら可能なはず。
    ※この準備は最初だけ。次からは必要ないよ。

  2. 記事編集のさいに「HTML編集画面」に切り替え、
    牌画を貼りたい位置に次のHTMLタグを直接記入する。

    <img src="http://●●●/○○○" />

    ●●●は画像が入っているフォルダまでのURL。
    ○○○は貼りたい牌画のファイル名を拡張子まで記入。

    例:ABCブログでピンズを123と並べる場合
    <img src="http://abc.blog/p1.gif" />
    <img src="http://abc.blog/p2.gif" />
    <img src="http://abc.blog/p3.gif" />


    ※見慣れない記号を見てもあせらないで!
    HTML編集画面で記入する位置がわかりづらい場合は、
    あらかじめ記事編集画面で貼りたい所に「5m」とか
    目印になるテキストを入れておくのも手だよ。

  3. 表示をチェックしたら記事をアップして終了ヽ(´▽`)/


画像処理ソフトで1枚の画像に加工してから貼る方法

  1. 画像処理ソフト上で牌画を並べる。

  2. GIF形式で保存する(PNGでも可)
    ※注意!うっかりJPEGにしないこと。画質が汚くなるよ。
    ※GIFの細かい設定が可能なら
     「透過」「ディザなし」「マットなし」がお勧め。

  3. いつものアップロード方法で記事に貼付けて終了ヽ(´▽`)/


上級者向け工夫例:アンコロ流

  • 牌画を別サーバに保存することで、ブログの負荷を軽減。
  • タグはJavaScriptで自動書き出し。
  • タグに幅、高さの記述も加えて、よりスムーズに表示させる。
    <img src="http://●●●/○○○" width="21" height="29" />


以上。あとは自力でやってみてくれ。You can do it!

⇒ダウンロードページへ


コメント

この記事へのコメントは終了しました。