Top / うにぐ / WEB / HTML

HTML アーカイブ

1 2 3 >

2008年11月14日

画像タグ その２

こんにちわ
うにです。

昨晩、ギルドDeepkissでギルドイベントをやるということでしたが、残念ながら参加出来なかったので・・・

参加っていうかログインすらできなかったんだけど・・・

昨日は帰宅したのが23時過ぎで、風呂入って～飯食って～で落ち着いたのが25時近くになっていたので、ちょこっとHPチェックだけして寝ました。

ってなわけで昨日に引き続き、今日もネタなしなわけです・・・

ってなわけで今日は画像タグの話でも。

FancyBoxに関しては、前後リンクは外す事が出来ましたが、どうしてもウィンドウサイズ以上には・・・

強制的に100%拡大することはできたんだけど、、、
その場ではなく、ページ最下部でなるので、もちょっと検証が必要ですね。。。

あと、プロフィール画像にはちょっと小細工を仕込んでみるつもり。

こんなものを。

クリックしてみてくださいな＾＾

通常であればサイズ指定して画像を貼り付けると、画像が縮小して表示されるんですが、これは画像中央が切り取られて表示されてますよね。

これは背景画像に対象画像を座標指定で表示させ、imgタグで入れる画像はなんにも表示のない透過gif画像なんです。

タグで書くと。
<style type="text/css">
<!--
.test {
　　　background-image :url(画像URL);
　　　background-position: -330px -155px;
　　　width: 200px;
　　　height: 200px;}
-->
</style>
<a class="test" href="画像URL" rel="lightbox">
　<img src="透過GIF" class="corner ishadow40 inverse">
</a>

こうなります。

そして角丸な仕様にすると、またちょっと複雑になりまして。

コレはいつも使っている窪み効果とは逆で、盛り上がって見えると思います。

角丸の場合は、また複雑になります。

<style type="text/css">
<!--
.test {
　　　background-image :url(画像URL);
　　　background-position: -330px -155px;（表示させる座標）
　　　width: 200px;
　　　height: 200px;}
.base {
　　　background-image :url(/js/img/base.png);
　　　width: 200px;
　　　height: 200px;}
* html .base {
　　　filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='挿入画像', sizingMethod='scale');
　　　background: none;}
-->
</style>
<div class="test">
　<div class="base">
　　<a href="画像URL" rel="lightbox">
　　　<img src="透過画像URL" class="corner iradius10 ishade40 ishadow15">
　　</a>
　</div>
</div>

外部スタイルシートでもおｋです。

まぁ用途は限られますが、個別対応してくれるギルドサイト管理者とかがいれば、メンバーリストに組み込む事も可能ですね。

メンバーリスト本体（memberlist.cgi）を改造する必要がありますがｗ

最近、色々とブログを見て回ってるんですが、たまにあるのが画像を貼り付けてあってリンクにもなる。
ここまでは別に普通なんですが、リンククリック後の画像が、貼り付けてる画像と同じ大きさの画像があるんですよねｗ

これってあんま意味ありませんよね。

ブログの横幅より大きい画像を貼り付ける際にwidth指定して別窓で元画像を表示させるってのが通常の使用方法。

んで上で2種の画像タグを紹介したわけですが、まぁあれは特殊だし、2種のJavaScriptも併用しているのでJSがよく分からないって人には向いてない。
JSなんて触ったことないからわからない！

ってことで実装を諦める人もいるでしょう。
（特にFC2ブログなんかだと外部ファイル取り込み方法が特殊なので）

そこで、別窓で表示させる際に小さい窓で表示させる方法です。
（元画像が大きければその分別窓は大きくなりますが、お気に入り等の各ボタンがなく、すっきりしているのが分かると思います。）

今回はJS未使用者向けなのでCornerを組み込んでないためちょっち画像が荒いですが＾＾；

画像クリックしてみてください。
別窓で画像サイズで表示されたと思います。

これにもJavaScriptは仕様していますが、リンクタグ内に直接記述しているので、コピペで設定を変更すればできるので簡単かと。

実はコレ、配布中のメンバーリストの背景画像選択のリンクでも使ってるんですけどね＾＾ｗ

ってなわけでタグね。
<a href="javascript:w=window.open('画像URL','説明','scrollbars=no,width=ポップアップ窓の横幅,height=ポップアップ窓の縦幅');w.focus();">
　<img src="画像URL"width="ブログに表示させる画像の横幅">
</a>

画像URLは相対パスでもフルパスでもどっちでもOK。
よくわかんないって人はhttpから始まるフルパスで。

