Top / うにぐ / WEB / CSS

CSS アーカイブ

1

2008年02月29日

昨夜も爆睡…

こにゃにゃちわ。
うにです。

昨晩は・・・
案の定帰宅したのが23時過ぎで、夕飯食べてTV見てたら・・・

こたつで爆睡!!!
気が付いたら26時をまわってまして・・・
とりあえずCABALでも入って画像撮るんだ!

・・・って思ってたら27時になってました・・・

どうしようもないっすね  ...orz...

翌日も仕事なんでそのまま布団に入りました。

今日もなんか遅くなりそうな感じで・・・
今夜は入るようにはしますが、明日は妻の妹が子連れで家に遊びにくるので夜は入れるかどうかwww

最近全然入れてないのでギルドの人にはいてもいなくても変わんないんでしょうけどね・・・
まぁ「全然入ってこないから追放でいいよね」って事にならなければいいんですが・・・
ギルドに入れてもらう時にギルマスに“不定期ですが”って言ってあるので大丈夫だとは思いますが・・・

そうそう、先日SUNのCBの話をしてましたが、今度はモンスターファームオンライン(以下MFO)のOpenβが始まりましたね^^
本腰入れるかどうかは別として、とりあえず土日の昼間にでもDL&インスコしてちょこっと体験してこようかと思ってます。
PSであったようにオンラインでもCD/DVDからモンスターを召還出来るという事でw
うちにある色々なディスクで試してみようと思います。
“思わぬ強力なモンスターが!?”って感じになったらいいんですけどね^^

うちはCDはそんな多くないんですが(50枚前後)DVDは結構ありますね(300枚前後)
全部試すって程時間が余ってないですけど、やってみる価値ありまっせ!って事ですw

週明け月曜はラペルズ&CABAL&MFOの日記を書けると思います^^

やりたい事沢山あるのに時間がなくってすいません。

現在のやりたい事リスト!

 ・Rappelzスキル表&画像集
 ・GMS SKINの総書き直し
 ・ゲーム

おおまかにこんだけですが・・・

Rappelzのスキル表はデータ入力が大変で、仕事が忙しいのと相まって現在滞ってます。

画像集に関してはほぼ9割方の画像は入手出来ているのであとはベースの画像の表示方法を決めるだけなんですがなかなかいい感じの表示方法がなく・・・

んでGMS SKINの書き直しですが、現状のVersion3.0にてほぼ全てのSKINの書き直しを行ったんですが、ちょっとまえにうにぐでも書いたTableタグを一切使用しないタイプを書こうかなって思ってます。
現状のGMS SKINでのスタイルシートの役割は、
 ①フォントタイプ
 ②フォントの色
 ③枠線の色
 ④枠線の太さ
 ⑤全体背景画像の指定
 ⑥透過割合

こんなもんなんですがTableタグを一切使用しないタイプだと更に
 ⑦枠線の指定(場所、横幅等)
 ⑧SKINの表示位置

もっとあるような気もするけどwww
まぁCSSをもっと多用するって感じですね。
CSSを多用する事によってhtmlを簡略化する事が可能です。

現状のSKINだと、htmlの知識が多少あれば書換も比較的簡単に出来ると思います。
まぁいわゆるステップアップですw
(言ってる事よくわかんね~~~って自分でも今思ってしまったw)

あとはゲーム?
これはMMOもあり、家庭用ゲームもあり、です。
休日昼間は子供達とWiiのスマブラをやってます^^
今週は。。。やんないかもね。

んまぁこんなとこで。
ここ2.3日画像が全然なくってすんません。

(=゚ω゚)ノジャ、マタ!!

2008年02月07日

SKINに不具合

こんにちわ。
うにです。

先日Rappelzにてお世話になっているギルドLECIELにて設置されたうちで配布中のRappelz SKINですが、ちょこっと不具合が発覚しまして・・・
報告を頂いたのではなく自分で発見したんですが。

不具合というのはメンバーリストにレスを書いた際に表示が中央に寄ってしまうって事です。
ダウンロードファイルの修正を行いますが、1箇所だけの修正なのでここに修正箇所を書いておきます。

skin.cgi(580行目)
↓修正前↓

$return_log .= "<TR><TD colspan=\"3\" class=\"under2\" align=\"left\">";

↓修正後↓
$return_log .= "<TR><TD colspan=\"3\" class=\"under2\" style=\"text-align:left;\">";

ここを直してもらえればレス表示は左寄せになります。

さて、MMO日記ですが当分まともなのは書けそうもありません><;
ちょっと仕事が立て込んでおり帰宅時間が遅くなってしまう為に・・・
昨晩も家に着いたのが23時前くらいでしょうかね・・・

上で書いてる修正報告の為にRappelzに入りましたけどそれだけです。

今夜はCABALに入れるといいんだけど・・・

さてさて、前回CSS連携による段落作成について書きましたが、それを使用してメンバーリストを書いてみました。
(今回はRappelzにて)

