牌画の使い方
牌画はあるものの、その先どうしていいかわからねえ((;゚Д゚))
って人のためのHow toだ。ブログで使う場合の代表的な手順を
二つばかり紹介しとくぞ。
HTMLタグを挿入して並べる方法
- 準備:サーバスペース内に牌画用のフォルダを作り、
その中にあらかじめ全ての牌画をアップロードしておく。
※注意!いつもの画像アップロードと間違えないで!
※大抵のブログサービスなら可能なはず。
※この準備は最初だけ。次からは必要ないよ。 - 記事編集のさいに「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」とか
目印になるテキストを入れておくのも手だよ。 - 表示をチェックしたら記事をアップして終了ヽ(´▽`)/
画像処理ソフトで1枚の画像に加工してから貼る方法
- 画像処理ソフト上で牌画を並べる。
- GIF形式で保存する(PNGでも可)
※注意!うっかりJPEGにしないこと。画質が汚くなるよ。
※GIFの細かい設定が可能なら
「透過」「ディザなし」「マットなし」がお勧め。 - いつものアップロード方法で記事に貼付けて終了ヽ(´▽`)/
上級者向け工夫例:アンコロ流
- 牌画を別サーバに保存することで、ブログの負荷を軽減。
- タグはJavaScriptで自動書き出し。
- タグに幅、高さの記述も加えて、よりスムーズに表示させる。
<img src="http://●●●/○○○" width="21" height="29" />
以上。あとは自力でやってみてくれ。You can do it!
この記事へのコメントは終了しました。
コメント