scrollbars=no
これは、縦長画像を表示させる際はyesにした方がいいかな？

ポップアップ窓の横幅/縦幅は
＝画像の元サイズでおｋ。

まぁコピペして使ってみてくださいな＾＾
画像URLさえしっかりしてればローカルで動かしても正常に動くと思います。
これと、以前紹介したdropshadowも組み込むといいかも？

　dropshadow紹介記事
この記事の下のほうにdropshadowの書き方書いてます。

まいいや、ここに書いちゃおう。

タグはこれ。
<div style="width: 100%; padding-bottom: 10px; filter: dropshadow(color=black);">
　<a href="javascript:w=window.open('画像URL','説明','scrollbars=no,width=ポップアップ窓の横幅,height=ポップアップ窓の縦幅');w.focus();">
　　<img src="画像URL"width="ブログに表示させる画像の横幅">
　</a>
</div>

ちなみに、
dropshadowはCSS。
ポップアップ窓はJavaScriptになります。

dropshadow紹介記事では　galleryimg="no"　という記述があるけど、これは画像の上にマウスカーソルを置いた時に表示されるツールバー（画像保存とかできるやつ）を表示させなくするオプションですね。

以前は必ず画像にはつけるようにしてましたが、今は使ってません。
ページ全体で同様な効果を及ぼすような設定にしてますので＾＾

これもやり方としては簡単で。

<head>から</head>の間に

<meta http-equiv="imagetoolbar" content="no">

↑コレを書き加えればOKよ！

今日はMMOネタは全くなく、画像タグのお話だけで結構長文になってるようなｗ

まぁゲームしてなくても書くネタは沢山あるでょ！
ってことでｗ

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

[ CSS , HTML , JavaScript , MMO日記 , Rappelz , WEB , うにぐ ]
日時 : 2008年11月14日 14:25 | | コメント (2)

2008年11月07日

なんも出ないッス

こんにちわ
うにです。

最近毎晩のようにうにぐの修正をしてからラペ入ってるので、殆どなにもできません。。。

昨晩は早く入って久しぶりにギルハン～とか思ってたんですが、結局INしたのは24時前・・・
（うにぐ修正で3時間。）

いつものようにラペ日記～うにぐ修正情報でお送りしますｗ

ラペ入ったのが遅かったのでギルハンには参加できるはずもなく・・・
久々にPTLしときました。

15先あたりで叫び確認したんだけど、2度叫んで一切ササが来なかったんで、とりあえずパル１に現地確認に行ったところ、空いてました＾＾

15先に辿り着く前にちょこっと彷徨い、イラムシへの一方通行ワープの９に入ってしまい、かなり遠回りしてしまいましたｗ
なんとか辿り着けたんでよかったです＾＾

募集しようと思ったところ、トゥポルさんが丁度入ってきたので誘い、回復はリミさんです。
そして、インベントリに羽があったので（アイテム詳細を見ずに）「火力＠１（じゅじゅ優先）羽で呼びます」で叫んでみたところ、丁度良くじゅじゅさんからササが。

そしてメンバーのOK確認を取り、羽使用。。。

3回ほどWクリック・・・

はて？

持っていたのは招来の羽根。
これって一人しか呼べないんですね・・・

今迄羽根を使ったことがなかったんです。（ｲｲﾜｹ
メンバーに謝罪して・・・

　ハァ・・・

もう羽根は使いませんｗ

っというわけで今回のメンバーの紹介です。

トゥポルさん（ヲリ）、ムリミさん（プリ）、ぱんだ中佐さん（魔導）、そして赤海胆です。

フルバフも貰えて、壁もいる。
バランスのいいPTになったと思います。

SCがこないだのままのPv仕様だったんですが、とりあえずこのまま少しやってみましたが・・・

燃費悪すぎるので単体スキルはLv1にしときましたｗ
はよスキル強化したいです＞＜
（消費MP減のため・・・）

まぁLv1使用でもMPはすぐ枯れちゃうんですけどね・・・
攻撃スキルはCT毎に使用。
罠は発動し殲滅したら発動って感じでしょうかね。
（少数PTでは腐食のみの使用です）

気功体操、毒の矢は切れる前に使用。

そんなでお茶＆Potがぶ飲みですｗ

SS1本分やって終了したんですが、今回はありえないほどになんもアイテムでなかったです。。。

スキルC x2　5QD x4　QS x1

こんなもんですが、自分とこにはなんも来ません...orz