まだmain.htmlのみしか書いていないので画像を貼るしか出来ないですが、見てもらえば分かるように、今回は以前封印していた画像でのSKINです。
まぁ以前は知識不足で色々不具合出まくりだったからってのもあるんですが。。。

画像のみなのでわからないと思いますがこれは前回書いたようにTableタグは一切使用していません。
まだ鯖テストも行っていなく、実際動くかどうかも疑問なんですがせっかく書いたので画像として貼りました。

Rappelzをやった事ある人は分かると思いますが、背景画像(枠等)に実際のRappelzの物と同じような画像を使用しています(多少加工してますが)

左に一覧表示、右に詳細表示と、別ページに跨ぐ事無く両方表示できれば、と思って書いてみました。
(実際動作するかは別の話として・・・w)
まぁちょっと横幅を取るのでギルドサイトのコンテンツとして使用出来るかは疑問ですけどね^^

同時表示が不可能な場合は既存のスタイルに戻しつつも画像ベースで書き直してみる予定です。
画像ベースの場合は枠内背景画像はいれませんけどね
まぁシンプルなのがいい人にはいいかもしれません。

(=゚ω゚)ノジャ、マタ!!

2008年02月06日

CSSで段落化

こんにちわ。
うにです。

昨晩は仕事疲れなのか風邪なのか、頭痛が酷かったので何もせず飯食って就寝しました。

前回GMS SKINのフレーム化をすると書きましたが、フレーム化ではなく擬似フレームで書き始めてます。

擬似フレームってなに?
フレームと擬似フレームってどう違うの?

って思う人が殆どだと思います。
まずフレームは分かると思いますが、一つのページの中に複数のhtmlファイルを読み込ませる事ですね。
海栗海胆雲丹ではメニューページでフレームを使用しています。

んで擬似フレームですが、こちらはCSSを活用して段落を作っています。
段落というとhtmlタグでいうなれば<q>もしくは<blockquote>を使用すると段落になるんですが、普通の文章(手順書等)を書くのであればそれでもいいんですが、複数段落を作成するとなると上記タグは使用できません。

ではどうするか?
スタイルシートを使って段落化(擬似フレーム化)するわけですね。
まぁうにぐでも擬似フレームを使用しているわけですが^^

まぁ文章で言ってもよくわかんないと思うので例を挙げてみます。
下の表?を見てください。

ヘッダー
メインのコンテンツ(右側)
端のコンテンツ(左側)
フッター

こちらはtableタグを使ってそうですが、tableは一切使ってません。
html的にはdivタグのみ使ってます。
ソースはこんな感じになります。

<style>
<!--
#main { float: right; border-width: 1px; border-style: solid; }
#left { border-width: 1px; border-style: solid; }
#head { border-width: 1px; border-style: solid; }
#foot { border-width: 1px; border-style: solid; }
-->
</style>
<div id="head">ヘッダー</div>
<div id="main">メインのコンテンツ(右側)</div>
<div id="left">端のコンテンツ(左側)</div>
<div id="foot">フッター</div>
見易い様に枠線を表示させてます。 うにぐのように背景に画像を置く場合は枠線は指定しない方が良いですね^^

これをコピペしてテキストファイルに貼り付け、拡張子をhtml(もしくはhtm)にして実行してみてください。
上と同じようになると思います。

簡単に説明するとmainの部分を右寄せにするわけですが、ただ<div align="right">とかにすると文章は右寄せになりますが枠が改行されてしまいます。
<table>を<div>で囲めば別ですが、今回はtableは使わない前提としているので。

まぁこれをスタイルシートでfloat: right;と付け加える事により表現しているわけです。

各idにwidth: 500px とか入れることにより横幅指定も可能です。

擬似フレームは今回紹介したCSSとの連携以外にも方法はあります。
インラインフレームを使う方法です。

うにぐのサイドバーにある[来訪者情報]がそれにあたります。
一つのhtmlからある範囲内に別のページを表示させる、というものです。
フレームと同じじゃないの?と思うでしょうけど、違うんですw

フレームとしてはベースとなるページにフレームとして呼び出すページ、計3つのhtmlファイルが必要になります。
ですがインラインフレームの場合は名称のまんま、一つのページの中に別のページを呼び出すというものです。
まぁ利点を一言でいうなれば、「動作が軽い」ってことですね。

インラインフレームを使用すると呼び出すページによってはスクロールバーが表示されるのでその分余計な横幅を取ってしまうためあんま使いたくないんですけどね^^
まぁ範囲を余分にとってスクロールしないように(スクロールバーも表示させない)すればいいんですけどね^^

CSSでの擬似フレームがうまくGMSに使えなければインラインフレームも考えてみます。
まぁ人によって使い道が違うので数タイプ用意するのが一番いいんでしょうけどね。

前回WEB関連のカテゴリを追加したので書いてみました^^
(本音はMMOネタがないだけだけどwww)

まぁ興味のある人は調べてみてくださいw
(全てを説明するととんでもなく長い日記になっちゃうのでw)

ほいじゃ今日はこんなところで^^
またなにかあれば書きます。

(=゚ω゚)ノジャ、マタ!!

2008年02月05日

Multiple IE installer

