5ちゃんねる ★スマホ版★ ■掲示板に戻る■ 全部 1- 最新50  

■ このスレッドは過去ログ倉庫に格納されています

CSSを利用した2ちゃんねるのデザイン

1 :Name_Not_Found:01/08/27 03:43 ID:mxjL5tpc
転送量軽減のため、2ちゃんねるの現在のデザインをCSSを利用して作り上げるスレです。

今までに出てきた点に関しては以下をご覧下さい。
http://www.gedoh.org/aki/2ch/wiki/yukiwiki.cgi?mycmd=read&mypage=%5B%5Bhtml%82%CC%8Ed%97l%5D%5D

現行のタグをダイエットして転送量を減らすための話は以下のスレでお願いします。
http://natto.2ch.net/test/read.cgi?bbs=hp&key=998774537

208 :._. . _:01/09/01 00:17 ID:5dUygw3o
>207
同じ見え方でもっと短くした版 (-54byte)

<center>
<form method=POST action="../test/bbs.cgi">
<input type=submit value="スレッド作成" name=submit>
<input type=hidden name=bbs value=hp>
<input type=hidden name=time value=999240458>
<br>
<b style="font-size:110%">
<a href="http://www.2ch.net/guide/2ch/" target=_blank>2chガイド</a>
<a href="http://www.2ch.net/before.html">書き込む前に読んでね</a>
<a href="http://www.2ch.net/guide/faq.html">FAQ</a>
</b>
</form>
<a href="http://210.150.210.150/sage/bbstable.html">■掲示板一覧■</a>
</center>
必要な " は足して必要ない " は消しました

209 :Name_Not_Found:01/09/01 11:57 ID:7a1ICvLQ
>205
 CSSの醍醐味は、ユーザー側で!importantを利用することにより
好みの装飾に変更できるという点ですから、どの枠の形を採用す
るかという命題には意味が無かったり。
 ただ、クラス名はユニークにする必要があります。現在は減量
の為にrとかmとか無茶なクラス名を割り当ててますが、最終的に
は2ch-res、2ch-menuとかになるんじゃないかと。

 dtへのmarginバグは、ddに対する下marginに変更するとどうな
るんでそ。


>206
 あー、index2のCSS化した後に、「あ、そうそう、新仕様のが
あったっけ」と取りかかったんで、統一がありません(w
 index2のレス部分を新仕様に統一すればよいのでせうか。

 あと、最新仕様はどこを追っかければよいのかー。
「read.cgi改良スレッド」
ttp://piza2.2ch.net/test/read.cgi?bbs=tech&key=998997848
 ココ?

 ともかく反映。
ttp://isweb3.infoseek.co.jp/play/teess/2ch-index2-133.html
ttp://isweb3.infoseek.co.jp/play/teess/read_cgicss-133.html

>207
 うと、どのhtmlの変更でそ。133のならヘッダの部分で
h1, .c{text-align:center}
があるんで、class=cだけでセンタリングされますです。

>208
<b style="font-size:110%">

<big>にするとか(ぉ

210 :Name_Not_Found:01/09/01 14:21 ID:wHYxvUCA
>207
>208
はスレッド作成フォームとその下のfaq関係のセンタリングですな。

nn4はdt.ddへのマージン指定ほとんど駄目っす。

211 :._. . _:01/09/01 14:48 ID:pdc0Maz.
>209

CSS の醍醐味はそりゃそうなんだが,今の目的は「CSS 使ってできるだけ軽く,
しかも前と同じように見えるようにする」だと思うのだが.
important なんて知らない人が多そうだし.
同様の理由でクラス名に意味のある名前をつけても仕方ないんじゃない?
(今回の場合,減量するという目的がないのだったらそもそも CSS を使う意味がない)

dd の margin はいろいろやったがバグがどう働くかわからんかった.
で,単純な回避策として dt{margin:1em 0} とすれば NN4 で本文の下に 1 行空く.
副作用で(前も書いたが) IE55 や Moz では 名前の下も 1 行空く.
「できるだけ短く,できるだけ同じように」だと,このあたりで妥協するしかない.

<big> のほうが短くていいね,というか 10% の差の区別は僕にはわからなかった

212 :Name_Not_Found:01/09/01 15:08 ID:lYjuwksQ
>>209
>CSSの醍醐味は、ユーザー側で!importantを利用することにより
>好みの装飾に変更できるという点ですから、どの枠の形を採用す
>るかという命題には意味が無かったり。

アホ発見。

213 :Name_Not_Found:01/09/01 16:12 ID:hm/kJZTA
>210,211
 マージンだめですか。もう、NN4マンセーとしかいいようがなく。
 その頑固さに乾杯。

 <br>で妥協という線が濃厚ですな。


>211
 ああ、9月いっぱいは大丈夫そうという安心感から、本来の目
的を忘れてたよ…。っていうか、10月からの次世代携帯電話の半
定額制度でトラフィック増の予感でげんなり。

 月額8000円で1パケット0.03円。12万円分まで定額だってさー。
 単純計算いままで月1万払ってた人(データ量2MB)が、次世代定
額で10万円分使用したとすると203MB…100倍っていうかなんてい
うか。
 次世代携帯の普及次第だが、2002年はコミュニティサイト受難
の年になりそうですな。

#スレチガイ スミヤカニi-mode対策スレ タテルベシ?


>212
 アリガト

214 :Name_Not_Found:01/09/04 07:34 ID:7M2Y5Z2g
最近タグを覚えてHPを作成した俺には
ここは高等技術を見れるみたいで非常に勉強になる
まだ全然読んでないけど自分のHPにもここの技術を使わせてもらうよ

知識、技術がある方がんばって下さい
未来の2ちゃんねるのデザインが変わるかもしれないので期待してます

215 :Name_Not_Found:01/09/05 03:24 ID:JxDBktPg
>214
参考にしても幸せにはなれないと思うよ

216 :Name_Not_Found:01/09/05 16:58 ID:jTqPBobQ
>214
 「転送量削減の為」という目的がそもそもCSSの意義と異なって
るからねー。参考にはあまりしないほうがよいかと。
 ただ、テーブルレイアウトやFONTの排除は、基本的な流れとし
て使えるかも。でもFONTの置き換えが既存のBタグを流用と言う
のは…。

 2chに採用されるかは別として、1つのhtmlをみんなでいじると
いう経験は滅多にないので、面白かったし参考になったっす。
 2ch型(あめぞう型)掲示板にも応用できるしね。

 あ、そうそう、「構造はタグで、装飾はCSSで」。これ押さえ
ておけばXTMLも大丈夫。

217 :Name_Not_Found:01/09/07 23:45
ttp://www.reimy.com/bbs/bbs.php

こういう風に全部CSSでまとめちゃうとカコイイ
お姉さんもキレイヽ(´ー`)ノ

60 KB
■ このスレッドは過去ログ倉庫に格納されています

★スマホ版★ 掲示板に戻る 全部 前100 次100 最新50

read.cgi ver 05.04.02 2018/11/22 Walang Kapalit ★
FOX ★ DSO(Dynamic Shared Object)