スタミナが丸々5K残った状態でしたが、眠かったのでそのまま寝ときましたｗ

最後にこの1枚。

リミさんがトンガリ帽子をかぶってたので赤海胆にサンタ帽をかぶらせて撮ってみました。

トンガリ帽をかぶると白髪に。
サンタ帽をかぶると黒髪になります。

きっとウィッグ（ズラ）が仕込んであるんでしょうｗ

とりあえず今回で赤ピクがLv81になりました。
赤海胆はまだまだLv104のまんまですｗ

昨日は時間もなかったので海胆はできませんでしたが、修練者のテント持ちなので、2.3日放置しといてもスタミナは12000まで蓄積されるので問題ないでしょうｗ

ただ、今週中にRank3到達という目標は難しくなってしまいましたが・・・

今日は・・・どうかな・・・なんとも言えません。。。

そうそう、昨晩うにぐの修正をしながら、誅仙のクラをDLしときました。

今日からOpenβ開始みたいで。
ログインオンラインになるならばまた日を革めてやりますが・・・
（ってかアカウント作ってねぇやｗ）

まぁ入れたとしても、少し体験するだけのつもりなので、キャラメイクと戦闘だけやって、数枚画像撮って終了かな？ｗ


さてさて、ここからはうにぐの修正記録です。

前回DOCTYPE のXML宣言によるIE互換モードによってShadowboxが正常動作しないという事を書きましたが、昨晩はXML宣言の削除による崩れ修正で格闘してたわけですが・・・

ベースに使用しているテンプレートがIE互換モードを前提に作成されていたため、XML宣言を外すことにより起こる弊害がえらい多くって・・・

テンプレ作成者の方と何度かやりとりをし、結局XML宣言は戻しておきました。

3時間がムダに・・・＞＜

ってなわけで互換モードでも正常動作する画像エフェクトを探さないと・・・

うにぐリニューアルを決めてから、色々な画像エフェクトに触ってきましたが、DOCTYPE に関しては一切考えてなかったので、また色々みていくことになりそうです。

もちろん今までの画像もあるので“rel=lightbox”もしくは“rel=box”で動作するスクリプトを探すことになりますが。。。

今回は表示モード問題だけでなく、他の部分もまとめて修正しておきました。

まずは個別記事ページの前後記事へのナビリンクですね。
これは現うにぐのテンプレからそのままパクッてきましたｗ

まぁそのまんまなので、ちょこっと修正を加えるつもりではありますが。
前後記事へのリンクは正常に動いているのでまずは良しとします＾＾

そしてお次はうにぐのタイトル及び説明文の修正ですね。

http://unig.uniuniuni.com/test/

見てもらえればわかるように、左上に「仮うにぐ」のでっかい文字が見えると思います。
多分これは画像に差し替える予定です＾＾

そしてうにぐ説明文ですが、IE以外のブラウザでは問題なく表示されているんですが、IE6では表示してくれなく・・・
（ソースを見るとちゃんと入っているのに表示してくれない・・・）

まぁ今日もスタイルシートと格闘かなｗ

んで、あとはリンクのHover修正です。
これもまたIEだけ変な表示に。。。
スタイルシートですね。
昨晩はそのまま放置しました
（XML問題でそれどころじゃ・・・）

あとは・・・
Profileか。
これはまた今度ｗ

ってなわけでうにぐ移行はまだまだ時間がかかりそうですだ。
中途半端な状態で移行すると、後で修正したいと思ったときに痛い思いをすることになるので・・・
（記事数が多いので再構築にすんげぃ時間がかかるｗ）

最近ほんと思うようになったんですが、うにぐへコメくれる人が・・・
ってかコメが少ないんですよね・・・

書こうとしてる人がいて、エラーで弾かれるっていうのは分かってはいるんですが、知人のブログとかを見ると毎回沢山のコメが書かれているので、エラー問題とはわかっているんですが、うにぐのリニューアルが完了し、エラーがなくなったからとはいえコメ書いてくれるのだろうか・・・

凄い小さいことで悩んでますよね・・・

ミニBBSを設置したけども、一向に何の書込みもなく・・・
（ミニＢＢＳ外すかな）

周りのブログで沢山のコメが書かれているのを見ているってのもあって、ちょっと寂しいんですよね。。。

「うにぐ見てますよ～」て声（ササ）は多数頂いてはいるんですが、、、
（カウントも上がっているので見てくれてるってのはわかるんですが・・・）

これは贅沢なんでしょかね。。。

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

