うにぐ: 両手斧拾っちゃった！

両手斧拾っちゃった！

こんにちわ
うにです。

昨晩のRappelzは。
久しぶりに野良行ってきました。

野良話するまえに、昨晩ギルメンのユーリさんに合ったのでユーリさんの画像と共に画像タグの解説でもしていこうと思います。

なぜ画像タグなのかというと、ギルメン及び知人のブログにて画像表示が切れてるのがあったわけですだ。
画像タグ、そして画像補正も込めたスクリプトの紹介も。

今回紹介するスクリプトは以前も書いたんですが、今回はFC2での設定方法を書いていこうと思います。
LightBoxも大変使えるスクリプトですが、これは一部書き換えが必要なので今回は書きません。

今回紹介するのはcorner.jsという画像効果Javascriptです。
（↑のリンクからスクリプトをダウンロードしてください。）

①ダウンロードしたファイルの中にあるcorner.jsのみをサーバーにアップロードしてください。
　FC2での方法としては画像ファイルと同様のやりかたで問題ないです
②アップロードしたファイルのルート（URL）を確認しメモにでもコピペします。
③左メニューの [環境設定] から [テンプレート設定] ⇒ [テンプレート管理]をクリックし、テンプレートHTMLまでスクロールしてください。
HTMLの中の<body>の直下に
<script src="http://画像URL/corner.js" type="text/javascript"></script>
↑のCodeを入力してください。

本来読み込ませるJavascriptは<head>～</head>で入れるんですがブログの場合は<body>～</body>に入れないと動作してくれません。

入力が終えたら更新ボタンをクリックして準備完了です。
簡単でしょ？

さて、使い方は画像タグにclass指定してやるだけです。
corner.jsの便利なところは角を丸くできるってのもありますが、多少の画像荒れであれば補正されているように表示されるんです。
MMOの画像を再加工する場合はPhotoShopのような専門画像編集ソフト以外では、勝手に画像補正が掛かってぼやけてしまいます。
そのぼやけも多少補正してくれます。
なのであるとないのとでは見た目にかなり違いが生じます。

ここからが画像タグですよ～

基本的な画像貼り付けタグとしては
<img src="画像URL">
となりますよね。

画像にリンクを使うのなら
<a href="リンク先URL"><img src="画像URL"></a>
となります。

んでギルメンのブログを見ていると、せっかく撮った画像が大きすぎて表示上切れてしまってるのが多く見られます。
なので縮小して表示させるプロパティを追記させてやる必要があります。

例えば、うにぐであれば横幅500以上の画像は500で統一させてるので
画像タグに　width=500　を加えて
<img src="画像URL" width=500>
となります。
こうすれば横幅が1000ある画像でも表示上は500に縮小されます。
縮小することで画像が荒くなるんですが、今回紹介するcorner.jsを使用することにより綺麗に見せることが可能なんですね。

んでここからが重要。
corner.jsを使用するためにclass指定してやる必要があります。
上の横幅指定と同様に画像タグに　class="corner"　を追加すればOKです。

こうなるわけですだ。
リンク先を新しい窓で表示したいならtarget指定してやればOKです。
新窓なら　"_blank"　で。
同じ窓に表示させるなら　"_self"　ですね。

ここまででラペネタもまだ書いてないのに結構長くなっちゃって、すんません。

ここからはユーリさんの画像を使ってcornerオプションの説明をしていきます。

新しい５R術者服を着たユーリさんですね。
アシュラなのでシックに黒ですｗ

↑の画像タグは（LightBoxは省いてタグ説明）

こうなります。
class="corner ishadow40 inverse"
とオプションをふると窪んだ画像になるわけです。

んでお次はコレ。
光に包まれるユーリさんです。

これはこう書いてます。
<A Href="画像URL" Target="_blank"><img src="画像URL" class="corner iradius24 ishadow33 inverse" Width="500"></a>

corner iradius24 ishadow33 inverse
とオプションをふることで上の窪んだ効果＋角丸になります。

んでもひとつ。

