■ 2ちゃんねるWiki はじめました。 2
■ このスレッドは過去ログ倉庫に格納されています
2ちゃんねるWiki?ヲRock54 BBQ Boo80 とも子 Norton 荒らし
いろいろ散らばってて分かりにくい2ちゃんねるの各プロジェクトや
出来事、よくある質問などを分かりやすくまとめたページです。
誰でも簡単にページを作成したり編集できるので是非よろしくね。
http://info.2ch.net/wiki/
ページ編集の説明書
http://info.2ch.net/wiki/pukiwiki.php?%A5%DA%A1%BC%A5%B8%CA%D4%BD%B8%A4%CE%C0%E2%CC%C0%BD%F1
過去ログ
■ 2ちゃんねるWiki はじめました。
http://qb5.2ch.net/test/read.cgi/operate/1075819377/ >>178
やる気満々なしと、修正したスキンをくだちい
だと思います ┌─┐
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
└┬┴────────┐
│ │
│ │
│ │
│ │
└─────────┘
こんなかんじになってて、とてもとてもみづらい、、、、、、 >>180
MacOSX10.3 Safariというマイナー環境だと問題なく見れる。
できるならどのOSとブラウザ使ってるか書くといいよ MSIE 以外は、float が機能しているようです。 >>179
</tr>
</table>
<table style=(略)>
<tr>
pukiwiki.skin.ja.phpからこの4行を消しちゃだめですか? >>185
おそらく 9em 幅の、縦にやたらと長い枠が左に出来てくるかと(苦笑)@右部分は空白(壁紙) なるほどー・・・orz
じゃあ、>>185の4行を消して、さらに
<table style="float: left; background-color: #CCFFCC;"
width="9" border="1" cellpadding="0" cellspacing="7" summary="menubar">
の部分を
<table style="background-color: #CCFFCC;"
width="100%" border="1" cellpadding="0" cellspacing="7">
としてみたらどでしょか? >181
| |ノハヽ
| |。‘从 <Orera7.52。。
|_と )
|鴨| ノ
| ̄|
ブラウザサイズをちょっと縮めてみても再現できない? @Win2000SP4 + IE6.0 1024×768
右側テーブルのwidth指定は要らないと思います。
<table style="background-color: #CCFFCC;" width="85%" border="1" cellspacing="7" summary="body" align="center">
↓width="85%"を消す
<table style="background-color: #CCFFCC;" border="1" cellspacing="7" summary="body" align="center">
これだけで、うちでは見れます。 あ、幅狭めたらだめでした。ごめんなさい。
>>187
1個のテーブルで表現するとかっこ悪い予感です…。 これでどうでしょうか。
<table style="background-color: #CCFFCC;" width="85%" border="1" cellspacing="7" summary="body" align="center">
↓width="85%"を消して、style属性に margin-left: 9em; を追加する。
<table style="background-color: #CCFFCC; margin-left: 9em;" border="1" cellspacing="7" summary="body" align="center">
ついでに、コメント書き込み欄の下側の空白は、default.ja.css の body.td{〜 background-color:white; 〜} のせいです。(tdのほう)
2つ目のテーブルの方、tdタグの色を変えたほうがいいかも。たとえば、
<td valign="top"> → <td style="background-color :#CCFFCC;" valign="top"> >>188
Operaだとズレるね。
>>191乙
できればそいつに左側のメニュー幅もうちょい広げるの入れてもらえると見栄えがよくなっていいかも。
後メニューのビュレットをもうちょい右寄せにできないかな >>192
ごめん、ビュレットって?
あと、>>191だと、右側のテーブルがいっぱいまで広がらない悪寒がしてきたので、修正中です。 >>193
http://sakots.pekori.jp/cgi/sn/src/up4038.jpg
左のメニューにある
●Rock54
●BBQ
●Boo80
↑
コレ。
あまりにも左側にきてるからもうちょい右に移動できないのかなと >>195 li の margin-left を多めに >>194 コニカルビーカーとかねー。
>>195
りょかいですー >>196
>>197
おお、どうも。あと左のメニュー幅も1.25〜1.5倍くらいに調節
してくれると無駄な改行が減ってプロジェクト一覧が見やすいと
思うのでよろしくです。 ● 左側テーブル開始の前にtableタグ追加。
<table style="float: left; background-color: #CCFFCC;" width="9" border="1" cellpadding="0" cellspacing="7" summary="menubar">
↓
<table style="width: 100%;">
<tr>
<td style="valign: top; width:12em;"> <!-- メニューの幅を9em→12emに -->
<table style="float: left; background-color: #CCFFCC;" border="1" cellpadding="0" cellspacing="7" summary="menubar">
●左側テーブルタグ終了と右側テーブルタグ終了の間に </td><td> を入れる。その他色々変更
</table>
<table style="background-color: #CCFFCC;" width="85%" border="1" cellspacing="7" summary="body" align="center">
<tr>
<td valign="top">
↓
</table>
<!-- 追加するtdタグ -->
</td>
<td valign="top" style="background-color: transparent;">
<table style="background-color: #CCFFCC;" width="100%" border="1" cellspacing="7" summary="body">
<tr>
<td valign="top" style="background-color: #CCFFCC;"> ● 右側テーブル終了タグの後ろに、もういっこ終了タグを入れる
</table>
↓
</table>
</td>
</tr>
</table>
● default.ja.cssの以下の行を変更
div#menubar ul
{
margin:0px 0px 0px .5em; ← これの一番右の .5em を 1.0em くらいにする
padding:0px 0px 0px .5em;
}
div#menubar と td.menubar の width:9em; を削除 訂正です
>>199上側
一番上のtdタグ内のstyle属性値の
× valign → ○ vertical-allign です
td valign="top" と td style="vertical-align: top;" が混在してますね…。適当に直したほうがいいかも。 CSSをアップしました。
http://www5f.biglobe.ne.jp/~age12at1995/20040716default.ja.css
>>202
修正前のphpファイルってどこでしょうか? >>203
あら、流れてるね。ほい
ttp://up.isp.2ch.net/up/ac0f3137a5b1.lzh header('Content-Type: text/html; charset=EUC-JP');
html になってますよー >>205
あれ、私ですか? はい。
http://www5f.biglobe.ne.jp/~age12at1995/20040716default.ja.css.txt あ、phpの12行目でしたか。あはは。
text/xhtmlにしとけばいいですか?
あ、metaタグに従います。application/xhtml+xml で。 phpあげました。
139行目から、142行目にかけて 「もしメニュープラグインが存在するなら」 的な
文章がないと、多分メニューが無かったときに動きません。
書き方が分からなかったので、そのままです。
http://www5f.biglobe.ne.jp/~age12at1995/20040716pukiwiki.skin.ja.zip すみません、ごみをつけてしまっていたので、あげなおしました。
>>207も5行目でした。 wikiの標準のフォントサイズと行間も他の
ニュースサイトなんかと比べて
小さくて詰まり過ぎな気がします。
この辺も変えられたら、可読性が増していい気がします。
フォントサイズや行間は
http://news.www.infoseek.co.jp/?svx=100302&svp=SEEK
なんかを参考にするといいかなと いまのところ、こんな感じになる予定です。
横幅が640だと厳しいかもしれません。
http://www5f.biglobe.ne.jp/~age12at1995/2ch/newfile.html
>>212
たぶんに趣味の問題になるのですが、私がいいと思うものをちょっとあげてみますね。 >>213
おお!乙!いい感じです●の位置もスッキリ
[ リロード ] [ 新規 | 編集 | 凍結 | 差分 | 添付 ] [ トップ | 一覧 | 単語検索 | 最終更新 | バックアップ | ヘルプ ]
もし可能なら上のメニューの背景も緑とかにできませんか? みなさん乙です。
横やりスマンが、やはり背景は#efefefがよいんじゃないかなぁ。。
今のでは見づらい人もいると思う。 こんなんでました。
http://www5f.biglobe.ne.jp/~age12at1995/2ch/newfile2.html >>188
> <Orera7.52。。
オレラかよw >>216
いい感じ!!乙です!!!
ただ一点気になったのが
★状況速報
目次
なんかの色合いはデフォルトのままの紺色一色のが分かりやすい
と思います。 >219
おい家鴨、がぁがぁ一々気になり過ぎだっつーの。
脳内でまとめてからレスしろ。 はい。
http://www5f.biglobe.ne.jp/~age12at1995/2ch/newfile3.html
http://www5f.biglobe.ne.jp/~age12at1995/2ch/newfile4.html
違いは、右側の見出し(★状況速報とか)だけです。
上側は、白抜き。下側はそのまま。 >>219
> >>216
> いい感じ!!乙です!!!
> ただ一点気になったのが
> ★状況速報
> 目次
> なんかの色合いはデフォルトのままの紺色一色のが分かりやすい
> と思います。
>>146-150 あたりで見出しの背景色にリンクする文字が見え辛くなるということで
>>216と>>221の上に一票 >>222
見難いですね。
newfile3.htmlで、白抜きなのはh2(見出し1段階目)だけです。
h1,h3〜h6は、まだそのままです。
見出しの背景色が濃いところだけ、リンクする文字を薄くしなきゃいけませんね。 >>223
乙です。
色の組み合わせは2ちゃんwikiということなので
あのダサイ色の組み合わせのままでいいんじゃないでしょうか。 はい。見出しの背景色に対するリンクに、対応しました。(上側)
さらに、見出し2段階目と3段階目の区別がつきにくいので、2段階目を白抜きにしてみました。(下側)
http://www5f.biglobe.ne.jp/~age12at1995/2ch/newfile5.html
http://www5f.biglobe.ne.jp/~age12at1995/2ch/newfile6.html >>225
小津鰈です。
どちらもいいですね。
下は見出しの段階がはっきりしていてよさげです。 >>225
今日は乙です。
灰色は2ちゃんの使ってる色のが落ち着いてていいと思うけど
この辺はみんなの好みになるからここで遊んでる人の
お任せということで。 >>227
はい。背景色を2ちゃん風にしてみました。
phpも更新しました。newfile7.html以降にのみ使えます。
右側テーブルの枠の色を、phpいじってCSSで変えられるようにしました。
http://www5f.biglobe.ne.jp/~age12at1995/2ch/newfile7.html
http://www5f.biglobe.ne.jp/~age12at1995/20040716_2pukiwiki.skin.ja.zip
お疲れ様です。何もお手伝いできなくてすみません
>>228
文字数の多い右側を灰色にすると、緑の時よりも見やすくなりますね
見出しの白抜きもいい感じです はい。
http://www5f.biglobe.ne.jp/~age12at1995/2ch/newfile8.html
http://www5f.biglobe.ne.jp/~age12at1995/2ch/skin/default.ja8.css
http://www5f.biglobe.ne.jp/~age12at1995/20040716_3pukiwiki.skin.ja.zip
>>230
わー(汗)
valid もさることながらやはり マークアップも重要かと@殊に XML
印刷物のように直接人間の目に触れるわけぢゃないので(苦笑)@必ずキカイ(音声ブラウザさんとかロボット君とかとか)が解釈するので。 >>232
タグの構造は、もう目も当てられないくらいひどい感じです。
Wikiの入力の時点からして、根本的にXMLとか考えてなさそうですよね。 >>233
場の雰囲気からなかなか言い出せなかったので控えていたんだけれども、私もやはり Wiki 自体に存在自体も含めて問題があると感じているです。
かといってその根本から再構築できるのかと云われるとさすがに実務作業以上の労力を必要としていそうなので、
なかなか・・・なのでありしまして(苦笑)
そのあたりの加減といいますか、閾値をどのあたりに設定するのかが難しいところです(苦笑)@本来はマークアップ作業に閾値なんてのは存在しないけれども。
個人的には、トラックバックの必要性を感じないので HTML で十分かと思いますし、
誰でも編集できる環境を設定したところでやはり改竄されちゃう現状を鑑みると・・・(滂沱)
・・・ネガティブな発言で申し訳ないですm(_ _)m 深謝 そうですなぁ。
2chに関するプロジェクト、情報を一つのところにまとめて記述、閲覧できるように
した事に、惜しみない賛辞を送る者の一人ですが…
#書き込めないときの早見表など「書き込めないんです」→「早見表見れ」で
#済んじゃうことも多々ありますし
情報収集、記述、発信するという事とは直交する概念として、HTML/XHTML
としての記述の厳密さという概念もあるわけで…多分、恐らく、きっと。
HTML/XHTML 等を用いて情報を発信するのであれば、DOCTYPE での宣言に
従って記述するべきだと思います。
2ch Wikiで情報を発信する人は、その辺にも気を使って欲しいかなと。
#Wiki に関する知識は殆ど無いので、この辺はなんともいえないが…
#私自身の知識は HTML3.2 で止まったまま(古!) 技術的な文法たらなんたらは分からんけど、
2ちゃんねるWikiを発信する人は
・トピックの整頓
・上から下までみて内容を理解できるって構成
・可読性
ってとこがキモじゃないかな。
その文法上とかなんたらはwikiのカスタマイズでなんとかなるなら
理解してる人がやればいいんでないかい? >>サザン★
>>231が
レイアウト上の問題解決したいろんなもん作って置いてくれたので
マージしちゃってください。 >>234-235
たしかに、書き手がちゃんとした論理構成で書いても、Wikiは、それなりのHTMLの構成すらしてくれませんね…。
今のWikiは、「見栄えの良いメモ書きプロセッサ」でしょう。それはそれで便利です。
Wikiは、書き手がちゃんと問題の切り分け/整理をして書けば、まあまあ実務的に上手なプレゼンをします。
私には、その点だけでも、Wikiはありがたいです。
ちゃんとマークアップさせようとして、このメモ書きプロセッサとしての機能が犠牲になるなら、
それは、私にとってはWikiではないって感じ、かもしれません。
>>236
もちろん、書き手の方々には、日本語の文章/情報整理をだけ考えて、
どんどん情報を整理していってくださってほすぃです。 HTML → XHTML です。そのままでもそうなんですけど。 多分、content-typeをブラウザが誤認しているんでしょうね
application/xhtml+xml をmetaタグで指定して、ヘッダーはtext/htmlになっていたのはそのためでしょう
暫定策として、pukiwiki.skin.ja.phpの
header('Content-Type: application/xhtml+xml; charset=EUC-JP'); を
header('Content-Type: text/html; charset=EUC-JP'); に戻してみてはどうでしょうか >>245
乙です。
できればapplication/xhtml+xmlの方が良いとは思うんですが
今のところ問題は発生していませんし、デフォルトのスキンでもこの設定になっているのでとりあえずこのままで良いかと >>245
乙。
wikiのロゴがデフォルトに戻ってるのと
左メニューの●の位置が左寄りのそまんまになってる ●の位置は大丈夫だった、ブラウザのキャッシュが活きてたのかな
テキストボックスの色が白でちょっとまぶしい気がする。
2ちゃんデフォの緑とかのがダサくていい感じが。
ロゴ画像のリンクはここにおいときます
http://www.geocities.jp/kesalan_patharan00/logo.gif だいたいうまく動いているみたいで、よかったです。
ロゴは、私が昨日使わせてもらったPHPファイルが、ロゴのアドレス修正前のものから、
元に戻ってしまったみたいです。
昨日までのimgタグで、修正しておきました。
http://www5f.biglobe.ne.jp/~age12at1995/20040716_3pukiwiki.skin.ja.zip >>249
おかげさまで
行間とフォントサイズもいい感じになってて見やすくなった。
お疲れさんです >>251
あー、実は把握してたんだけど、「整形済みテキスト」(ひろゆき発言とか、背景が白い四角の中やつ)
が横に長いと、左側メニューの長さよりも優先されるみたいです。
ちょっと考えます。 >>252
乙です
[ リロード ] [ 新規 | 編集 | 凍結 | 差分 | 添付 ] [ トップ | 一覧 | 単語検索 | 最終更新 | バックアップ | ヘルプ ]
を緑一色じゃなしに左のメニューみたく枠つける事できますか?
もしつけられるならピチットしまるような気がします >>253
できます。
テーブルで書くことになるので、php書き換えます。 ちょっと別のことしてました。
preタグだけじゃくて、dl,dd,ulも問題らしい。ようするに右側テーブルの横幅が可変なのがいけないようです。 上のナビゲーションの装飾と。
メニューがつぶれないようにはなったはずです。
http://www5f.biglobe.ne.jp/~age12at1995/2ch/newfile9.html
http://www5f.biglobe.ne.jp/~age12at1995/2ch/skin/default.ja9.css
http://www5f.biglobe.ne.jp/~age12at1995/20040717_2pukiwiki.skin.ja.zip
ただし、画面を左右にスクロールさせないと全部は読めません。 >>257
おつかれさま!すごいな。枠ついて引き締まっていい感じ。
メニューは出来るならさっきみたいに真ん中寄せのが見栄えいいかも。 上のナビゲーションを横いっぱいに伸ばしてみました。
あと、その下の横線が必要ない気がしたので、消しました。
http://www5f.biglobe.ne.jp/~age12at1995/2ch/newfile10.html
http://www5f.biglobe.ne.jp/~age12at1995/2ch/skin/default.ja10.css
http://www5f.biglobe.ne.jp/~age12at1995/20040717_3pukiwiki.skin.ja.zip
>>258
あれ、ナビゲーション、こんな風になってませんか?
http://www5f.biglobe.ne.jp/~age12at1995/2ch/newfile9.png
http://www5f.biglobe.ne.jp/~age12at1995/2ch/newfile10.png
>>259
乙
さっき上のメニューバーが左寄せで見えてた。今回の
>>259にあるトップのリンクはキチット真ん中に表示されてた。
newfile9のほう、センタリングされなくて当然です。
Windows用IEのバグ(div要素のtext-alignによるブロック要素センタリング)を使ってました。
失礼しました。 >>261
今度はばっちり大丈夫です。おつかれさま。 >>266
通報スレ新1へのリンクはいらないと思う。 >>269 乙ですー
>>268 私は私情挟まずに作ってみましたー
#変更がいるのなら修正をどうぞー >>サザン★
>>259が修正用のファイル作ってくれたのでマージよろしくお願いします。
259 名前: ◆12at95.4iI 投稿日: 04/07/18 00:22 ID: Q/K6Sn2C
上のナビゲーションを横いっぱいに伸ばしてみました。
あと、その下の横線が必要ない気がしたので、消しました。
http://www5f.biglobe.ne.jp/~age12at1995/2ch/newfile10.html
http://www5f.biglobe.ne.jp/~age12at1995/2ch/skin/default.ja10.css
http://www5f.biglobe.ne.jp/~age12at1995/20040717_3pukiwiki.skin.ja.zip
>>274
>>259
おお、デザインもフォントも見やすくなった!!お疲れさん ん?ロゴ画像がフロートになっているのですね。
文字を小さくして表示しているので(19'モニタ 1600*1200 表示)、
体裁が崩れてたです(苦笑)@ナビゲーション部が左に突出。
div#navigator に、clear: both; を入れるといいのかな?
でもでも、ナビゲーションをこの位置に入れる必要性が少ないような。
サイト自体の主体が「 Wki をいぢらせる」ならば必要かもだけど、
「 Wiki を見てもらう」を主体にするなら、メインコンテンツの下に持っていってもいいような。
でもそうすると、リンクアイコンとかぶるし・・・ブツブツ
やっぱり WEB 設計はややこしい(泪) ■ このスレッドは過去ログ倉庫に格納されています