[ HP更新 , HTML , MMO日記 , Rappelz , WEB , うにぐ ]
日時 : 2008年11月07日 10:55 | | コメント (2)

2008年11月06日

各ブラウザの表示モード

こんにちわ
うにです。

昨晩のRappelzですが、昨晩は眠くって赤海胆までできませんでした。。

本来は逆なんでしょうけどねｗ
メインが赤海胆、サブが海胆なのでｗ

今夜は赤海胆を先にやろうと思います。

ってなわけで昨晩は海胆でSS1本分月光ソロしただけなんで画像がなんにもないわけですが・・・

月光ソロしてるってーのにスキルCが1枚も出ないってーのはどうなんでしょうかねぇ。
知人のブログでもドロップが悪くなったっていう事を書かれていますが・・・

R2武具はボロボロ出るんですけどねぇ、あとは猫Cが2枚ｗ

昨晩はバフなし30分+月光で逢ったへげもさんのサブからじゅじゅばふ貰った30分でLv40↑のmobを狩り続け、とりあえずLv40/Jlv37になりました。

昨晩の成果は5Lv。
累計4時間でLv40までもってきました。
バフもしっかり貰えればもっといくんでしょうけど、そんな手間かけてもらうわけにもいかないんで＾＾；

もしかしたら仮想2PCを構築して別垢でバフ職作成すればいい感じになるかもしれませんけどね＾＾；
まぁ時間が空いたらやってみます。
（時間が空くんだろうか・・・ｗ）

んで24時過ぎに赤海胆で入ったんですが、中途半端な時間なわけで、ホラ倉庫前でぼーっとしてたら、PCの前で転寝してて、気が付いたら3時近かったのでそのまま落ちましたｗ

ペット用の武具強化で金が掛かるので、そろそろ金策を考えないとなぁ～って感じですね。
先日、海胆のR3武具強化で残金30M近くまで減っちゃったんで＞＜

赤海胆のR6はまだまだ先なのでいいんだけど、海胆の武具資金。
まぁサクサク上がるのはR3まででしょうけどね。
R3⇒R4はまったり坑道ですね。
ペット防具さえしっかりしてれば猪部屋でのソロもいけると思いますが。
（紫雲丹で実施確認済み）

サブを作っちゃうと、どうしてもそっちに掛かりっきりになっちゃうんですよねぇ。
ってなわけで今夜は赤海胆でパルに行きたいと思います。
22時くらいに入って野良（もしくはギルハン）に入れるといいんですが・・・

-----ラペ日記はここまで-----

ここからは新うにぐの開発状況ですね
（開発っていうと大げさだけど・・・修正？

先日ShadowBoxを実装したわけですが、画面をスクロールした先にある画像をクリックしても、その場で拡大ではなく、画面上部で表示されてしまうんですね。

原因は分かっているんですが、、、

ブラウザの表示モードに関係してるんですわこれが。

IE6以外では正常にその場で拡大されるんですが、IE6で見ると上で書いてるように、うにぐの上部で拡大表示されてしまいます。

ブラウザの表示モードが標準であれば問題ないんですが、互換モードだと、今回のようにへんなとこに画像が表示されるんです。

ブラウザの表示モードは、おそらく大抵のWebページにもあると思いますが、ページソースを見ると、

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

といったタグが書かれているんですが、コレの書き方によって各ブラウザの表示モードが変わるんです。

仮うにぐの場合は

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

こんな感じになってます。
この場合、IE6では互換モードになるので、表示がおかしくなるんです。

<?xml version="1.0" encoding="UTF-8"?>

コレ（俗に言うXML宣言）を外せばIE6でも標準モードになり、ShadowBoxも正常動作するようにはなるんですが、レイアウトが崩れちゃうんです。

恐らくは作成されているベーステンプレートがXMLに準拠して（うまく説明出来ないですが・・・）書かれているので、XML宣言を外すとレイアウトが崩れちゃうんでしょうね・・・

こればっかりはどうしようもなく・・・
IE6を無視するっていう手もありますが、まだまだIE6を使用しているユーザーも多いので（自分もそうですがｗ）無視するわけにもいかないんですよね。

最近、情報検索するときは沢山のWebページを一度に表示させるので、その時だけGoogle Chromeを使用するようにしてます。
タブブラウザですね。

IE7にすればタブブラウザになるんですけどね。
どうもIE7は・・・

ってーわけで、各種修正以前にDOCTYPEの問題をどうにかしないと先に進めなくなってしまいました・・・