こう書きます。
class="corner iradius32 ishade50 ishadow25"
角丸＋光沢をつけて更に影もつけています。
ラペのギルドサイトのメンバーリスト画像にはこれと同等のオプションで表示させるように本体に埋め込んであります。

数値は影の幅だったり、角の丸みの大きさだったりで色々調節が可能です。

うにぐでは窪みのみですが、これだけでも普通に貼るのとでは大いに違います。

まぁブログ書いてる人は是非お試しあれ＾＾

私信：ユーリさんへ。
ごめんさい。ユーリさんの画像を例にタグ説明してしまいました＾＾；

さてさてさて。
昨晩のRappelzですが、水晶ドラコに参加しまして。

嬉しいことにメージャーアクスを拾いましたよ!!!

拾っちゃった～
赤海胆のソロ用に使ってもいいんですが、サブクレの連れてる進化雪の武器がR3両手斧だったのでOE品と交換してもらうべく、叫んでみたところ・・・

【交換】求）R4両手斧+6↑（Lv不問）　出）メージャーアクス未強化

数分後ササきました！

が・・・
相手はメージャーがどうしても欲しかったらしく、+5Lv10でササしてきました。
折角なので+6以上で高望みして断りのササをいれたところ・・・
「+6にすれば交換してもらえますか？」と!!!
すごいなー勇気あるなー

待つこと数分。。。

「成功しましたー」

おぉぉぉぅ!!!
すごい！
もし燃えちゃったら申し訳ないと思ってたのに。。。

お互い気持ちよく取引完了です。

取引する前に見納めのメージャーアクスです。

そして交換したグレートアクス+6Lv10です。

ちょこっとバフが残ってたんですが、攻撃値が999+415でした。

今回メージャーアクスを拾ったことで初めて赤海胆で両手斧を使ったんですが・・・
バフ状態で試したからってのもありますが、強いの一言。
フィールドでクリ4K越えですよ！
片手斧では考えられない数値です。

まぁ今は丸斧が気に入っているので片手斧のままいきますがー

随分前から競売でパスダメ+3を出していたんですが、とうとう売れました！
どっかの金持ちペット職の方が買ってくれましたよ!!!61.2Mで!!!

これで所持金が230Mを越えました。
プチ富豪ですｗ

そんなわけで成長報告をば。

　骨　Lv70

本体は上がんなかったですが骨がちょろっと上がりました！
目指せLv90！
その前に赤海胆Lv90！ｗｗｗ

今日はラペネタ少ないですがここらへんで。

(=ﾟωﾟ)ﾉｼﾞｬ､ﾏﾀ!!

日時 : 2008年08月05日 10:41

コメント (6)

ぶー:

うにさんこんにちは＾＾
両手斧ｹﾞｯﾄ(*･∀･)ﾉﾞ｡+･｡ﾟ:*:｡･+｡･ﾟ*ﾟｵﾒﾃﾞﾄｫ ♪♪♪無事強化品と交換できてよかったですね＾＾
さて、画像編集の件ですが、色々ｱﾄﾞﾊﾞｲｽいただきましたが。。。ごめんなさい＞＜全くわからないです；；ﾀｸﾞを入力するのは分かったけれど、ｽｸﾘﾌﾟﾄのＤＬが。。。＠＠分かる人にはわかると思うのですが、本来ｱﾅﾛｸﾞ人間の私には、どこにＤＬしていいのやら、ｻｰﾊﾞｰにｱｯﾌﾟってどこだ？とか混乱してしまいました。うにさんにしてみたら、こんな簡単なのになんでわからないの？？って思うかもしれませんが＞＜
とりあえず、まだﾌﾞﾛｸﾞも始めたばかりで手探りなので、自分でできる範囲で頑張ってみますね＾＾本当にｱﾄﾞﾊﾞｲｽありがとうです＾＾

投稿者 : ぶー日時 : 2008年08月05日 11:46

かいがら:

ご自分のブログを使ってまで、ご教示いただいて、感謝の言葉もありません
どうもありがとうです
メージャーアクスおめでとうですよｗ+6Lv10の斧が単純計算で30Mくらいするので、本当によかったですね～