phpMixiBBSコミュのスクリーンショット

各画面スクリーンショット、表示案はこちらへ。

コメント(16)

最初
全て
最新の40件

私の作った表示案は↓に置いてあります。
http://www.geocities.jp/dennou84/design/mixiBBS/menu.html

最新のブラウザでは問題なく表示されるはずです。
Netscape4.7等での表示は考慮されておりません。

[2] mixiユーザー 08月30日 13:11

スレッド一覧ページのイメージを作ってみました。
http://object.hn.org/image.jpg

何かもっとこうした方がいい等の意見ありましたら、レスお願いします。
他ページもとりあえず作ってみます。

[3] mixiユーザー 08月30日 17:29

本質的な話じゃないんですが、
「色」だとよくわからんので、
具象的な「アイコン」だといいなーと思いました。

[4] mixiユーザー 08月31日 19:35

>>かね様
意見有難うございます、自分でもちょっと解りづらいかなと思っていました。
時間がある時にアイコンを作ってみます。

[5] mixiユーザー 08月31日 21:01

根本的な話になっちゃうんですが、機能仕様が決まってない現状、
画面デザインは難しいのではないのでしょうか？

[6] mixiユーザー 09月01日 02:11

どんなものになるのか「仕様」よりも「見た目」がどうなるのかの方が一般の方々には大事だったりもします。
外部設計から面白いアイデアが出る事もしばしばだと思うのでスクリーンショットトピックを設けてみました。
#自分もつくらねばいけないと思いながら全く手が回らない…

[7] mixiユーザー 09月09日 09:22

TOP画面の表示案なのですが
私なりに利便性を追求した結果、
なんだかシンプルではなくなっている気がしないことも無いです。

具体的なことは仕様決定後に考えていきたいと思っております。

[8] mixiユーザー 09月23日 20:04

http://www.geocities.jp/dennou84/design/mixiBBS/index.html

テーブルを使わずに作りました。
無駄な部分、改善の余地のある部分は残っていると思います。

表示に関しての問題点。
全体の横幅は基本的に#BBS .BBS_b一箇所でコントロール出来ます。
ブラウザで横幅を変更していくと回り込みが発生する事があります。（Firefox、Netscape、Mozillaでは発生せずにはみ出る）
この問題を修正するとブラウザの横幅を小さくしたときに枠をはみ出てしまいます。

色によって区切られた場所にはCSSを使って個別に画像を配置する事ができます。

ブラウザによって表示に微妙な違いが出ます。
考えられる原因はCSSの書き方に問題がある、又はブラウザ自体の問題ではないかと考えております。

このため、画像を使ってデザインする時に個別に表示の違いに対応せざるを得ません。

私なりに適切にHTML 、CSSを記述したつもりですが、不適切と思われる箇所がございましたらご指摘下さい。

[10] mixiユーザー 09月24日 00:13

…テーブル使ってもいいと思いますよ。

[11] mixiユーザー 09月24日 02:07

＞potatoさん
ご指摘頂きどうも有り難う御座います。

装飾画像用に作ってあったclass属性を削ってみました。

大分スリムになりました。
http://www.geocities.jp/dennou84/design/mixiBBS/index2.html

＞さまよえるプログラマさん
今後はテーブルと併用する方向で行こうと思います。

私の記述が不適切なのかブラウザによっては中央に寄ったり左に寄ったりしてしまうので苦し紛れに左寄せしてしまってますし･･･orz

[12] mixiユーザー 09月24日 07:33

んーと
スレッド表示っていわゆるメーラーとかであるツリー表示のことをいうんじゃないんですかね?
ってスレッド一覧だからフラットだからいいのか
#ごみの予感

[14] mixiユーザー 09月24日 17:16

＞potatoさま
気にしてくださってありがとうございます(^_^;。

ぼくもいわゆる「スレッド型」の定義がわからないこともあって、自分の理解を兼ねてトピ立てさせていただきました。
で、「スレッド型」といわれる掲示板を片っ端から見てみて、以下のようなものかな、と思っています。

○スレッド型とは、単一の掲示板と違い、ある話題（スレッド）とそれへの返信をひとまとまりとして、１ページまたは数ページに表示する形式の掲示板である。
○多くの場合、エンドユーザに新たなスレッドをつくることを許可している。
○各話題とそれに連なる返信を字下げしてツリー表示するものは「ツリー型」と呼ばれ、区別される。
　ただし「スレッド型」と「ツリー型」は単なる表示形式の違いとして、表示を切り替えられるものも多い。

んなところでしょうか。

ぼくもサンプルをつくってみようと思っています。
なるべくCSSのみでデザイン変更できるような、シンプルかつブロック分けが単純なものにしたいと思っていますが....さて。

[15] mixiユーザー 09月25日 13:09

>potatoさん
センタリングの件、どうもありがとうございます。
無事解決いたしました。

http://www.geocities.jp/dennou84/design/mixiBBS/CAL-B/index.html

名称はあまり深く考えずに使ってしまっておりますので
名称の使い方が間違っているのでしたら変更します。

今回はテーブルを使ってます。
Divだと文字サイズを変更したり横幅を変更したりすると
FireFox等で微妙に隙間が開くという
私には原因の分からない表示になったりするので
Divは控えめに使用してます。

テーブルを3つ使って
[タイトル・ロゴ+メニュー]
[記事表示部分]
[記事編集部分]
という感じになってます。

それから、tabindex、accesskeyはどうしましょう？
http://mixi.jp/view_bbs.pl?id=2129280
で話し合うのが適切でしょうか？

[16] mixiユーザー 09月26日 13:18

サンプルつくってみました。
http://ginnez.xrea.jp/mixi_bbs/index.php

が...！　IEでは表示が崩れまする...orz

XHTML1.0 strictなんて宣言してますが、大ウソです。
スタイルシートも思いつきで書いていたらどんどん肥大化しちまいました。コピーして書き換えただけだから重複多いし(T_T)。

恥ずかしながら、よろしく検証ください。

ログインすると、残り2件のコメントが見れるよ