様々なDOCTYPEがあるわけですが、まぁ色々と確認検証してみて、それでも無理なようであればテンプレ作成者の方に相談してみようと思います。

ラペネタよりもHTMLネタの方が長くなってる気がしますが・・・
これでもかなり端折って書いてるので、全てを書くとかなり長文に・・・ｗ

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

[ HP更新 , HTML , JavaScript , MMO日記 , Rappelz , WEB , うにぐ ]
日時 : 2008年11月06日 10:27 | | コメント (0)

2008年10月10日

「 orz 」の名称

こんにちわ
うにです。

昨晩Rappelzインしたのは25時半ですｗ

なぜこんなに遅いのか？
最近HEROESにハマッちゃって、昨晩は6.7.8.9話を続けて見てたので・・・ｗ

まぁHEROESは置いといて。

入ったのが遅かったので、野良に行く時間もないので○ソロしようと思ったんだけど、チプが100個くらいしかなかったんでシクへ向かったんですが、橋を渡ったところである人に声をかけられ・・・

芸者さんのメインであるRISLIMさんですね。

メインに逢ったのは初めてだったんですが、メインもサブもプリなんですねｗ
うちのギルドにもメインサブ共にクレっていう人がいますがｗ（しかも両方R5）

んでもって近くにいたFalconの人（知り合いでもなく掲載許可も貰ってないので名前は書かないですが、ペンギンの人ですｗ）にじゅじゅばふももらいまして＾＾

武具強化後初めてのフルバフ状態です。

攻撃が約1800に!!!
すばらすぃ！

この状態で○ソロに行ったわけですが。
場所はマレ村付近ですね。
バフもあるしでマレ村からちょこっと先まで行ってみたんですが、mobLvが120↑と、R5チプが効きにくいんですよね。

ってか、攻撃が当たらないこともしばしば。。。
そりゃそうか。
Lv20以上離れてるもんねｗ

それでもチプ投げてスキル連打で倒せてましたけどｗ

ってなわけでやっぱ村付近で105-114くらいのmobを狩ってました。

そこでスキルを色々試していたんですけど、連打すればスキルx3くらいでmob死亡するんですが、チプ投げた後に範囲スキルを使ってみると・・・

クリが出るとmobのHPの9/10を削ります
（9/10じゃぁ削るって言わないかｗｗｗ）

んでもって今回は軟骨を連れてったんですが、骨は接近戦を主体とするので、軟骨の攻撃が当たるころにはmobはもう死んでるんですねｗ

結束効果で攻撃速度が上がってるからってのもありますが、まぁスキル多用するので攻撃速度も意味ないのかなぁ・・・と思っちゃったりｗ

ってなわけで次回以降は赤の育成を兼ねて○に行こうかと思ってます＾＾

野良では今迄通り軟骨を95にしてから赤に切り替えるつもりですが。

今夜はHEROESもないので（ｗ）野良いけると思います。
（ギルハン行きたいけど・・・）

ってなわけで今日も早々にラペネタを終了し、HTML話ですｗ

っと、その前にHP更新情報をば。

既に公式で新武具の画像が公開されていますが、うちのサイトでも全武具（セット以外）の画像を追加しておきました。

ウチのサイトのRappelz画像集にあります。
初めて見る人は、「公式と大して変わらないじゃん」って思うと思いますが、情報量よりも見易さを重視してるので。

公式のガイドの画像集？のとこを見ると、目的の画像を見るまでに3回くらいページを飛ばなくちゃならないんですよね。
目的の画像がひとつであれば、そうでもないんですが、色々な装備を見てみたいって人には煩わしいと思い、自サイトで画像集を作成したってわけですね。

ウチの画像集はページ転移することもなく同職の画像は全て見れるようになってます。
（性別は別になりますが。）

ってなわけで、近いうちにランクアップで装備が変わる人は見てみてくださいな＾＾

サイドバーにもありますが、一応。

　　　海栗海胆雲丹

うにぐ単体で見ている人は（多分殆どだろうけどｗ）↑のリンクをクリックして、トップメニューの[ Rappelz ]をクリックしてください＾＾

スキル表は・・・
ちょっと時間がないのと、情報量が多すぎるってことで停滞中です。

ってなわけでHTML話ですが。。。

まぁ大したことじゃないんで流し読みしちゃってください。

今CSSの勉強をしてまして。
勉強って言っても本を買って読むとかそういうのは一切しないです。

自分のホームページ作成などに関する学習方法としては、ネットで色々なリファレンスサイトを見て、「このページ凄いな！」って思うサイトのソースを見て、実際自分でも書いてみて、覚えていきます。