こんにちわ。
うにです。

昨晩は寒さのせいか、足腰が痛かったのでちょこっとSKINの打ち合わせ(?)の為にRappelz入って早目に寝ちゃいました。

まぁGMSの設置も出来ているようで問題はないみたいなんですが、ちょっとお話してました^^
(ついでに鷹狩り)

CABALは一昨日から入ってません。
クエも落ち着いたのでそろそろLv上げに専念したいんですが、このLv帯(Lv60↓)ではろくな狩場がないっぽく、地道にやるしかないようです。

現状の目標はユアン/パーティ エポを着る事ですが、それにはLvが@24も足りないという事で・・・
とりあえずはお墨着る事(っていっても狩りでは影鉄熟練装備・・・)、オスミブレ装備ってとこですね。

STRは230は超えているので@3~4Lvってところです。

今ふと思ったんだけど、今まで書いてきたSKINの一覧表示形態は名前のみか縮小画像の状態かの2つだけでした。

今度ちょっと違うのを書いてみようかと思ってます。
フレームを利用したタイプを書いてみようかと思ってます。
ギルドサイトがフレームタイプのサイトには使えませんがリンクを追加すればそのままギルドサイトに流用できるようなタイプのSKINにしようかと思ってます。

ベーシックではメンバー一覧を左側、右側に詳細内容、そうすることによって多少のhtmlの知識があればメンバー一覧を右側、もしくは上下に分ける事も可能になると思います。

ただ、強制でそのタイプを押し付けるのもいけないので、既存のタイプとフレームタイプの2種を入れていこうと思ってます。
使用者の好みに合わせてってやつですね^^
差し替えファイルもmain.htmlのみなので大して容量が増える事もないと思います。
前回のRappelzの縮小アイコン表示の思想の時の様にうまく動かない、何てことにならないようにがんばってみますw
(既にちょっと不安なんだけどwww)

今調べ物をしていたところ、おもしろいものを発見しました!

Multiple IE installerというものです。

これは、複数のIEを一つのPCにインストール出来るというものです。

だからなに?
って言われればそれまでですが、htmlを書く人にとっては重宝するかと思います。

うちのPCにもブラウザはちゃんと表示できるかのテスト用にFireFox/ネスケ/オペラ、そしてIE6の4種が入っています。
ブラウザによって違う表示が出るか試す為にインストールしてます。
普段はIE6を使ってます。
最近はIE7を使う人も多くなってきたようでたまに「IE7では表示がおかしい」とか言われる事もあるんですが、今まではIE7をインストールするとIE6は使えなくなってしまうので検証環境がなかったわけですが、これで実現する事ができます。

これを使ってインストール出来るブラウザはIE系だけですが、IE3.0/4.01/5.01/5.5/6.0 と、多数入れることが出来、更にインストールするバージョンを選択する事も可能です。
5.01/5.5/6.0があれば十分だと思います。

普通の人達には必要のないものですけどね^^

WindowsXPにて自動更新に設定している人でIE7を使いたくない人には有力情報かと思います。

2/13の自動更新でIE7が入ってしまうからwww

MSめぇ~余計なことを・・・
って感じですwww

まぁ帰ったらうちの奥さんにも聞いてみようと思います。
まぁ「よくわかんないからなんでもいいよ。ってか今のままで十分でしょ」って言われるのが目に見えてますけどwww

んじゃここいらで^^

(=゚ω゚)ノジャ、マタ!!

------
ps.カテゴリにWEB関連を入れてみました。

CGI
 :有用なCGIプログラムの紹介の時とか^^
  まぁGMSもCGIなんですけどねw

CSS
 :html書く人には重要なものですね。
  なにか面白いプロパティがあったら入れてみます^^

FLASH
 :まぁ自分にはゼロからFLASHを書く技術ないんだけどおもしろいのがあればw

HTML
 :これは基本ですねw
  最近はJS、FLASHだけで構成されているサイトもありますけど、まだまだ大事なとこです。

JavaScript
 :ここも有用な情報があれば^^
  まぁ今までも沢山使ってるんですけどねw
  うにぐでも多用してます。

1

カウンター

最近の画像

最近のコメント

Gamer on FS最弱説急上昇中?: オンラインゲームで
うに on 初レイド&初パル!: ウルさん、いらっしゃ
ぶー on 初レイド&初パル!: 先日の初レイドはいか
ウル on 初レイド&初パル!: さすが うにさん! 
うに on 初レイド&初パル!: ハリさん は~い^
通行人B on 初レイド&初パル!: 昨日はパルお疲れ様で
うに on ペースダウン: ハリさんどうも~^^
通行人B on ペースダウン: 水晶はよくソロいって
うに on 祝4Rank!!!: ほそさん >R4おめ
ほそ on 祝4Rank!!!: うにさん! R4おめ

About CSS

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

前のカテゴリはCGIです。

次のカテゴリはFLASHです。

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

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

来訪者情報

ステータス

  • 総エントリー数・・・・・・・・・[0491]
  • 総コメント数・・・・・・・・・・・[0829]

プロフィール

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