なので、言っちゃえば基礎がないんですねｗ

現在ウチのサイトで配布中のGMS SKINですが、全てTableで構成されています。

それを今後はCSSで枠組みしていこうかと思ってます。

CSSの枠組みってのは、Tableタグを使わずにスタイルシートで枠線を組み、背景画像などを指定する方法ですね。
うにぐ、そして様々なブログでもこの方法で構成されていると思います。

そしてCSSメインで構築するとともに、IE以外のブラウザにも同様に表示されるように組んでいくつもりです。

まぁそんな時間も大して取れないんですが、これは以前から思っていたので。

以前擬似的にCSSタイプのGMS SKINを書いてるので、興味がある人は見てみてください。

　　ZerA SKIN

これは、Closedβで消えたMMOですがｗ
期待してOpenβ開始前にSKINを書いたんですが・・・正式開始されるまえに消えていきました・・・
（うにぐでもZerA日記書いてます＾＾）

一部Tableで枠表示していますが、殆どを画像で表示させてます。

まぁこんな感じにできればよりSKIN完成度も上がると思います。

手始めにRappelzギルドLesielのギルドサイトで導入予定？のメンバー専用売買ListSKINをCSSメインで書いてみようと思ってます。

あ！もう一つ画像メインで組んでるSKINありました！

　　Ultima Online SKIN

これは今も続いてるかなり長寿MMOですね。
これは99%画像で構成され、画像数は100枚を超えてたりしますｗ

ここまで細かくやることはないとは思いますが＾＾

ちなみに、今回挙げた二つのSKINですが、共にIE6でしかテストしてないので他ブラウザ、IE7以降で見るとぐちゃぐちゃになると思いますｗ
クロスブラウザ仕様ではないので。

まぁ現状のSKINもIEでの表示を前提にしてますけどね＾＾

って、またHTML話で長文になってますが。

まぁ日記なのでいいですよね＾＾

ふと思ったんですが、うにぐはコメ書き辛いんでしょうかね。。。

みぶさん、ゆーりさんのブログを見ていると、沢山の方がコメ書いてくれてるんですが、うちは・・・orz

そう！また話はズレますが、この「orz」って名称あったんですねｗ

昨晩仕事から帰り、ご飯食べてのんびりしていると、妻が・・・

妻：「おるつって知ってる？」
うに：「は？なんそれ？」
妻：「携帯の顔文字で変換できるらしいんだけど、アルファベットの“オーアールゼット”（敢えてカタカナで書いたｗ）ってなってるやつ」
うに：「あぁ～アレね、名前あったんだｗ」
うに：「orzはブログでもゲームでもよく使ってるよ～」
妻：「へ～」
うに：「けど orz って顔文字じゃないよ」
妻：「TVで顔文字って言ってたよ」
うに：「orz って顔じゃないじゃんｗ体っしょ」
妻：「そんなん・・・TVで言ってたから知らないよ」
うに：「あれはアスキーアートって言うんだよ」
妻：「へ～」

妻はしばしふてくされてましたがｗ

しょうもない日常会話でしたｗ
調べてみると、ほんとに「おるつ」って名称だったんですねぇ

今迄「おーず」て自分で勝手に読んでたｗ

　参考資料「Wikipedia」

資料っていうほどのものでもないどうでもいい情報でした。

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

ってまだ終われない！
コメント！
うにぐではスパム対策の為に画像認証を施していますが（画像認証外すと、1日十数件のスパムコメントが・・・）これが面倒なんでしょうかねぇ・・・
ゆーりさんのブログも、みぶさんのブログも画像認証は挟まれるんですけどね・・・

あのお二方のように妄想日記なんてのは書けないですけど・・・
あそこのブログから比べると、うにぐは真面目なブログ？なんでしょかね。

文章を書くにしても、仕事柄メールを打つのが多く、丁寧口調の文章になってしますんですよね。。。

ある人からは「コメかいてみたけどエラーで投稿できなかった」とか。

どういう条件でエラーになるんだろうか・・・
ちなみにコメ投稿するとちょっと静止してそのあとで投稿されるんですが、エラー出ている人は、多分待ちきれずに2度投稿ボタンを押してしまい、重複でエラー表示になってるのでは・・・と思いますが。。。

新うにぐでは気軽に書けるように前回紹介したサイドバー用掲示板を設置するつもりですが。

うちのカウンターはIP重複はカウントしないようになっているので純粋にその日見に来てくれた人数をカウントしているわけで、沢山の人が見てくれているのは非常に嬉しいんですが、、、

まぁ日記ですからね。
ゲーム内で面識もなければコメするのも・・・って人も沢山いるでしょうね。

携帯版うにぐも一応ありますが、画像表示ができないので（原因はわかってるけど、画像集が半端ないんで、全部のタグを修正するのは流石に骨が折れる・・・）まだ完全公開は出来ないんですよね。

ゆーりさんはよく携帯からコメかいてくれているようですが＾＾

一応また携帯版うにぐのURL書いときます。
こっちは画像認証は入らないので。

　http://unig.uniuniuni.com/mobile/

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

[ CSS , GMS SKIN , HP更新 , HTML , MMO日記 , Rappelz , WEB , うにぐ ]
日時 : 2008年10月10日 11:05 | | コメント (5)

2008年10月09日

足跡掲示板

こんにちわ
うにです。

昨晩は24時前に入れたので野良行っときました。
まぁ当然ながらお呼びがかかるなんてことはないわけで、PTLになってって感じですが。

叫んでいると・・・

芸者さんがサブっていたようで、「お仕事ありませんかぁ～？」と。

PTに誘って準備していると、、、
ルーさんからもササ貰いました！
PT参加のササじゃないですけどね＾＾
ちょこっとお話したところ、瑠璃さんとは随分前から知り合いとの事。

んなるほろ。
るりさん⇒みぶさんと。
共通点ありますねｗ

んで3先で募集したわけですが、最近は鯖全体のログイン人数も減っている？のかわかんないけど、24時過ぎの回復募集の食いつきが悪いんですよね。

ってわけで、芸者さんです。
最初に回復確保しないとどうにもならんですよね。

ってなわけで今回は芸者さんが声掛けてくれたので、ラッキーでしたよ＾＾

メンバーはナイト99、鰤100、プリ97、狩人100と、Lvも高めの火力PTでした＾＾

野良なので画像はたいして載せらん内ですが、1枚だけ。

今回は回復さんが知人だったので気持ちよく火力参加してきました。

収穫は。

R5集中リングですね。
集中より体力！ってことで、これもまた競売行きですｗ

そして、スキルショートカットですが、アブデ後にまた変えまして。

こんな感じです。
見辛い場合は画像クリックして拡大してみてください。

左側は以前と変わりないですが、右側も前半を自己バフ等、後半を範囲スキルで固めてみました。

範囲スキルとはいえ、対象複数の場合はダメ分散されてしまうので、単体の方が使いやすいですね。

問題は衝撃砲なんです。
これって気功1個消費でスタンなのでいい感じなんですが、ノックバックするので野良でコンボに組み込むわけにはいかないんですよね。

支援職がmobに絡まれている時には流氷の罠で凍結させちゃうので、殆ど使う機会もなく・・・

せいぜいソロ時に使うくらいですね。
メンバーが全員遠距離職なら、とっても使い勝手のいいスキルに化けるんですけどね。

さてさて、今日はサクサクッとテンポよく書き終えたわけですが、ここからはHTMLネタをばｗ

新うにぐに導入予定なんですが、サイドバーに掲示板を入れてみようかと思ってます。

なぜ掲示板なのか。
まぁコメント入れるより気軽に足跡残せるでしょう。
ってことで、KENT-WEBさんから配布されているJoyful-Noteを改造してミニ掲示板にしてみました。

この改造自体は別に大したことでもなく、わざわざ日記に書くことでもないんですが、問題は表示方法なんですよね。

ブログ内なので直にソースを書くわけにもいかないので外部に設置して表示させるわけですが、導入方法としてはフレームを利用するのが一般的な方法ですよね。

サイドバー右上にあります[ 来訪者情報 ]これはIIFrameになってるのは以前にも書きましたが、問題はスクロールバーなんです。

[ 来訪者情報 ]は完全に埋め込むかたちにして、スクロールバーは非表示にしてあるんです。
限定情報を表示するだけなのでスクロールバーは不要なんですが、掲示板はそうもいかないですよね。

そこでスクロールバーを変えてみよう！
という考えに至ったわけですが、一般的なところだと、せいぜいスクロールバーの色を変える、画像で表示するなど、制限があり、結局はスクロールバーに結構な幅を取ってしまうんですよね。

ただでさえ狭いサイドバーを更に狭くするわけにはいかない！

ってことで、こちらのZscrollBar2を使用することにしました。

このZscrollBarですが、ページ全体に施すことも可能なんですが、ブログのように複雑なページに導入するのは非常に骨が折れるんです。

ってなわけでIFrameに埋め込むわけです。
ZscrollBarは埋め込む側。つまりは掲示板に仕込めばいいので比較的楽なんですね～

ってなわけで今回書いたサイドバー用の掲示板をIFrameでこの記事に埋め込んでみます。

マウスのホイールで直にスクロールは出来ないので、掲示板右側のスクロールバー（四角いやつ）をD&Dしてみてください。
（Dungeons & Dragonsじゃないですよｗ）

ZscrollBarはスクロールバーを完全に画像で表現しているのでページのスクロールバーは切らないとならないんですが、ただそれだけではベースページもスクロールバーがなくなってしまうことがあるんですが、それを避けるために、ベースページの<BODY> に scroll="yes" を入れてます。

<IFrame> には scrolling="no" を入れてます。

まぁhtmlを書かない人にはどうでもいいネタですね。

あとは、Lecielのハルさんのリクエストのメンバー専用売買ListみたいなのをちょこちょこっとGMSを書き換えたりもしてますｗ

実際に依頼されたわけではないですが、まぁ好意で書いてるだけなんで。
これを使うかはゆーりさんに委ねます＾＾

一応今回書いたサンプルでも。

　　メンバー専用売買ListSKIN

ササッと書き換えただけなんでソースも荒く、不具合も沢山あるんですが、表示だけでもｗ

今回は売買専用なので画像投稿は意味ないんですが、せっかくついている機能なので、個別背景画像を自由に変えられるように、本来はキャラクター画像の投稿機能を背景画像に嵌めてみました。

って・・・
なんかラペネタよりHTMLネタの方が長くなってるｗｗｗ

HTMLネタを書きだすと止まらないですｗ

んじゃここらで。

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

------

ps.既存のうにぐにも共用しようとも思ったんですが、新旧のうにぐでサイドバーの横幅が違うので、なかなかそうもいかないんですよね。

[ HTML , JavaScript , MMO日記 , Rappelz , WEB , うにぐ ]
日時 : 2008年10月09日 10:23 | | コメント (4)
1 2 3 >

カウンター

最近の画像






最近のブログ記事

最近のコメント

うに on 画像タグ その２: ハリさん >Jav
うに on ガイアトリオin15先: 芸者さん >うにさ
うに on ネタなし・・・: ウルさん アトラン
通行人B on 画像タグ その２: うちのブログは出来た
なんとかの芸者 on ガイアトリオin15先: うにさん、先日は突然
ウル on ネタなし・・・: 私もアトランティカ少
うに on ガイアトリオin15先: らふぇさん、いらっさ
らふぇ on ガイアトリオin15先: 昨日は大変だったけど
うに on なんも出ないッス: Ganeさん、いらっ
Gane on なんも出ないッス: はじめておじゃましま

カテゴリー

アーカイブ

お気に入り




About HTML

ブログ「うにぐ」のカテゴリ「HTML」に投稿されたすべてのエントリーのアーカイブのページです。新しい順番に並んでいます。

前のカテゴリはFLASHです。

次のカテゴリはJavaScriptです。

他にも多くのエントリーがあります。メインページやアーカイブページも見てください。

このブログのフィードを取得
[フィードとは]

来訪者情報

ステータス

  • 総エントリー数･････････[0634]
  • 総コメント数･････････・・[1089]
©PETAPPA

Blog QR

うにぐ

プロフィール

Gender･････････････････[male]
Work･････････････････・・[CSE]
Age･････････････････････・[30]

  • Rappelz

    • Server･･････････[Salamander]
    Name････････････････[紫雲丹]

  • CABAL ONLINE

    • Server･･･････････････[Jupiter]
    Name･･････････････････[雲丹]

GMS SKIN


BrightKingdom SKIN 		SAMPLE DOWNLOAD
SAMPLE

SUN SKIN 		SAMPLE DOWNLOAD
SAMPLE

DEKARON SKIN 		SAMPLE DOWNLOAD
SAMPLE

Rappelz SKIN 		SAMPLE DOWNLOAD
SAMPLE

CABAL ONLINE SKIN 		SAMPLE DOWNLOAD
SAMPLE

ROHAN SKIN 		SAMPLE DOWNLOAD
SAMPLE

MMO履歴

MMO Copyright


©2006 NFLAVOR.corp.All Rights Reserved.
©GALA.Inc.All Rights Reserved.


©2006 by ESTsoft Corp. All rights reserved.
©2006 Gamepot Inc., All rights reserved.