* CSS { イケてるスタイルを："作れ";}

事のはじまり/*CSSでイケてるデザインサイト！*/
http://natto.2ch.net/test/read.cgi?bbs=hp&key=985978270&ls=50

ここはイケてるスタイルシートを発表できるスレッドだ。

発表所
http://www32.tok2.com/home/css/clip/clip.cgi

CSSの可能性を見せつけてやるがいい。

放置プレイ中

ageっ..........!!!!!

逝けてるねぇ……。

BODY { display:none; }

BODY { color: white; background-color: white }

>>5
ﾜﾗﾀ

life{power:0;}

…って洒落にならんな。
ぼちぼち考えよ。

ひとまずsageじゃ。

あー勉強になるな。（最近スタイルシート始めたのれす）
時間があったら作ってみよ。

うおっ、キャッシュが残ってて5.cssまでしか見れなかった。
やっぱ俺ザコい鬱。

を！>>10ｶｺｲｲｿﾞ！

世の中、こんなにうまい奴らがいるんだなぁ…。
なのに世のCSSレヴェルは何故あんなに低いんだろう…。

なんかtok2はキャッシュが変になるみたいですね。
原因わかるまでアドレスに?つけたりしてみて下さい。
http://www32.tok2.com/home/css/clip/clip.cgi
http://www32.tok2.com/home/css/clip/clip.cgi? こんな風に。
俺も暇を見つけて投稿するつもりだったんだけど、
ちょっとレベルが違うみたい・・・（泣

私も近々投稿してみます

口ばっかリ野郎はイケてないので（藁
とりあえずちょろっと作ってみたよ。
画像を使わないでカッコよくすんのも難しい。

ところでIEとMozで結構表示が違ってしまうんだけど。。
多分Mozでインライン要素のwidthが効かないのが一つ、
あと、first-letter擬似要素のサイズ指定が相対値だと
IEとMozで元になる値が違います。どっちが正しいの？
適当に作ったので調べんのめんどくさいです。
あとシートの記述も汚いです。

>>ちょこ
http://www32.tok2.com/home/css/clip/css/11.html
やっぱ現役ﾊﾞﾘﾊﾞﾘDA!!

ﾒﾁｬｶｺｲｲ〜。

というか
>カススタイラーさんのファンサイトです
つーのがめっちゃはずかしいんですが（藁
ﾃﾞﾓｳﾚｼｲ...

見ようと思ったけどなぜかDL表示が出て、強制的にDL後このファイルを開く云々って表示が・・・
どうやったら見えるの？

>>15
>多分Mozでインライン要素のwidthが効かないのが一つ、
フロートにしたらええんとちゃいますの？

あと、first-letterは

<h1><h1:first-letter>見</h1:first-letter>出し</h1>

というふうに解釈されるので、フォントサイズはh1の値を基にするのが正しいはず。

>>16
素直に喜んでみる俺。
「テヘへ。てれるニャ〜。」（by ファーザー）

>>17
それクリックする場所間違ってるぞ多分（藁
左側の「**.css」じゃなくて右側の「HTML」っていうのをクリックするんだよ。

>>18
色々試したけどフロートだとIEでうまくいかないので現状のママ。
Mozで見ても別に痛手はないので。

>>19
ありがとう。
やっぱその考え方でいいんだよね。Mozが間違いか。
ってかちゃんと知っとけ＞俺

あ、それでちょっと直しただけのヤツを
アプしちゃいました。ごめんなさい。すいません。

このスレッド（元スレッド含めて）読んでて本当によかったよ．
勉強させてもらいまっす．しばらくは傍観者だけど，いつかは発表できるようになれれば．
あと，質問を 4 つばかり．
・タイトルは CSSTYLER で <h1> は CASSTYLER なのはなぜ？もちろん同じで
ないといけない理由はないが．
・Design no. は変えないの？もちろん変えたからってどうってことはないけど
区別できていいかな，と．
・ここで発表されている CSS は自由に使ってよいの？使いたいという人が
現れるかもしれないので．
・バナー広告があるのとないのとがあるのは何故？つまり，コメントアウトしても
いいのかどうなのかということ．
うーん，役に立たない発言だ…．

広告が出て台無しだ･･･。

>>22-23
広告は
center { display: none; }
で非表示にできるよ。

>>22
・タイトルは別にどうでもええやん。
・Design no. はどうでもええやん。変えたい人は変えるでええんでは？
・使用してええんじゃない？そのために公開してるんでは？

<div class="address">は<address>じゃないかなぁ‥
まあ、特に問題ないけど。

HTML4なのに<hr />になってることの方が気になるんだけどなぁ…。

ゴメーン、急いで作ったんで両方気付いてなかった＜CASSTYLER＆<hr />
addressじゃないのは、俺のクセです。直しました。

ついでにDesign no.変わるよーにしときました。今までのはそのままだけど。

>>24
おぉ！center 消すだけでいいのか。気づかなかった。
一所懸命、table,img,iframeを消していたよ。カッコワル。

普段自分のサイトでは、読みやすく/分かりやすくするためだけに
スタイルシートを使っているので、こういうのも楽しいね。

>>31
シンプルで使いやすいものも見てみたい。

>>32
http://users.goo.ne.jp/mattz/Image1.gif
こんなの。

>>24
いや，えーと，「広告」を消してもいいのかどうか，ってことだが．
まあ，display: none; ならいいような気もする．
広告はともかく，この方法はすげーと思った．

>>25 = 24
まあ，確かにどれもこれもどうでもいいのだが．

>>28, 29
ありがとうございます．

なぜgif。シンプルだけど、使えないぞ。

>>35
だって、css は公表したくないんだもん。

>2.css
紺地に黒文字はちょっと読みにくいか？
>5.css
前スレ381でも言われてるけど、ちと字が小さい？
こういうhover 好き。
>6.css
青地のボックスがちょっと浮いてる気がする。
ノートみたいな罫線がいい。
>7.css
シンプルでいい。
IE6だと若干崩れるのが残念。
>8.css
あんまりクリスマスには見えない。字が小さい。
hover だけ馬鹿でかいのに笑った。
>9.css
全体のバランスはいまいちっぽいけど、
◎だけ赤いのが気に入った。
>10.css
すっきりしてて好印象。◎が背景みたいになっているのが面白い。
けど IE6 だと見えなくなっちゃう。何故？
>12.css
色使いは好き。
ウィンドウがでかいと、下の方が勿体ない感じもする。
>14.css
かっこいい。ぱっと見ただけではどうやっているのか分からないし。
IE6 だと、リストの右端がCONTENTS の下に隠れてしまいます。
>16.css
フォントサイズ固定はいただけないけど、嫌いじゃない。

投稿〜。

実用的なヤツしか作れそうにない、申し訳ない。

>>37
IE6はベータ版だろ？
それを評価に入れるのはどうかと思うぞ。

>>38
いらっしゃーい。

>>39 ＜ IE6 はベータ
その通りだし、まだ入れていない人のほうが多いだろうから、
あくまで参考と言うことで勘弁してください。作るほうも見るほうも。

でも、IE5.xより明らかにバグ少ないのよね。
ブロックレベル要素の幅関係とか。

>17.css
ウマイ。元ネタがないと分かりにくいけど。
>18.css
シンプルで確かに実用的。別に謝る必要もないと思う。

ﾎﾒﾗﾚﾀ!ｳﾚｼｲ!
ﾏﾀﾄｳｺｳｽﾙﾖ!

＞8.css
自己主張の強いﾘﾝｸにﾜﾗﾀ 文字はｵﾏｹとわりきってるならこれでも(・∀・)ｲｲ!
＞9.css
ﾊﾞﾗﾝｽは(・∀・)ｲｲ!けどやや静かすぎｶﾓ
＞10.css
◎の使い方がｶｸｲｰ(・∀・)あと一色あったらどうなるかも見たいｶﾓ
＞12.css
ｼｮｰﾄｹｰｷ食べたくﾅﾀ(・∀・)すっきりﾏﾄﾏﾃﾃｸﾞｰ
＞14.css
どーやってるのか気になってｼｶﾀﾅｶｰﾀﾖ(・∀・)ｲｲ! IE5.1だとややﾋﾞﾐｮｰ
＞16.css
ｱﾘｿﾃﾞﾅｻｿﾅﾃﾞｻﾞｲﾝﾃﾞｽﾈ(・∀・)ﾓﾁｯﾄﾀﾞｹ色がﾎｼｰ
＞17.css
私的にはｶﾅｰﾘ好きなﾀｲﾌﾟ(・∀・)ｲｲ!
＞18.css
ｼﾝｰﾌﾟﾙでﾏﾄﾏﾘ(・∀・)ｲｲ!逆に言えばﾏﾄﾏﾘｽｷﾞｶﾓ 俺も自ｻｲﾄではﾄﾞｼﾝﾌﾟﾙﾀﾞｹﾄﾞﾈ
>>31,36
公表したくないって…ヽ(;´ー｀)ノﾅﾝｼﾞｬｿﾘｬ
恥かしがらずに見せっこｼﾖｰﾖ

14.css ですが，ie5.0x と ie6.0 と ie4.x と mozilla は確認できません。

ウカウカしてたらこんなことに…

すごいなあ。12.14.17が(・∀・)ｲｲ!

全く反応なし
http://www32.tok2.com/home/css/clip/clip.cgi

死んだか？

激重だけど、トクトクだし仕方ないかも。

ブラウザがCSS拾ってこれなくて、プレーンな状態で表示される…(笑)

うー、530Error（なうびじー）が出る。
重いなぁトクトク。

32サーバーが重い様子。
他のサーバーだと簡単に繋がった。

今日は諦めよぅtと（ﾆﾔﾘ）
つか、まだ書いてないだけなのだが（藁

みんな、かっちょいいねー。
おいらも、がんばろー。

ところで質問。
(1)テキストのメールアドレスが
〜<!-- -->@<!-- -->〜
と@の前後にコメントを挟んでますが、
これは何を意味するのでしょうか？

(2)2と17で
liをdisplay:inline
aをdisplay:block
と定義していますが、
liのinlineはどういう役割でしょうか？
これまでdisplayはnoneしか使ったことないので、
いまいち理解不足です。

> (1)テキストのメールアドレスが

メール収集マッスィーンやW32/Hybris対策・・・？。

つくってみたよ。

送れてるのかなあ…

送れてたみたい。

http://www32.tok2.com/home/css/clip/css/20.html

オレは自分の目を疑った。
>>50はブロック要素とインライン要素を違いを知らなかったのだ。
htmlの基礎中の基礎を知らぬまま、今までどうやってCSSを記述していたのだろう・・
そして>>50は今、どこで、どんな質問をしてしまったのか気づいているのだろうか。
いや、オレは感謝すべきなのかも知れない。疑問が湧いたらまず自分で
調べるべきことを改めて教えてくれた>>50に・・

頑張れ>>50。キミの長い長いスタイルシートへの道は、今始まったばかりだ・・

>>50
block/inline その他については、がんばってここを読まれよ。
http://www.fan.gr.jp/~kaz/rec-css2/visuren.html#box-gen

>19.css
色のセンスは好きだ。
ただ、なんか見たことある気がした。
>20.css
カッコいい。今んとこ、俺的にはNo.1。
スクロールバーとかに触るのは個人的に好みではないが。

#実は俺も投稿してんのよ、どれとは言わないけど。

>>56
ありがとうー。スクロールバーのは、まあ使わないと
もったいないかなーと思って。フィルタとかも同様。
だからwinIE5とかで見ないと若干つまらないかも。
透過も使おうかと思ったんだけど重くなるとアレなので
やめておいたです。

#自分でコメントつけてないやつかな、ってのは推測が
浅すぎるかな…(笑)

コピペつまらん。
それはともかく、2と17において、
liにdisplay:inline;
がなくても見た目は（ほとんど）変わらないでしょ。
なのにわざわざ定義してるのは、なんでやの？
ということを教えてほしいのよ。

>>58
WinIE5でも「ブロック要素にhoverを指定した」ような
効果を出すためじゃじゃないかな。

今、自分の作ったやつをmozilla0.91で見てみたら凄かった。鬱。

なのでなおしてみた。ひとりでがんばっちゃった。ねよう。

>>ねぎま
見ましたぜ、アニキ。
フィルター使いまくり！
くそ。カッコいい。

<!-- -->@<!-- -->に深い意味はないよん。
エディタで編集する時にリンク貼られると邪魔だからってだけ。
細かい所は気にシナーデヽ(´ー｀)ノ

http://www32.tok2.com/home/css/clip/clip.cgi

定期貼りage

>>アップ版の 24
Mozilla は縦書き (writing-mode) に対応していないのでしょうがないですね (おなじく IE 4/5.0x も)。
わざわざありがとう。

2つ目のお題〜今使ってるアプロダをイケてるスタイルにして〜ヽ(´ー｀)ノ
お題テキスト
http://www32.tok2.com/home/css/clip/css/28.txt

う、また繋がらない・・
ちなみに最初のヤツも普通に投稿できますです。

お題1を考えてる間に2になってｼﾏﾀｰ(ﾟдﾟ)

お題1も投稿できますです。ｶｸｲｰのお願い(ﾟдﾟ)

>>ちょこら
なんか一昔前の「クールサイト」をイメージしてみた(笑)
擬似要素とかエスケープ使えばまだまだ改良の余地は
あるだろうけど、これ以上拘ってもアレだしね。

アプロダのやつも面白そうだね。いろいろ作ってみよう。

>>57
そんなことはないでーす。自分のにもコメントつけてまーす。
コメントしてないのは、修正版があるヤツだけ、のつもりですが。

つーわけで、
＞22.css
N6 でも見てみました。やっぱフィルター効果デカイです。
IE で見たほうがｶｺｲｲ。
＞23.css
ご要望通り、N6 で閲覧、したんですが、なんかスタイルが
全然適用されないです。ウチのN6がおかしいのかな？
ところで IE での見た目も別にひどくはないですよ。
多色使いで、うるさくならないのはセンスかな。
＞24.css
evergreen の発展形ですか？
失礼を承知で言うと良くなったと思います。
いろいろなウィンドウサイズでみてもバランスがとれている感じ。
＞27.css
18 の修正版ですね。
基本スタイルは同じですが、実用一辺倒ではなくなりましたし、
うまく、他の人の技を消化できていると思います。

つーことで、私はお題 2 にとりかかりまーす。

いっこ見落としてました。ゴメンナサイ。

＞29.css
N6 と IE で随分替わりますね。N6 の方が断然ｶｺﾖｸ見えます
しかし :before、:afterが使えるのは大きいな。
ところでアーミーチックな色使いですね。

とりあえず、Linkしとくね

CSS2 Specification
http://www.w3.org/TR/REC-CSS2/
日本語訳
http://www.fan.gr.jp/%7Ekaz/rec-css2/cover.html


HTML 4.01 Specification
http://www.w3.org/TR/html401/
日本語訳
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/cover.html

HTMLからやり直そー(^▽^
どなたかお題2を綺麗に書き直してくだしぃ。

う、ｲﾚｺだらけ…(;´Д`) 恥かしい、、、早く家帰ろ、、、

＞19.css
ｲｷﾅﾘ(・∀・)ｲｲ! ｽﾃｷ!
＞22.css
ｺﾚﾏﾀ(・∀・)ｲｲ! ｶｺｲｲ!「CONTENTS」の色だけﾁﾄﾐｮｰ
＞23.css
沢山色を使ってるのにｳﾙｻｸﾅｸﾃｷﾚｲｰ(・∀・)
＞26.css
現在ｳﾁのIE5.5がﾊﾞｸﾞってるのでﾋﾋｮｰﾃﾞｷﾅｲ(・∀・)ｺﾞﾒﾝﾈ でも2色だけてのがｵｼｬｰﾚﾃﾞｽ
＞27.css
中国語ﾌｫﾝﾄ入れてるから?IEで文字ﾊﾞｹﾗｯﾀ(・∀・)ｽﾀｲﾘｯｼｭ-でｲｲﾃﾞｽﾈ
＞29.css
黄色がｷｲﾃﾙ(・∀・)ｲｲ! 赤がｱｸｾﾝﾄﾃﾞｽﾈ 追記までｼﾃﾏｽﾈ
＞31.css
文字ｻｲｽﾞ小さくしたらｶｺｲｰ(・∀・)Attention! 右のﾘﾝｸの色は微妙ｶﾓ
＞32.css
ﾜﾙ!(・∀・)ｶｺｲｲ! ﾂｶｲﾀｲ!

>>76
つかっていいよ

>>76
文字化け‥
cursiveがマズかったのかなぁ‥
何はともあれ貴重な意見をありがとう。

>>77
(・∀・)ｱﾘｶﾞﾄｳ
もし見かけたら声をｶｹﾃ

>>78
IEで中国語フォント入れてるとﾊﾞｹﾗｯﾀとどこかで聞ｷﾏｼﾀ(・∀・)

間違えて @charset 付けてしもた　逝ってよしはオレ（｀∀´;）
http://www32.tok2.com/home/css/clip/css/35.html

〜以下：個人的感想〜
IE は a:link:hover とか使えないからキライ
Moz の border-style:outset のカンジが好き

新作紹介。
＞31,css
まとまりがないなぁ。
って作ったのは俺なのでおいといて、

＞32.css
シンプル。だけど、しっかり練りこんである。
かっこいい。

＞34..css
すっきりしていておしゃれな感じ。
実際のサイトのトップページだとすると
ナビゲートしづらいかも。

＞35.css
23 の修正版のようで、N6 でも確認しました。
IE とはリンクポイント時の挙動が随分違うんですね。

もっといろいろな要素(em,strong,blockquote,q,ins,del,caption,dl,img)があるお題が欲しいな。
敢えてidやclass指定をなくしてみるのも面白そう。

>>83
そうだね。今回のお題だとどうしてもちょっと一発芸っぽい
スタイルになっちゃいがちだしね。

そういうのとは別にさあ、なんかもうちょっと
実用、っていうか実戦的なお題も欲しいかもね。
そうなるとhtmlにどんな風にid、classを付けるのかってのも
見所かもね。まああくまで意味マークアップあってのことだけど。

注文ばっかりでｽﾏｿ。


あとね、ここ見てるあなたに質問。
css書くときエディタ何使ってる？
もしくは何がオススメ？
おれは普通にTeraPad使ってんだけど。
スレ違いっぽくてｽﾏｿ。

>>84
Top Style Lite
http://www.bradsoft.com/topstyle/index.asp

>>85
なんとなくそのサイトを見ると、使いようによってはイイモノが作れそうだなぁ。
評価版もあるが、できれば使い心地キボーン

>>85
いってみました。ﾀﾞｳｿしました。
あなたにこの言葉を贈る。

「ありがとう」

今日一日プチ幸せです。これだから2chスキよ。

こりゃあかなり良いですよ。
使い心地も良く、インターフェイスも押し付けがましくなく、
僕がメインで使ってるhtmlエディタ、DHTML Assistant
と操作性も似てるし、サイコー。
DHTMLA、DWに続き3本目の手放せないソフトになりそうです。

>>86
「pro」じゃなくて「lite」ってのがフリーだよ。
俺、フリー落としたけど満足。
ってかこれの有料版てどんなだ？
さらに何がいいんだ？

興味がわいてきたのでそっちの評価版ﾀﾞｳｿしてこようっと。

>>ちょこら
http://www.bradsoft.com/topstyle/tslite/fullver.asp

こういうことらしいよ。

俺もダウンロードしてみた。

>>87
http://www.bradsoft.com/topstyle/tslite/fullver.asp を見れ。

あれ。ProとLiteがあったのか。
じゃあとりあえずLiteでも使ってみるか。
>>87
評価版の感想キボンヌ

あう。重なった……
鬱だ

使って見たよ。
まだちょこっとだから真髄はよくわからないけど。

任意のセレクタを入力すると、プロパティ一覧が出てきて、
そこから指定したいプロパティを選ぶようになってる。
で、プロパティを選ぶと、そのプロパティが取りうる値の
一覧が表示されて、そこから好きなものを選ぶようになってる。

スタイルシート辞典要らずだな、こりゃ。

36さんありがと〜(;;) 家に帰ったら直しとくよ〜
多分10時までには…11時かも…

実践的というか一発芸的なものじゃないヤツってのも見たいですな
W3C信者の方、何かお題用のテキストをアプして頂けると、すぐ対処いたしますです

あ、36さんって36.txtの方です

なんかどれも一緒だな。

>>95
「どれも一緒」なモノすら作れない奴のツブヤキ。
オレモナー

TopStyle良いねー。
いじるほどよさげ♥

皆さん前から知ってたの？

プロ版の説明だけ読んでもピンとこなかったんだけど
スクリーンショットを見た限りだとこれなら
むしろライト版のほうが小回りが効いて使い心地よさげ。
デカイの嫌いだからな。

>>93
W3C信者とコラボレート（藁
それもまたオツだね。
ってかこのスレにいるやつも
信者に片足突っ込んでるんじゃねーの？

>>93
http://natto.2ch.net/test/read.cgi?bbs=hp&key=991982942
みたいな感じで、架空のサイト作ったりするとイイかもね。

>>ちょこら
なんか、持ってたけど手書きの方が好きだなと思って
使ってなかった。ただ、規模が大きくなってくるとこういう
ツール使ったほうがいいっぽい。シニアネットとかはなかなか
力技だったから。

>>評価してくれた人
ありがとう。色については >>70 ということで。

>>ねぎま
ああ、俺が今日ブラクラ引っ掛ったスレだ（泣

持ってたけど使ってなかったんだ？へー。
Lite?Pro?
Liteなら軽くて使いやすそうだけど。

俺はしばらく使ってみようっと。

>>TopStyle
使ってみた感想。
慣れてないせいもあるか、ねぎま氏と同じく手書きの方が好きかな。
色決めるのは楽だし、使いこなせれば強力なツールですね。

日本語化してくれればさらに良いんだけど。(笑)
あと、ウィンドウに直接D&Dでファイル開ければいいのにとｵﾓﾀ。

うし、直した〜 という訳で、今後お題2を作ろうという方は
http://www32.tok2.com/home/css/clip/css/36.txt
を参考にして下しぃ。ある程度まとまったらランダムで変えますか。

>>ちょこら
やっぱりW3C信者と仲良くしなきゃね(w
居ないかな(^▽^

あ、コピペ失敗して切れてた…

>>ねぎま
架空のサイトって面白そうだね。今週中にテストしてみるよ。
でも俺まともなHTML書けない…(;´Д`)
誰か「この素のHTMLを飾ってみやがれ！」というイカしたHTML書きの方手伝って〜

ｵﾚ、ｼﾝｼﾞｬ。ﾄﾓﾀﾞﾁ、ﾎｼｲ。

>>103
(・∀・)ｲｲﾖ！

77

トクトクの広告表示みなさんどう消してるんですか？
<popuptok2>を<html>の上に入れてポップアップ広告
がでるようにして対処してるんですけど。
ほかにやり方があるのでしょうか？

>>103
ﾜﾗﾀ

>>106
そういうスレではありません。
ここではやってる事の性格上皆さん広告消してますが、
心の隅では「鯖屋さんごめん」と思いながらやってます。
本当なら広告すらカッコよく見せるスタイルを作りたいもんだ。

>>106

37とかのCSSファイルを読みましょう。

＞34.css
ﾅﾝｶﾐｮｰﾆ(・∀・)ｲｲ! ｽｷﾘｰｼｽｷﾞﾅﾉｶﾞ気になるｸﾗｲ
＞35.css
文字の重なり具合がｲｲﾃﾞｽ(・∀・)ﾃﾞｽ ﾈｽｹ4.7は無視ﾃﾞｽﾈ
＞37.css
色のｾﾝｽがｲｲ(・∀・)ｲｲ ｼｯｶﾘとしたﾃﾞｻﾞｲﾝﾘｮｸを感じるｺﾉｺﾞﾛ
＞38.css
IEで見たとき妙に縦長だなぁと思ｯﾀ この色(・∀・)ｲｲ! ◎の謎の矢印が意味不明でﾜﾗﾀ
＞39.css
ﾈｽｹとmozだと横ｽｸﾛｰﾙﾊﾞｰが出ﾀ ﾃﾞﾓ(・∀・)ｶｺｲｲ! 全ﾌﾞﾗｳｻﾞ全画面ｻｲｽﾞ目指してｶﾞﾝﾊﾞﾃｸﾀﾞｻｲ

広告消せるの？ジオのインデックス広告とかも消せる？？

和ジオはTABLE使ってるからなあ、
table {display:none;}
ってやると自分が使いたいtableまで消えちゃうからダメだよね。
…あ、
body + table {display:none;}
ならいけるかも?(試してないけど)
つーかそういう無料サーバの広告はモラルとして消すべきじゃないだろう…
このスレの奴はデザインが崩されると困るので消すのはやむを得ないと思うけど。

>>110
<BODY>タグ消してみ

ごめん。
気分悪くしたら謝る。
＞ちょこら

>>113
あれ？このスレの77なの？
でも違うよな…
32.css作った人なら広告消してるしな…
どっかよそのスレから厨房が紛れ込んできたのかと思ったんだよ。

自分のスタイルで広告消しながら
ちょっと心苦しかったので厨房を叱ることで
気を晴らそうとした自分が厨房でした。


ところでね、
http://natto.2ch.net/test/read.cgi?bbs=hp&key=991400015
で|-_-|が誰もこないって泣いてるよ（藁
誰か出張する？

>>100
どうも自分はWebセーフカラーに凝り固まる癖があるので、
ああいうツールがあると世界が広がるかも、とは思う。
なんかね、レゴ組み立てる時のような楽しみが
あるんだけどね(笑)＜セーフカラー
セーフでないことを知ってても使ってしまう。

>>102
ホントは言い出しっぺが作るべきなんだろうけどね。
ただ、お題1は構成する要素が少ないから、どうしても
簡素になりがち。結構似たのが多くなっちゃってるし。

＃ちょっとしたヒント。IEとMozの見た目の違いを解消するには

・リセットするシートを冒頭に記述する
例をアプしておきます。

・独自拡張を利用する
http://www.cc-net.or.jp/~piro/tips/page/p0031.html
http://www.cc-net.or.jp/~piro/tips/page/p0032.html

・エスケープを利用する
http://east.portland.ne.jp/~sigekazu/css/ascii.htm

とかがあるよ。下のやつはちょっと良くないかもしれないけど、
そういう方法もあるよってことで。

>>111
広告消し野郎は糞厨房としか呼べんが、
自分で作ったtableにはclassでdisplayを
指定すればいいんじゃないだろうか。
（やったことナシ）

＞ちょこら
あっごめん適当に77って名前いれたからややこし
くなってしまったね。
広告は消せました。

ちなみに厨房で合ってます。

>>116
私それ以前自分のとこ(tok2)でやってました。
table{display:none}
table.xxx{display:table;}
とかって。

もともとtok2ってポップアップだったので借りたのに、
何の予告もなくバナー埋め込みに変えたのでむかついたってのが理由で。

今はそっちの方がかっこわるいと改心したのでやってませんが。

てなことで、新作レビュー。
＞38.css
こういうのを、テーブルでしかレイアウトできないヤツに
見せてあげたいですね。

＞39.css
オーソドックスでいいですね。
最近小技使ったのが多い中で逆に新鮮。

＞40.css
いいです。好きです。私のユーザースタイルシートはこんな感じです。
ただ、私の環境ではインプットボックスがどこにあるのかわかんないんですけど。

＞41.css
ウマイですねー。 h1 と h2 の重ね方とか。
見習いたい。

とりあえずお題2を、できるだけ妥当そうな HTML に直してみたよ。
ある程度 div 等で括っておけば、細かく CLASS を付ける必要もないと思ったけど、
足りないと思ったら適宜どうぞ。

・コメントは表としてマークアップした方がふさわしいと思ったのだが、どう？
・ツラ文字は要らなさそうなので消しました。
・HTTP-EQUIV="Content-type" は cgi でヘッダをつけることができるから消しました。
・「前/次の5件」はこれじゃ動かないかもしれない。

>>115
Mozillaの独自拡張(やCSS3の先取り実装)ってなかなか魅力的だねー。
opacityとかradiusとか。
今までずっとIEを愛用してきたけどちょっとMozillaもいいなと思い始めた。

>>83 を受けていろんな要素を使ったHTMLをｱﾌﾟしたよ
定義リスト dl, dt,dd と code, var, samp を使ってるよ

OTDの掲示板を使っているサイトはどんなにセンスが良くても
次回行こうと思わなくなるのは何故だろう。

つーか、OTDのマルチレスBBS見にくいよ。
来るメールもウザイこの上無いし。

アレ！？無料掲示板スレで書いた投稿がなんでここに!!??


･････ｽﾏｿ、逝ってｷﾏｽ。

>>83
>>121 には先を越されたが、作ったよ。
ｈ１〜h3,p,address,ul(li),dl(dt,dd),ol(li),blockquote,del,ins,em,strong,div,hrを使用。
http://www32.tok2.com/home/css/clip/css/44.txt

みんな、うまいなあ

>>118
いや、後から全ての要素に味付けをするという前提での
リセットシートなので。ボーダーとかも全部0pxです。

>>120
radiusは威嚇(謎)にはイイかも。あとbefore、afterで書き出した
やつを配置して重ね合わせるとかも出来るね。思想的にはともかく。


新しいやつでは41.cssと46.cssが良かった。
41は重ね合わせが「いかにも」っぽくないのがいい。
46は「そういう手もあったか」という感じで驚いた。

うし、プルダウンに変更。
ありがと〜＞42,43,44.txt
あと２つほど素のHTML欲しい鴨。

＞＞44.txt
ひ、暇なんだなぁ･･･

>>127
どうでもいいですが、<title>の中の参を四に変えられませんか？
書いてる間に、3がアップされて修正忘れちゃったんだけど。

>>128
すまん、ヒマだ。
てゆーかホントに忙しいやつは２ちゃんには来られないだろう。
この野郎！スレの人々にしたって、書きこむだけのヒマはあるってことだし。

>>129
気付かなかった。直しといたよ〜
あまりにバカバカしくて何気に笑ったよ〜

＞46.css
すげーよ、かっちょいいよ。
でもそんなルールがあるわけでもないし、別にいいんだけど、
p.speech とかまで display:none; はちょっとずるいとか思った。

ここにあるCSS、そのままじゃないけど参考にして（結構な部分を）ウェブサイト作るのまずいですかね?

>>132
別にいいんじゃないですかね。
みんな公開を前提に投稿してるハズだし。
それに、俺も他の人のアイデアいただいて投稿してるよ。

>>130
ありがとございま〜す。

http://www32.tok2.com/home/css/clip/css/44.txt
すみけん本を読んだことある人だと2割増しぐらい面白い。

http://www32.tok2.com/home/css/clip/clip.cgi
定期貼り。

＞40.css
なんかﾏｯｻﾗにﾅﾁｬﾀﾈ(・∀・)ﾃｷｽﾄﾎﾞｯｸｽの場所が判んなくてｶｺｲｲﾄｵﾓﾀ これを元に改造ｽﾙｶ
＞41.css
重ね方が(・∀・)ｲｲ! 色の使い方もﾔﾜﾗｶｸﾃｽﾃｷ 全体的にやや左寄りなﾄｺがﾋﾞﾐｮｰ
＞46.css
見た感じｶｺ(・∀・)ｲｲ! ﾃﾞﾓ肝心のIE5.5でﾐﾃﾅｲ ｺﾞﾒﾝﾈ

うーん。
css { <strong>イケてる</strong>スタイルを:"作れ";}
だよね…。
40.cssがいいって…どういうコト？
あれはリセット用シートでしょう？

やっぱ素人が見てテーブルで組んであろうが
cssだろうがカッコいいと思えるようなものじゃないと
cssはつかえねーっていう評価のままになっちゃうかもね。

でもそれは悔しいわけで。
ちゃんとValidに作ってもデザインバッチリいけるよー
というのを示したいし。

と自分に言ってみる。いや、ホントはみんなにも言っている（笑）。
今のアプローダーだと画像使いにくいってのもあるけどさ。
画像無しでもいいデザインの骨子は作れるだろうし。
がんばりませう。

>>新しいネタ作者
多謝。

>>ねぎま
リセットシートナイス！
使わせてもらいます。サンクス。

>>132
Webサーバーにアップした時点でそれは人類共有リソースです。
と別スレでも書いた気がするが…。
結構みんな自分のネタばらしていくわけだから身を切る思いだったりして（笑）。
それもこれも全体的なレベルアップを願っての事だと思いますが。
という事でどんどん盗んでいいんじゃないでしょうか。

あと、piro氏のcss切り替えスクリプトがバージョンアップしてます。
なんかもうオープンソース状態だな（笑）
http://www.cc-net.or.jp/~piro/tips/page/p0024.html

長レスｽﾏｿ

http://www1.freehost.ne.jp/~gikoneko/

>>133
そうですよね〜、とか言いたいところですが、
やっぱりどっか気になったもんで。

>>137
あっ、ちょうど御本人が(^^;)

> 結構みんな自分のネタばらしていくわけだから身を切る思いだったりして（笑）。
やはり、そういう感じなんですか。
結構みんな太っ腹だな〜、と思ってました。

使わせてもらいました。勿論、ある程度は弄ってますが（でも、見れば分かります）。
どっかで見かけたら、「パクるな、ｺﾞﾙｧ!!!」と怒ってやってください。


私はCSS勉強し始めたところなんですが、このスレを見てると「こんなのが出来るんだ」、
と驚いてばかりです。今後も勉強させてもらいます。

>>132
むしろ作ってください。そしたら教えてください。

>>ちょこら & all
激しく同意。批評ももう少し厳しめ＆詳細にしてもらえると嬉しい。
基本的に(・∀・)ｲｲが前提みたいになっちゃってるから。
アプされたものには必ず批評を加える代わりに厳しめ、という方が
なんというか、2ちゃんっぽいじゃない(笑)

＃ヒント集

・とりあえずletter-spacingを調整するとイケてる風味になるよ。
「調整」であって「広げる」ではないのがポイント。

・フォントとスタイルを選ぼう。
髭付きフォント・特殊（Comic系）フォントと
イタリック・text-decorationなどは使いどころが非常に難しい。

あと、文章部分を小さめに指定するとまとまりは良くなるけど、
それに頼るとテーブルデザイン時代に逆行という感じがする。

・色を絞ろう。ベース+前景色+アクセント1〜2色 という具合で
レイアウトすると比較的まとまり易いと思う。色を絞ると言っても
「系統を絞る」のであって「色そのものを減らす」わけではない。

例：背景（背景色）+アクセント背景（前景色系）+文章（前景色）+リンク、first-letter等（アクセント）

・色の組み合わせにはセオリーがある。
http://www.microsoft.com/japan/developer/workshop/design/color/hess10092000.asp
http://www.microsoft.com/japan/developer/workshop/design/color/hess09112000.asp
http://www.microsoft.com/japan/developer/workshop/design/color/hess10092000.asp
ぱっと見ただけだけど、結構まともなこと書いてあると思う。

・空間を上手く使おう。なんかｈ1が上にくっついてるのとか、
コンテンツリストが斜めに並んでるのがやたらに多くないかい？
詰めが足りないとそこだけ浮いてみえちゃうよ。

偉そうだったらごめん。でも自分はこの辺は念頭に置いて
作ってるよ。

ごめん、一個まちがい。こっち。
http://www.microsoft.com/japan/developer/workshop/design/color/hess08142000.asp

>>139
がんばってね。

うちのサイト用に作ってたシートをｸｷｰとﾓﾓﾀﾛ用にいじってみます。
いい感じにできたら投稿しまふ。

ん〜、なんかPiro氏のSSS使ってみたけど微妙におかしくないかな？
シート設定の一番下に指定したスタイルが選択できないような…。
あと、グループ化しない場合、165行目をいじってあげないとNN4.xと同じような動作になってまう。
JSはわかんないし、誤魔化して使ってるんだけどｽｷｰﾘしないﾅｧ…。
って、ここで報告するより本人に直接言った方がいいか。

(・∀・)あんまりｱﾗｻｶﾞｼみたいなﾋﾋｮｰもｳｻﾞｲかと思ﾀﾉﾀﾞｹﾄﾞ、(ﾐﾅﾚﾍﾞﾙ高ｲｼﾈ)
ｷﾋﾞｼｲﾎｰｶﾞｲｲﾉｶﾅ?

>>ねぎま
ご理解感謝。

ねぎま氏の言ってる事はデザインの基本中の基本だよね。
スタイルシートだから何ができるとか出来ないとかじゃなく、
いいデザインっていうのを考えた上でValidなhtmlとcssでそれを実現して
めでたしめでたし。ってのがよいよね。

もちろんユーザビリティ、アクセシビリティを考慮してある事は
Webデザインである以上当然。
All Flash でサイト自体がその人の作品。っていうのじゃないし、
スタイルシートを使うという事は自ずと実用性を考えると思うし。


>>ﾋﾋｮｰ
あら探しはつまんないけど
まともな意見ならみんな聞きたいと思うし、
つい言い過ぎたら誰かがたしなめたらいい。
煽りあうんじゃなくってね。

幸いこのスレには厨房はいないみたいだし。

#マイ意見

・フォントの指定はほとんどしない。
日本語環境ではあまりその確実性に期待できないから。
それにデフォルトで入ってるフォントをいくつか指定しちゃうと
デザインの差がありすぎてそれだけで整合性が崩れちゃう。
やっぱり画像を使うかな。
もちろんフォントの種類を使いすぎるのもタブー。

・最初にFireworks等で画面全体のラフを描き、使うパーツを考えて作っていく。
で、大体決まったらそれらを個別に画像として書き出す。
と同時に使っている色も全部抜いておいてcss書く時もそれを使う。

・色の使い方はまさにねぎま氏の言うように
系統を絞ってしまう。あとはその中で彩度の変をつけて
バリエーションを持つ。

ホントは8.css
http://www32.tok2.com/home/css/clip/css/8.html
なんかは一番やっちゃいけない色の組み合わせだしね。
色盲の人はまったく見えないよ。

・仮想グリッドを持つ。x軸、y軸共にグリッドのないシートが多いと思う。
縦横のラインでそろえるグリッドを考えるのは基本。
基準があるからこそそれに対して変化をつけることができる。
何も決まってなければただのバラバラ。

<q cite=">>140">偉そうだったらごめん。でも自分はこの辺は念頭に置いて
作ってるよ。 </q>

>>144
彩度じゃねーよ！明度だよ！何書いてんだ俺！アホ！
いつも「彩度低めに」って思ってるから間違って書いちゃったよ。

>>139
俺のかよ！！（三村）
いいよ。勝手に使って。
でも出来たら教えてくれてもいいよ（藁。
シートの中にメアド書いてあったでしょ。

#Tipsもう一個
マカーは色注意しろ！
マクでいい感じに作って公開してしばらくしてから
よそでWinマシンで見たら死にたくなるぞ！
俺も昔は死にたくなったもんだ。
どうあがいてもWinの方が圧倒的にシェアあるからな。
機会を作ってWinで確認するのを忘れるな！

>>135
「桃太郎」なのはすみけん氏の文例にインスパイアされた結果です。

>>140
厳しめですか？出来るだけ良いとこと良くないとこを
一つずつ挙げるようにはしてたんですが。
最近の作品は、なかなか良くないところを探すのも大変で。

てゆーか自分でも作っていて多少は苦労もわかるので
なかなか、厳しいこと書き辛かったり。
投稿に徹しようかなぁ。

でも、網羅的にコメント入れてるのって私を含めて
二人しかいなかったりして、ちょとさみしい。

>>145
マク使ってるんですけど、ウィソが身近にないので確認できなくて困ってます。
マカーの色使いにおいて最低限これは守っておけというようなことあったらご教授下さい。
なるべく暗い色は使わないようにはしてます。

じゃあ、厳しめで。
Windows + IE5.5で見た感じだけのコメントです。

＞46.css
JavaScrpt切ってると、CONTENTSが外に出ます。
CSSは読んでも理解できない(汗

＞41.css
リンクが分かりにくいです。
H1とH2の重なりも「H2前半 H1 H2後半」と読んでしまう。

＞39.css
特に問題なく見られる。
でも、positionではなく、floatを使ったものを見てみたい。

つーかCSSだけじゃなくてマークアップからやれよ。。

>>150
その通りだと思うがなんでsage?　って俺もか。

>>144
あいやー、その辺の配慮は完璧に失念してました。反省。
ただ正直言って、そういう人って、ページ指定の配色を使わない設定に
してるんじゃないか、と言うより、しててくれよ、とかも思う。
いや、言い訳はみっともないですね。すいません。

同系色かどうかにかかわらず明度差をつけたほうが見やすいね。
そういう意味では8.cssは色盲じゃない自分から見てもいい配色だと
思わない。あと>>145にあるように彩度抑え目の方が目が疲れない。

けど、>>152のいうように色盲とか色弱の人はそれ用の設定をしている
べきではあるんじゃないかな。CSSなしだとそういう色使いを回避しにくい
けど、簡単に外せるのがCSSの利点の1つでもある訳だし。

色盲じゃないと難しい。色盲でも難しいだろうけど。

>>8.css作者
いや、それもまっとうな言い分ですね。
なんか槍玉に挙げてしまったようで悪いね。
でもまあ気にせずお互い前に進もうYO。（藁

桃太郎面白そう。
改行コードないけどなぜ？

お題アプしてみた。
http://www.w3.org/MarkUp/Guide/
から画像をはずしたやつ。
論文だからこういうのには向かないかな？
一応、テキスト装飾のサンプル用として。

>>156
改行コード？
ホントだ、ない。何故でしょう。
アップした時はちゃんとついていたんですが。
これじゃ、やりにくいですねぇ。
">" を ">\n"に全置換とかするとなんとか読めるようにはなりますが。

優良ｽﾚ age
みんないいの考えるなぁ。ちょい感動。

>>158
">(半角スペース2つ)"→">\n(半角スペース2つ)"
としました。

それはそうと、急にお題が増えすぎ。 ^^;

追加した〜ありがとー＞47.txt
あ、、改行コード俺のせいかも。。

ところで、>>150の「マークアップからやれよ。。」という意見はどう？
「せめてキメの部分は画像を使いたい鴨…」とか、
「ここはid使うのが筋だろ！変えてぇ！」とかある？
投稿者がHTMLもいじれた方がいい？

# 「なんでもありのデザイン」スレになっちゃうから意味ないかなと思ったのよ。
# てっきり「CSSだけでここまで出来る！」スレだと思ってたから。

と言っても俺もやや忙しくなってきたので、
なんにしろCGIいじるの来週になっちゃうけどね。(-▽-

>>161 同意！
http://www32.tok2.com/home/css/clip/clip.cgi?
に関しては、css だけで｣ここまで出来る！でいいと思う。
同じ（限られた）素材を各自の力量でどこまで料理できるかだと思うから。

html の中身までいじるのはみんな各自のサイトでやってるでしょ。

→ 48.css
よく言って普通。悪く言うとありきたり。
もうちょっと、「あっ」とか「へぇ」とか言わせる何かが欲しい。
→ 49.css
見出し(h1〜3)の処理は、きれいにまとまってる。
しかしこのお題は、びっくりさせるのは難しいね。
→ 50.css
きれいな色使いだと思う。
個人的には、左側がガタガタしてるのはあまり好きではないが、
この辺はまぁ、言わないでおこう。
→ 51.css
IE5.5 で見ました。pre を表示するために出している
横方向のスクロールバーですが、色を変えすぎて、
最初はスクロールバーとは分かりませんでした。
使い勝手を考えると、やりすぎ。
次いで N6.1 で見た場合、文字化けはcgiサイドの問題なので
仕方ないのですが、pre の中身は読めません。
最後の手段マウスで選択すらも出来ないので、どうにもなりません。

＞48.css
ﾉｯﾍﾟﾘとした印象。文字まわりをもう少しﾂﾒﾀ方がｺﾉﾐ(・∀・)
色にﾒﾘﾊﾘがﾎｼｲﾅ ｺﾚ見て「CSS(・∀・)ｲｲ!」とは特に思ｴﾇ

＞49.css
読み易いｹﾄﾞT-CUPのような背景色（ﾐｮｰﾅﾀﾄｴ）がｲﾔｰﾝ(・∀・)
ｺﾁﾗﾓ色の組み合わせを再考求ﾑ

＞50.css
(ｲｲ)(・∀・)! ただ、ｺﾉHTMLを論文だと意識ｼﾀ場合は眩しくて長時間ﾊ読ﾒﾅｲｶﾓ
長い文章はﾓｽｺｼ濃い色ﾉ方ｶﾞ好ｷ （ｵﾚﾊﾈ）

＞51.css
横ｽｸﾛﾙﾊﾞｰは「ｵｯ」と思ﾀ　ﾝｰ特に言う事ﾅｲﾅ (・∀・)ｲｲ!

ﾄｺﾛﾃﾞ文字ｺｰﾄﾞ間違ってﾏｾﾇｶ(・∀・)＞管理人

みんなすっげーなあ。
勉強、もとい、ジャン
ジャンバリバリパクら
せてもらいやす。
特に５１には圧倒され
ちゃったよ。よんでも
ヨー分からんかった。

風邪で一週間フイにしました。ヤケ起こしてシートでも作ろう。

>>143
>>147
選球眼には期待してるので。そもそも全員が気に入る
レイアウトなんてありえないんだから、どこからか突っ込みは
入るだろうし、それが当たり前だと思うです。作り終えて
悦に入っちゃってると見えないモノもあるし。

暇があったら自分もコメントつけてみるよ。

>>144
そう、グリッド重要ね。黄金比とかってWebではどうなんだろうねえ。

>>145
>>148
ことガンマに関しては、スクリーンキャプチャして
http://www.mediaremix.com/pentacom/view.html
これで見てみるといいかも。とりあえず手軽。

長くなるとアレなのでいったん書き込み。

確信犯による糞レス連立＆age更新対策age

あうあう〜人の家だから確認出来ない…＜文字コード
明日見てみます。。

>>150 >>161
自分は「イケてる*スタイル*を作る」スレだと思ってるので
この方向でイイと思うよ。画像は自分でどこか適当なとこにアプして
url指定すれば普通に使えるし。

>>152-153
なんというか、既に対処してあるのが前提と出来るかどうかは
難しいと思う。それ言い始めると、嫌ならScript切れとかシートは
外せとか色は無視させろとか、キリがないわけで。

ただ、それを実際に行うための手間を考えると（IEでユーザー
補助を設定するまでの行程はかなり遠いし、ただ閲覧するだけより
知識と経験が必要）、私は「設定をしている"べき"」という考え方は
あんまり好ましくないと考える。というか本末転倒とさえ思う。

もちろんCSS等を「切るな」という話じゃなくて、「切れるんだから
何してもいい」という話だったらアレだよね、っつーことで。あくまで
ユーザー補助は「補助」なんだから、それを強要するようなシートは
ちょっとね。

＃ただ、このスレで作るやつは別ね。実験だから何やってもいいと
思う。そこから学べることはいっぱいあるし、批評者も居るし。
実用的かどうかはともかく、51.cssみたいな新しい試みは歓迎。

>>160
確かにちょっとお題が消化しきれてないかもね。ある程度数が
出るまで保留希望＞お題陣

>>169

確かに「べき」というのは、言い過ぎかもね。

自分が言いたかったのは別に障害者でなくても、例えばデフォルトだと
行間が詰まっていて見辛いなと思えば、line-heightとかで調整するん
じゃないかということ。ユーザースタイルシートを使うのは一般的でない
かもしれないけど、視覚障害がある人はそのあたりの意識は寧ろ普通
の人より敏感なんじゃないかな。

CSS作成者は視覚的インパクトの前に閲覧者に見易いかどうかを考える
のは当然で、健常者に優しい構成は視覚障害者に対しても、何も考えて
ないものよりは優しいと思う。健常者だって、ウザいCSSを無効にすること
は当然やってるでしょ。

ただし、ペーパーメディアと違うのだから、閲覧者に自分の意図したレイアウト
を完全に再現させることはできないということは頭においておかなくては
いかんと思う。おねえちゃん系のサイトに多いフォントサイズ固定とかは
論外。好き嫌いはあるにせよ、CSSを切られないような作りにしないと。
その点ではここに作品をアプしてる連中は流石にわかってるという感じが
する。だから、俺は何やってもいいとは思わんし、このスレの人達も
メチャクチャなことはやってないと思うけど。

なんか、まとまりなくてスマソ。

>>170
うーん、その見解にはやはり疑問を感じるなあ。
「line-height使って調整する」とか「CSSを無効にする」っていう感じの
発想は、CSSを解っている人じゃないと出てこないんじゃないかな。

まあ当たり前なんだけど、OS付属のブラウザでただ閲覧だけ
してる人にはCSSなんて無縁の世界というか、何それ食べられるの(謎)
ぐらいの話だと思う。

で、基本的に閲覧者というのは受身の存在と考えるのが妥当だと
思われるので、自分で作成に携わってる人間でなければ
「見辛い→直す」より
「見辛い→見ない」になっちゃうはず。

まあIE2.0みたいに行間広げボタン(謎)とかがついてれば
別だけど…って、それすらも利用されない可能性が高いかも。
現状でも、こと閲覧のみの人達を対象にすれば、ブラウザで
文字サイズいじれることを知ってるor活用できてる人って
そんなにいない。

ブラウザのアップデートすら、パソコン系雑誌の
推しがなければ覚束ない世の中なわけで、そのせいで我々は
日々ムカムカ(謎)してるわけです。ふつーってそんなもんです。

第三段落には同意。

まー、世の中のほとんどの人の閲覧環境は
パソコン買ってきて箱から出したときのまんまってことですな。

>>170
読み込みが甘かった。

＞ユーザースタイルシートを〜普通の人より敏感なんじゃないかな。

ここは同意。上の話はちょこら氏の言う、いわゆるふつーの
人の話ね。>>170 の第一段落前半、および第二段落に掛かっています。

前のあんなスレ立てたおれが言うのもなんなんだが、スタイルシートの基本概念
はやはり使いやすさ（見やすさも含め）の為に存在しているのだと思う。

"べき論"でいうと、とどのつまり本質は『情報』部分であるべき。

なんつーのかな、発信者ってプラモのメーカーに似てるよな。

意味わかるかな…。

>>174
>なんつーのかな、発信者ってプラモのメーカーに似てるよな。
>意味わかるかな…。

わ、わかんねえ（笑）

>わ、わかんねえ（笑）

やっぱ（藁

あー、あれだ。プレーンなHTMLがパーツを切ったり塗ったりしてない枠組みの状態だ。
で、メーカー側はそのまま発売することも、完成品として発売することもできる。

で、組み立て（装飾）はそっちでやってよ、と。

ユーザー側のスタイルシートの話なんだけど。

…ｽﾏｿ!混ぜくった！
やぱ逝ってくるわ。

>>174
「あんなものはタダの飾りです、エラい人にはそれがわからんのですよ」
ということで。

プラモの話は >>176 を読んでもわからなかたよ…
ちょっと喩えが無理矢理かも(笑

あたらしいシートをつくったよ。

>>ねぎま
>55.css
うーん。見やすくてカッコいい！
ちっくしょう。さすがだ。
待ってろ。コノ。

http://mozilla.to/webdevml/

勉強になる、といいんだけどね。

＞53.css
配色ﾀﾞﾒｰ とりあえずﾊﾞｯｸとｼﾞｼﾞｨﾊﾞﾊﾞｧの色組み合わせ悪ｽｷﾞｰ(・∀・)
h3も面倒ｶﾞﾗｽﾞ活ｶｼﾃｸﾀﾞｻｲ
＞54.css
属性の説明がﾔﾔ見ﾂﾞｰﾗｲ(・∀・)幅の広ｻをﾓｯﾄ調節ｼﾃｰ 後はｲｲ!と思ｳﾖ
＞55.css
ｶｯｺ(・∀・)ｲｲ! 画面ｻｲｽﾞによっては
お題
案
にﾅﾁｬｰｳﾉｶﾞ惜ｼｲﾈ

＞55.css
Links,Contribution,Worksが背景っぽいのがいい感じだね。

>>166 ねぎまさん
レスどうもです。
どう考えてもウィンの色に合わせた方がいいと思ったので、
近いうちウインマシンを手に入れようと思ってます。

>>20
オソレスでスマソだがどうもありがと
自分の間抜けさを再確認した一瞬。

>>180
一応 white-space:nowrap にしてるんだけどね。
IE5.5じゃないと効かないっぽい。

57.css って、なんか画面サイズによって段組できたり
できなかったりするね…。ちゃんと出来てるだけに
もったいないかも。

>>181
ありがとうー

>>182
おお、そうですか。最近は安くなったし、一台あって損はないです。

うわ、640x480とかにしたりすると崩れる…
鬱だ対応策考えときます

＞51.css
bodyのbackground-colorは指定した方が良いと思うよ。

やっと時間が出来た。。文字コード変えといたぉヽ(´ー｀)ノ
今までの化けてるヤツは今週中に直しとくﾓﾖﾝ。
ところでこゆ場合CSSファイルもEUCで書かないといかんのかな？

通りかかりですが、色々なデザインを見て
素直にどれもｶｺｲｲと思いました。

CSS(・∀・)ｲｲ!
ｶﾞﾝﾊﾞﾃください。

ためしにNN4.05で作品の数々を見てみたが、
NN4xの破壊力を改めて思い知った…。

>>187
@charset を CSS の先頭に書いて指定，か，HTML のほうに
<link rel="stylesheet" href="2ch.css" type="text/css" charset="xxx">
って書く，らしいです．

>>189
同意．

サーバ落ちてない？
うちだけかな・・・。

tok2 自体逝っちゃってるみたい。

tok2 サーバ復活のもようにつき age

http://www.zdnet.co.jp/news/0106/18/e_p3p.html
どうよ？

あ、激しくスレ違い…
ｽﾏｿｰ

久々に。ちょっと長くてゴメン。

→53.css
全体的な雰囲気は嫌いじゃないです。
がちょっと使用色が多過ぎ。

→54.
うーん、うーん、何と言ったらいいのか。
すくなくとも私とはセンスが合わない。

→55
きれいにまとまっててよいです。美しくて読みやすい。
私の目からは特にアラが見当たらない。
フォントサイズや、ウィンドウサイズを変えても
問題なく表示されるところなども見習いたい。

→59.css
強いてあげれば、CSS を知らない人が見てすげぇとか
かっこいいとか思わないかも。ってことかな。
シンプルなのは個人的には好きだけど、遊び心が足りない感じ。

→60.css
セリフ部分の letter-spacing 広すぎないか？
ちょっと間延びする感じがする。
このお題は、確かにかっちょよく仕上げるのが難しいと思うので、
あえて挑戦する心意気は買う。

→61.css
ローマ優勝に因んで、という断り書きがないと辛い配色。というのは野暮だと思うが。
で、どれは置いとくとして、FORM と NOTICE のフォントスタイルが
回りから浮いているように感じた。
Moz で見た時の、上下反転の見出しはかっこいいけどちょっと読みにくい。

→62.css
「DOS帳票システム風」と言うテーマなら、等幅フォントのほうが
それらしい雰囲気になると思う。
#実際のDOS帳票システムは等幅とは限らないのかもしれないけど。

#しかしこうしてみると、input type="file" の色が制御できないのは痛いね。

＞59.css
hoverの色が(・∀・)ｲｲ!ｱｸｾﾝﾄにﾅﾃｰﾏｽ
この色をﾄﾞｺｶ他の場所にも使ったﾎｰがﾖｶﾀｶﾓ ﾁｮﾄﾍｰﾀﾝﾃﾞｽ
＞60.css
文字間隔空けｽｷﾞｰ (・∀・)ﾁｮﾄ読ﾐﾂﾞﾗｲ ﾊﾞｯｸの色が浮いてるｶﾅ
よくある風に文字をﾁｻｰｸしなｶﾀのはｴﾗｲｹﾄﾞﾈ
＞61.css
ｶｯｺ(・∀・)ｲｲ! ｹﾄﾞ見ﾂﾞﾗ(・∀・)ｲｲ! ｿﾚﾊ置ｲﾄｲﾃ
同じくFORMとNOTICEのｽﾀｰｲﾙがﾁｮﾄｷﾆﾅﾙｶﾅ ﾃﾞﾓｿﾚｸﾗｲﾃﾞｽ
＞62.css
「貴方の作った〜」て説明が、ﾅﾝﾄﾂｰｶﾁｮﾄ浮いてるｶﾓ
このｲﾜｶﾝは場所なのかﾌｫﾝﾄの大きさなのか･･(・∀・)上手く言えなくてｺﾞﾒﾝﾈ
でもｶｺｰｲｲと思いﾏｽ

>>196
60.css，62.cssの作者です．

> ちょっと間延びする感じがする。

の部分は，間延びで市原悦子，常田富士男のあの間の抜けた(失礼)語り感を求めたんですが，やっぱりちょっと引っ張りすぎましたね． (^^;
ちょっと広げて 他テキスト+0.1em程度で良かったかも．

>等幅フォントのほうが─

これ実は試作時に試してみたんすよ．その時，一応，MSゴシックでやLinuxのmisc-fixedでやってみたんですが，顔文字がやたらと広がっちゃってマズイ事になってしまって却下しちゃいました．仰る通り，等幅の方がより本物(謎)っぽく仕上がると思います．

> #しかしこうしてみると、input type="file" の色が制御できないのは痛いね。

もんどりうって同意．
これだけは意地でも変えて貰えなかった(泣) > Mozilla5

>>197

> 「貴方の作った〜」て説明が、ﾅﾝﾄﾂｰｶﾁｮﾄ浮いてるｶﾓ

御意．

例えば ，

<div id="messages">
<ul>
<li>貴方の作った ── snip ── </li>
<ul>
<ul>
<li><li><a href="./clip.cgi?">tok2 キャッシュ対策</a> ── snip ── </li>
<ul>

</div><!-- end of messages -->

ってIDかclassかで一つのブロックとして扱えると楽だったんですが，自分のスタイルシートの為に御題に手を入れるのは本末転倒になるかと思って，御題には手を触れず(謎)，#main > ul とか #main > h1+ulとか試してみたんですが，敢えなく玉砕しました．自分の力不足です．

>>198
【誤】MSゴシックでや
【正】MSゴシックや

スマソ．逝ってきます……

>>198
＞間の抜けた語り感を
むぅ、ゴメン、そこまで読み取る力がなかった。
意図はよくわかった。でもやっぱやりすぎ、と思う。

＞顔文字がやたらと広がっちゃって
どっちを取るか、ですが、顔文字は切り捨てても
全体の雰囲気の方を活かすべきだったのでないかと思われ（私見）。

>>200

> むぅ、ゴメン、そこまで読み取る力がなかった。
あ，いえ，そういうのが表現できなかったのは私の力不足です．
閲覧者に伝わらないと意味無いですもんね．(難しいですね)

> 意図はよくわかった。でもやっぱやりすぎ、と思う。
とのことでしたので，じじばばのletter-spacingを狭めてみました．
それに伴いまして他テキストのletter-spacingも狭めました．
あんまり変らないでしょうか? (65.css)

> 全体の雰囲気の方を活かすべき

やはりそうですよね．
ということで，同じものを何度もPUTして申し訳ないですが( >all)，
等幅フォント指定に変更してみました．
いかがでしょう? (64.css)
(とはいえ，これも指定フォントを持ってる環境だけの話というこ
とですが…)

アドバイスありがとうございました．精進します．

＞63.css
カッコイイ。けど、Contributionの上のほうが隠れちゃうのが残念。

>>http://www32.tok2.com/home/css/clip/css/64.html
やっぱり、monospaceフォントのほうが良いです。
製作者側の狙いをきれいに再現するのにある程度のウィンドウ幅を
必要としますが、この場合それも仕方ないと思える。

>>http://www32.tok2.com/home/css/clip/css/65.html
思いきって、Moz限定ではあるが
.jiji:after{
content:'(声：常田富士夫)'
}
.baba:after{
content:'(声：市原悦子)'
}
こんなことをするのも手かも。

>>http://www32.tok2.com/home/css/clip/css/66.html
>>202 で指摘された点をきれいに、回避出来ています。
カードが重なったような感じになっていて、面白いと思う。

>>37
評価ありがとうございます．

> やっぱり、monospaceフォントのほうが良いです。

ですね．やっぱり．感じとしては．
欲を言えば，DOSの KANJI16.FNT あたりのFaceのフォントが理想的かも．
(試行としてTerminalとかSystemとかで指定してみたけど敢なく玉砕)

> 〜ある程度のウィンドウ幅を必要としますが〜

特に右 Linksの各リンクリストで折り返しが出来るちゃうところですよね?
初回ので等幅フォントを却下したのはこれも一つの要因でした．
プロポーショナルだとなんとか横幅640のウィンドウ目一杯で収まる感じかな．
(Windows環境でフォント小だと)

> 思いきって、Moz限定ではあるが 〜 snip 〜 こんなことをするのも手かも。

なるほど．
あと同じような考えとして

ul.index:after {
content: "【声の出演】じじい：常田富士男，ばばあ：市原悦子";
background-color: #030;
color: #ffe;
}

.jiji:before { content:"じじい："; }
.baba:before { content:"ばばあ："; }

というのも出来そうですけど，台詞のボケとツッコミのせっかくのリズムを崩
しちゃうかもしれませんし(あの「食うのかよ!」の部分のリズム好きなんすよ)，
こういう情報はCSSよりもむしろHTML側に入っている方が望ましいと思えるので，
難しいところです．
(と，言いつつ 【違っ】とか【正】とかやっちゃってますが…)

>>ねぎまさん
別スレの遅レスですが，IPジカなのは未だドメイン取得してへんからです．
(どれへのレスだか判ります?)

s/出来るちゃう/出来ちゃう/

鬱だ…1本逝っとく…．

>64.css
FDを思い出しました(謎)。そしてIPジカアドレスは
403でした。

>66.css
ありそうでなかったかんじ。z-indexとかいじってるのに
自分でも思い出さなかった手法。参考になります。

「難しい」と噂の桃太郎のやつ作ってたんだけど、Mozだと
擬似フレームだとページ内アンカーが効かないんだね。
IE専用にしてもよかったんだけど、作り直し。ふう。

いいかげんコテハン考えようかしらん…
198ってなんかのバーゲン価格みたいな…．(;´Д｀)

>>ねぎまさん

> FDを思い出しました(謎)
一時愛用してました．(藁)

> そしてIPジカアドレスは403でした。

なんでだろ…．
早速httpd.conf見直してみますわ．(あちこち弾きすぎてるかも知れぬ…)

> Mozだと擬似フレームだとページ内アンカーが効かないんだね。

ですね．これには以前泣かされました．

> 作り直し。ふう。

楽しみにしてます．

＞67-69.css
http://www32.tok2.com/home/css/clip/css/67.html
http://www32.tok2.com/home/css/clip/css/68.html
http://www32.tok2.com/home/css/clip/css/69.html
一応69をもとにレビュー

地の文の color と pre 要素の color の違いが微妙過ぎて散漫な印象。
文の性格上もう少し差異があるほうがいい。

・IE（5.5） の場合
ブラウザの設定でフォントサイズが大とか最大とかなってると行間が広すぎる。
今時256色表示の私には有彩色のグラデーションは厳しい。
まぁ、重箱の隅なのは認めますが。

・Moz の場合
html や body の dotted な border は正直言ってカッコ良いとは思わない。

＃知らずにこれを見た人は、このページのデザインを css でやっているとは思わないかもしれないね。
＃良いことなのかそうでないのか……。

>69
私はスタイルシートでデザインしたりはしないんですが
一閲覧者として、スクロールバー真っ白は見づらいです。
でも色綺麗ですね。

clip.cgiの未読色と既読色が同じだと見難いかもね。

>>210
うぐぅ、、そうかも。
本当はすぐにデザイン変えるつもりだったんだけど、暇がなくなってしまい。
時間見つけて直しとくよ〜

# 最近家帰ってないんよ(;´Д｀)

HP作りも最近初めて
スタイルシートに至っては先週存在を
知ったんだけど参加してみようかな・・・

>>212
頑張れ(´ー｀)ノ

初心者でどこまでできるのかっていうのも見てみたひ。

うちの汎用シートをみっつアプしてみた。まぁまぁ汎用性はあるかな…。
デザインっぽくなくて悪い。

>>215
そうだね。
みんなのユーザースタイルシートも知りたいな。

→70.css(http://www32.tok2.com/home/css/clip/css/70.html)
　本人が言うほど普通過ぎと言うほどのこともないと思います。
　別にトリッキーなデザイン（レイアウト）を競い合ってるわけではないし。
　苦言としては、いろんなfont-family使い過ぎかな。色使いの割りにうるさくなる。

→71-73.css 申し訳ないけどまとめて。
　(http://www32.tok2.com/home/css/clip/css/71.html)
　(http://www32.tok2.com/home/css/clip/css/72.html)
　(http://www32.tok2.com/home/css/clip/css/73.html)
　デザインっぽくないとご自分でもおっしゃってますが、同意。
　配色は実用的ではあるが、ちょっと、左側が不揃い過ぎて、
　目の動きが不自然になると思うので、一考されたし。

>>37 さん
> 別にトリッキーなデザイン（レイアウト）を競い合ってるわけではないし。

皆さん凄いのを制作されていますので，「これは普通スギかも…」と．
カススタイラーさんの最初の御言葉「CSSの可能性を見せつけてやるが
いい。」というのからはずれてしまったかなあと，PUTする時に躊躇し
ました．それであのコメントという感じですわ．(^^;

> いろんなfont-family使い過ぎかな。色使いの割りにうるさくなる。
なるほど．うるさく感じますか．
自分で気づいてない部分を御指摘戴けるのはありがたいです．
今後の参考にさせていただきます．
ありがとうございました．

＞64.css
ｼｸｰﾘ 雰囲気が出ﾃｰﾙ(・∀・) Worksが動ｸ
＞65.css
ｾﾘﾌの文字間隔ｱｷｽｷﾞｶﾓﾅｰ(´∀｀)
＞66.css
ﾓｰ特に言う事ﾅｲﾅ(・∀・)ｲｲ!
重なり具合がｽﾃｷ
＞69.css
ｽﾀｲﾘｼｭｰ このﾌｫﾝﾄだけだと文章が平坦ﾆ見ｴﾙｶﾅ
あと一つｱｸｾﾝﾄがﾎｼｰ(・∀・) 視覚的にややﾌﾒｲﾘｮｰ
＞70.css
上手くﾏﾄﾏﾃｰﾏｽﾈ h2と<pre>が交互に来る時、
白がﾁﾗｰﾁﾗｽﾙ(・∀・)
＞71,72,73.css
71はﾘﾝｸの色はｶﾜｲｰﾈ 72,73は行がﾋﾗｷｽｷﾞ(・∀・)
h1のﾌｫﾝﾄがｳｲﾃﾙ ｽﾞｼｰﾘ

>>219 さん
> Worksが動ｸ
何故かIEだと上のリンクをホバったりすると動きますね．
なんでしょうね? あれ．
:hoverでフォントサイズとか変えてないのでよう解らんです．

> ｾﾘﾌの文字間隔ｱｷｽｷﾞｶﾓﾅｰ(´∀｀)
あー，やっぱこれ不評っすね．(;´Д｀)
# これから気ぃつけよ…

> h2と<pre>が交互に来る時、
> 白がﾁﾗｰﾁﾗｽﾙ(・∀・)
ちょっとコントラストがキツすぎましたか…．

レビューありがとうございました．
今後の参考にさせていただきます．

>>217

ありがとーございます。へっぽこな私ですががんばろうと思います。

で、

body {
background-color:#ccc;
background-image:url(binary/wr-bana.gif);
background-repeat:no-repeat;
background-position:right bottom;
background-attachment:fixed;
color:#000
margin:1.5em 5%;
padding:0;
font-size:medium;
font-family:"Helvetica","Osaka","ＭＳゴシック",sans-serif;
}

蝉コロンいれ忘れがあった…。コレは鬱だ。

>>219もありがとうございました

おひさー。つってもずっとROMってはいましたが。
最近CSSを先に作ってその後でHTMLを書くというアフォな暇つぶししてました。

>>218
>「CSSの可能性を見せつけてやるが いい。」というのからはずれてしまったかなあと

まー、あくまで『CSSだからこそ』という部分があればいいんじゃないの。
見栄えだけにこだわるのであればHTML(テーブルデザイン)とかでもできるわけだし。
装飾以外のことも出来るのが利点でもあるし（おれがいうても説得力なさげだが）
可能性というのはそういうもんでしょう。いまさらだけど。

>>215は多分http://www15.freeweb.ne.jp/novel/ukun/index.shtmlだな。
自分とこのシートアプするのは確かに面白いかも。誰なのか大体特定できるだろうし。
なんだかんだ言ってまだまだ狭い世界だし（藁

良すれあげ

>>222 カススタイラーさん
了解しました．
私が書いたモノをイケてるスタイルシート発表の場に出してしまっ
て良いのだろうか? いや，しかし参加もしたい… という葛藤が，
自分の中にありましたので，それを御聞きして少し気が楽になりま
した．

>>224

そんな考えこまんでも。気楽にやろーや。
それに発表場を作ったのはおれではなくて前スレの372さんだし。

>>224 カススタイラーさん
ありがとうございます．
気楽に逝かせていただきます．

最近動きがないので、暇つぶしに。

http://www.goo.ne.jp/results_ct.asp?MT=&WTS=&SM=MC&DE=&DC=&SDB=WB&_v=&DEST=http://www.eris.ais.ne.jp/~air/

すいません。僕も専らROMってました。
良スレage

>>
http://www32.tok2.com/home/css/clip/css/76.html

サンバかサンだな。こんちわ。

どいたしまして(W
ご指導ご鞭撻方お願い致します。

http://www.eris.ais.ne.jp/~air/
http://homepage1.nifty.com/~yoshi-s/home/ ＜元

パクりスレじゃないからこのへんにしとこうか。
とりあえずmht保存。

なんというか、外観を分離するとこういう人が
増えてしまうのかなあ。これの元のやつだってどっかで
見たことあるような気がするしね。

シート作者の皆さんはどういう風にお考えでしょう、とか聞いてみる。

>>231
すごいパクりっぷりだなぁ。掲示板のCGIまで同じやつっぽいし。

日記の改行の具合が侍魂っぽいと思った。最近多そうだけど。

>シート作者の皆さんはどういう風にお考えでしょう

例えば私は、infoseekをパクったkotobaseekをパクりました。（ポジションのわからない部分のみ）
パクり自体はCSSだけでなく、物理デザイン、コンテンツ全てにおいて永久に
存在すると思います。

ただ漠然とパクるんではなくて、そのことに関する接点を記載しておけばセーフだと思います。

kotobaseekはそのトップにおいて
"Cascading Sytle Sheetsでinfoseekを再現。"

としているし、私も参考にしたことを記載しています。

サムタマもいうならばザンテツのパクリでしょうし。どうせやるならオリジナルを超えろ、
というところでしょうか…。

>>231
ウチは全ての著作物の無断転載・使用・改変を認めてるから何とも思わないよ。
ただパクられるのは良いけどパクるのはなるべく控えたいな〜と。
＃ 結果的に似てしまってそれでパクリって言われたら困るが。

すいません、質問です。
僕のPCからだと、フィルターがまったく見えません。
（反映していないのです）
Win98、IE5.5です。
友達の家からは例えば、20.cssさんのはフィルターかかって見えますが、
僕のPCはまったくダメです。
何か理由はありますでしょうか？
なにか必要なDLLとかあるんでしょうか？
どうしても自分のPCから見てみたいです。

フィルター重いから見えないほうがいいかも。
フィルター切る方法あるのかな？

パクリについて

僕はWebサーバー置いてあるものは基本的に、
全て人類の共有リソースだと思っています。
もちろん、所有権、著作権などは製作者に帰属するけれど、
それを再利用したり、それをもとに何かを学べればそれはすばらしい事だと思うし、
そもそもそれってWWWの当初の目的なわけで。
個人的にはWebにあるものは全て使っていいと思ってるし、自分も使われると思っている。
リンクも無断で張るし、画像やスクリプトやシートも落とす。
でも結局それらをそのまま使うことはない。
なぜならそんなことしても面白くも何ともないから。

パクリかそうでないかというのはあくまで当事者の気持ちの問題の部分が大きいと思う。
ネギマ氏のヤツみたいなのはちょっといやな気分になるかもしれないし、
過去にこのスレで僕のスタイルを使いたいと言ってくれた人みたいに断りがあれば気分よく「OK」といえるし。
piro氏にリンクの背景のチカチカをパクってもらった時（サイトに一言書いてありました）なんかは嬉しかったくらいだ。

でもパクリっつってもそれ自体ネタっぽくもできるし、それが周りに伝われば
ネタで許されるだろうし、パクられた側も笑えるだろう。
「すかんち」は笑えて大好きだが「B'z」のやり方は嫌いということ。
要はセンスの問題か?

↑ってそんな言葉でごまかすか…

難しいっすね。大きな心で生きたいと思います。

参考はOK
流用はNG
以上でファイナルアンサー？

ファイナルアンサー。

すいません、フィルターの件>>236で質問させて頂いた者ですが、
ここで聞いた方がわかるかもってとこでもいいので教えて下さい。

>242
IEを再インストールしてもなおらなければおてあげ。

win98だったんでもとは確かIE4(.?)ですよね、
そこからアップグレード版をDLして
今IE5.5なんですけど、
またDLして再インストールって出来ますか？

>>244
「アプリケーションの追加と削除」からIE選んで、
「以前のWindowsの構成に戻す」を選択してIEをアンインストール。
で、もう一回5.5入れればOKだと思う。

>>243
>>245
２ちゃんねらー様！ありがとうございました！！
おっしゃる通りにしましたら、見事成功致しました！！！
２ちゃんねらー様まんせーーーーー！！！！！！！！！！！

まぁ落ち付け。

>>246
これくらい自分でできるようになろうね。
ﾁｮﾄ和んだ。

＞76.css
ｳｰﾇ、特に文句ﾂｹﾖｳｶﾞﾅｲ…ﾄﾞｰｼﾖｰｶﾅ…
暗い、とか言ってﾐﾙｶ…
ｽﾅｵﾆ(・∀・)ｲｲ!

http://www29.freeweb.ne.jp/travel/twoweb/

例えば、↑みたいなのをこのスレッドの住民の方にCSSを使って
イケテルデザインにしちゃって欲しいんですが、どうでしょうか。
というか、ヤフーのブックショッピングのページなんですが。。
こういうページをスキルのある方がCSSを使ってデザインすると
どんな風に変身するのか拝まさせて頂きたいです。
どなたかお題として、アップして頂けないでしょうか。

>>250
うーん。そのhtmlはマークアップ自体が難アリだから
それをcssでどうこうってのは難しいよ。
cssってのは、あくまで正しく論理構造をマークアップしたhtml文書に対して、
わかりやすくデザインを施す手段だから、そのurlにあるようなhtmlをいじる事は出来ないなあ。
せいぜい色を変えるとかか…。

>>250
そんな嘘マークアップは弄る気しねえ…．

>>250
<body>直下の<div style="display: block;">って何？

>>251-253
なんていうか、見ての通りヤフーを適当にコピーしただけなんで
マークアップは直してませんでした。
>>250
僕が作ったhtmlじゃないので知りません。

ほんの出来心でした。＜231
申し訳ありません。

これからは自分の出来る範囲の力でサイトを運営したいと思っています。
もしよろしければ普通に見守っていただきたいと思っているのですが。

>>255
もうちょっとやり方を考えような。
お互いのためになるようなさ。
がんばろうぜ。ここで勉強したらいいやん。

>>249
批評ありがとうです。

自分で批評すると、見出しと、地の文とpreのマージンが一緒なのが
読みにくいと思った。
自サイトの場合、1つのファイルに見出しが沢山入る状況が少ない
ので気が付かなかったけど、修正した方がよさそう。

もうageしか考えられナーイ…

>>256

おまえもいちいちクドイって。

>>255=ヤスヒト氏

ども。例のサイトのKUJです。
追い込むつもりはなかったんですけども、結果的にそういう形になってしまったようで。
その辺、僕も反省してます。

人をまねることは決して全てが悪いことというわけではないと思います。
「学ぶ」の語源は「まねぶ」ですし。
完全なオリジナルというのは難しいでしょう。
特に日記系ではそれが顕著な気がします。

ちなみに僕だって人のことは言えません。
「お前どこそこのサイトに似てねーか？」と突っ込まれたら否定できません。
（>>231でねぎま氏が指摘されたように）

まぁ何と言うか、お互いがんばりましょうや、ということで。
僕も時間ができたら、ちょっとずついじっていこうかなーと思ってます。

って、うわー。長くなっちゃった。ウザイっすか？

>>260
＞特に日記系ではそれが顕著な気がします。
って謎。

KUJのサイトって故Lｉｎｅに似てる。見た目もそうだけど、
ソースの書き方とか。アバウトページとか。

このスレはそんな話題は求めていません。
他のスレでやってください。クドイです。

早くなんでもいいので逝けてるスタイルをつくてください。

黄文字に黄背景とかそういう逝ってるスタイルは禁止デスカ？

てか黄背景に黄文字じゃ読めないじゃん。

>>264
そういうのは逝っちゃってるスタイルと言います。

なんだか自分のせいで脱線してしまったみたいで、すまないです。
>>240 でファイナルアンサーだね。パロディもOKだと思う。
お詫びというと自惚れが過ぎるかもしれないが、なんかまた作るよ。

ところで、ちょっと飽きた？＞作り手all

あと、発表所がリニューアルしてるね。イメージは良いんだけど
もう少し字を読みやすくするといいと思う。背景薄くするとか。

>>265
明度とか彩度に寄る。

あ、発表所に切り替えスクリプトつけると面白いかもね。
創作意欲も湧きそう。

まだ飽きてないぞー。
最近新作のアプが無くて寂しい。

デザイン変えたよー最近は暑いので爽やかに！と。
俺は元々ここで発表できるほどナイースな腕を持ってないのだ(wヽ（´ー｀）ノ
そのうちお題2bで上がったやつはランダムで変わるようにしとくモヨンヽ（´ー｀）ノ
皆さんの腕で暑い夏をナイースに飾ってくだしぃ。

>>ねぎま
なるほどなるほど。
とりあえず色薄めて大きくしてみました（安易な・・）ヽ（´ー｀）ノ

>>266
逝ってると逝っちゃってるは違うのか（ｗ

>>270
スクロールしないとリストみれなくてふべーん（´Д｀;）

>>272
あうあう〜言われるとそだな。。(;´Д｀)
どしよ。

このあたりで今までのベスト1を決めるとか。どう？

せめてベスト３くらいまでは。

*:after{content:" Fuck!"}

おお、スゲーイイ！
66.cssの作者様、自分とこで、ほとんどそのまんまを使用させてもらっちゃいました。
あー、でも悔しいなぁ、勉強してオレもカコイイやつ作れるように精進しよう。

55.cssがいいです。特に色合いがｲｲ

>77.txt
このお題案、作る人どうでせう？やりやすいでしか？
なぜsage進行…（；´ー｀）

御題77.txt用のCSSを作ってて気づいたんですが，御題のHTMLで
発言番号10の 名前の span の閉じタグ無い様です．

それと，発表所の御題セレクタに
<option value="6" tabindex="0" id="html6">お題 6 - 77.txt</option>
が無いので多分皆さんアプ出来ないのではないかと．
(で，sage進行なのかも?)

直しといたよん。
ageと共に去りぬ。

うをっ! 対応早いっすね．ありがとうございます．

一発ふつうっぽいの逝っときました．
# ありがちなモノしか書けん自分に鬱…

文書型宣言に SYSTEM識別子の記述があると Mozilla5でも
input type="text" の部分が美味しかったかも．
(SYSTEM識別子のあるなしで表示が変わるんで…)
欲言ってすんません．

おおっなんかカッコいいのでは。
投稿フォームがサッパリしすぎかな？
でもパクリたくなりますです。

ちなみに残念ながらまたしばらくCGIいじれないのれす(;´Д｀)ｽﾏﾝｺ

をを! 起きてみればもうReplyが…． ありがとうございます． >>283
# 早起きは三文の徳?

> おおっなんかカッコいいのでは。

ありがとうございます．

> 投稿フォームがサッパリしすぎかな？

うっ．その辺いじったのは晩飯食った後だったので…(謎)

> でもパクリたくなりますです。

宜しければバンバンパクってください．
って，一カ所 margin指定でWarning出してしまったのでValidではないですが…．

# アプした後に気づいた (;´Д｀)

> ちなみに残念ながらまたしばらくCGIいじれないのれす(;´Д｀)ｽﾏﾝｺ

あ，いえいえ，御忙しいところReply恐縮です．

77.txtの作者っす。最近新作が少ないんでアプしてみました

>>198
をを、番号・名前・日付のとこがカッコイイっす。
> 発言番号10の 名前の span の閉じタグ無い様です
スマソ。全然気が付きませんでした…

>>281
ありがとうございます。

今度の新しいお題は、かちゅ〜しゃのカスタマイズ用に使えるな。

久々に。
>>http://www32.tok2.com/home/css/clip/css/76.html
[76.css]
難癖に近いことを言うならば、画像非表示だと h2 が読みにくいです。
それ以外に文句のつけようもないのだけど、なぜか絶賛する気にもなれない。
実用的で好きなんだけどね。

＞[78.css]
テストとのことなので、関知せず。

>>http://www32.tok2.com/home/css/clip/css/79.html
[79.css]
あぁ、いいですねぇ。かなり好みです。
書きこみフォームの部分は、なんとなく間延びしているような気もしますが。
それと、一箇所でいいからアクセントとしてモノトーンでない色が欲しい気もするな。
(verinfoにはついてるけどね)あぁ、hover の時の赤もあるのか。むぅ。

//
ここまでの、俺の中での総合トップ3は、22.css 55.css 66.css です。
ひとつだけは選べない。
＃しかし、どういうわけかどれもゾロ目だね。

やっぱり55と66が人気だね。
私はそれに加えて10がいいと思う。
◎が背景になっているのが驚きだった。

>>285
> をを、番号・名前・日付のとこがカッコイイっす。
自分とこのBBSっぽく四角く囲んでみました．
こういうことが出来るようになったのは，IE5.5やMozilla5の普及で
フロートがある程度まともに使えるようになったのが大きいですね．
思ったことが実現しやすいというか．

> スマソ。全然気が付きませんでした…
普段Mozilla5を主に使ってるので，CSS書いてて「あれっ?」っと気
づいたということで．(結構厳密っぽい > Mozilla)

>>287
> 書きこみフォームの部分は、なんとなく間延びしているような気
> もしますが。

ネタ切れ状態でした…．(^^;
ちょっと弄ってみますわ．

> それと、一箇所でいいからアクセントとしてモノトーンでない色
> が欲しい気もするな。

なるほど．
作業過程で h1 に他の色を持ってきてたんですが，どうもシックリ
来なくて…．
文字色，ボーダー色，あれこれやっては「うーむ，なんか違う…」
みたいな．なんかそこだけ変に浮いちゃったっていうか．
浮かせてしまうってのは，これはもう，私の力不足の所為でして，
そういう自分に鬱っていう感じです．

>>285 >>287
レビューありがとうございました．精進します．

連続投稿スマソ．
時間空いてる(暇持て余し…)なので，皆さんから戴いた御意見を反
映させてみました．
http://www32.tok2.com/home/css/clip/css/80.html
いかがでしょう?

＞[78.css]
＞テストとのことなので、関知せず。

ふひっ、消し忘れた。。
正常に動くかのテストだったので気にせんでくだせぇ。

＞80.css
一色足されてグッとひきしまった感じやね。
ddのline-heightは空けすぎかなともふと思う。

というのがさっき切れて投稿されてて鬱。

> 一色足されてグッとひきしまった感じやね。

あ，やっぱり違いますか．
実際には一色削って一色足したという感じです．
verinfo と h1 のボーダー色を既に使ってた赤系にしましたので．

# 多色使いは桃太郎で失敗っぽかったので懲りた(藁)
# 色は難しい…．

> ddのline-heightは空けすぎかなともふと思う。

うーむなるほど．自分的には「読みやすい行間 ＝ 1.5em 前後」み
たいな感覚があって，つい自分のところと同じようにやっつけてみ
たんですが，良く良く考えれば2chはAAがあるのであんまり空けない
方がいいんですよね．

# ぐはっ． また失敗か…(泣)

スマソ．訂正．
s/読みやすい行間 ＝ 1.5em/読みやすい行間 ＝ 0.5em/
或は
s/読みやすい行間 ＝ 1.5em/読みやすい行高 ＝ 1.5em/

良スレage

提案なんだけど、cssウェブリングを
カススタさん、作ってよ

　CSSコミュニティではない、もう一つのコミュニティ…

　　　ざわ…

　　　　　　　　　ざわ…
　

だって探したけどまだなかったよ。
同盟はあったけど休止中だし。
すっごいでっかくなるかもよ。

>>296
俺的には要らない。何故群れる必要がある？

群れるっていうか、単純に第三者側からすると
まとまっていた方が見やすいじゃん。
いちいち検索したりソース確認しなくて済むし。
それに凌ぎを削りあうことで技術の向上だって
見られると思うんだけどいかが。

>>300
偏見なのは承知の上で言うがウェブリングとか同盟とかって、
おこちゃまの馴合いという印象がある。

また、
＞検索したり、ソース確認したりしなくて済む
ってのがどういう意味なのか理解できてないんだけど、
切磋琢磨はすでにこのスレを中心に行われているし、
このスレが元になったリングなどまったく不要だと思うのだが。

>>301
禿同。
リングは参加するやつのレベルまで保障するものではないから、
結局実際に見ないとわからない。
このスレで十分。

　CSSコミュニティではない、もう一つのコミュニティは不用だ…

　　　あぼーん…

　　　　　　　　　あぼーん…
　

不要の間違いなんだよ（鬱

＞菅理入

ヒマがあったら、cgi で Content-type を出力している部分、
print "Content-type: text/html\n\n";
たぶんこうなってると思うんだけど、
print "Content-type: text/html;charset=EUC-JP\n\n";
にしてくらはい。IE 5.5 が文字化けしやがります。

コレさえやっとけば、
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP">
がいらなくなるよ。

>>305
いや、両方で指定しておいた方が良いと思うぞ。

（ゴメン、関係ないから sage るね）

>>306
え？ そうなの？ コレって無理矢理 HTTP ヘッダに追記する
（かのように扱うかはブラウザ次第）もんだと思うんだけど。
具体的に困る環境とかってある？

sage 間違えた。 逝ってきます。

↑さがってない（ﾌﾟ

>>307
頭に着いてくる Content-type をきちんと読まないことがあるから。
だから一応、meta で書いておくと良いって話。

>>296
皆が言うようにリングなんぞよりもこの板の方がよほど良質だと思われ。

アンテナのような更新チェックリストとかならまだ需要がありそうな気はするが。
もちろん、対象はhtmlファイルとかではなく、CSSファイルでな。

作らないけど（藁

>>305
あうあう〜そっちのヘッダのことしっとり忘れてた…
来週の水曜までには直しとくよ〜（遅っ）
>>311
良質なCSSを毎週更新してくれるサイトが100超えたら作ろうか〜(^▽^

>>310
あ、だから読まないことがある、っていう UA は何？ ってハナシ。
MSIE 5, Lynx, Mozilla, NN 4.x で化けたことがないんですわ。
でもそういう環境があるなら、環境次第でオレのページも直したいんで。
>>312
ヒマが出来たらでいいからねー。ありがとう。

ところで発表された CSS ってフリーウェアにしようとか、
そういう考えある？ パクリ放題マーク（何それ）をつけるとか。

フリーウェアっつーかなんつーか
>>132
>>133
>>137
>>238-241
この辺りのレスに＊このスレ内＊の意識は集約されてると思うがいかがか？
＃世間一般的にはともかく

>>307
ローカルに保存したとき文字化けしにくくなるから便利ニョ。

>>313
IE とか、N4 とか。

最新の投稿である80ですが、「■掲示板に戻る■」の■の部分は
構造ではなく見栄えに関する物なのでHTMLに記述すべきではないと思うのですが、
こういう文字飾りなどをHTMLに記述せずCSSで表せるのですか？

content:'(■)'

なるほど、できるんですか。
しかし調べてみるとCSS2用のプロパティみたいですね。
ブラウザの対応が進んでないから今はまだ使えませんね。
理想ばっかり言ってられないか…。

>>319
IEなどでは無視されるだけだから問題ないのでは？
「掲示板に戻る」ではどうしてもだめっていうなら仕方ないけど。

>>314
サンキュ。うん、このスレの意識が判れば良いです。

>>315
そうか。確かにこのページはローカルに保存してごにょごにょするから
あると便利やね。

今、完璧なユーザースタイルシート作ってるんだが…
…大変だね（死
うーん、全要素に全設定するのってつかれる…

tt, i, b, u, s, strike, big, small {
font-style:normal; font-variant:normal; font-weight:normal; font-stretch:normal; font-size:100%; font-size-adjust:none;
}

ユーザースタイルシートでこんなことするのって意地悪なんだろうか。
あと font にも指定したら完璧だな。

>>323
侍魂が死ぬ（ｗ

ここの人たちって年齢いくつくらいなの？
いや、興味本位ですけどね・・・

43

>>324
ふふふ。
http://www23.freeweb.ne.jp/computer/niseharu/na/samurai.png

>>327
アンタ良くやってくれた！（涙

>>325
16〜90の間には入ってるよ。

>>327
324じゃないけど。間違いなく「読み」易くなってるね（笑
ところで『br要素を削除しました』ってどうやってるの？

右クリックメニューににこんなのを。
with (external.menuArguments) {
  var br = document.getElementsByTagName("br");
  var nyo = br.length;
  var samuraiSpilits = 0;
  for (var i = 0; i < br.length; i++) {
    hoge(br[i]);
  }
  status = "全 " + nyo + " 個中の " + samuraiSpilits + " 個の br 要素を削除しました。";
}
function hoge (br) {
  with (external.menuArguments) {
    if ((br.nextSibling != undefined) && (br.nextSibling.nodeName.toLowerCase() == "br")) {
      samuraiSpilits++;
      hoge(br.nextSibling);
      br.parentNode.removeChild(br.nextSibling);
    }
  }
}

>>327
つつ、つまんねええぇぇ！！(笑)
なんて朴訥とした語り口調…。

しかしねえ、これは大きな示唆を含んでますよ。やはり。
というか、実は僕も考えてました。

侍魂Strict化計画(笑)。

あれをStrict-html&cssで再現できるのか?
また、再現できなかったとしてもあの感じが出せるのか?
という試み。

物理要素使いまくりのサイトだけど、
結果としてものすごく表現力豊かなものになってるわけだし。
で、あれだけのHitを稼いでる。

そこんとこをcssでもできるのか。
これは結構大きな問題ですよ。ねぇ。

#p要素に全部IDふるとか強調系要素にクラスを割り振るとかすればできるかな。。

JavaScriptかぁ。なるほど。br連打を一つにするんですね（勘違いしてたらゴメンよ）

＞ちょこらサン
強調文字部分は大体赤か黄色ですよね、侍魂って。
だから強調系要素にクラス割り振れば結構いけると思います。

私の場合、侍魂をFONT要素削除、色指定無効で見ているんだけど・・・。
>>327さんみたいにBR削除して、
ユーザーCSSでcenter{text-align:left}も追加しておけば完璧だな(何が)。

と思ったら、align="center"か・・・。削除してみる？

p {text-align: left !important;}

>>335
駄目なんだ、important のことをインポテンツって読んでしまう…ｳﾂﾀﾞｼﾉｳ。

p.enis {volume: silent !impotent;}

dat逝き防止sage

>>327=>>330
ふるごむさん？
http://da.pekori.to/faerie/js/readme.html
に同じスクリプトがあるから。

下がりすぎなのでage

>>339
(･∀･)ﾉ

EUC-JP入れっ 他になんかあったっけ？
相変わらずの下がり具合がいいねぇ(^▽^
侍魂Strict計画きぼーん

＞侍魂Strict計画きぼーん
XHTML1.1に決定。

最も厳密な ISO/IEC 15445:2000 で。
この規格で現在の侍魂を再現して欲しい。

強調パタンが６種類くらいあるから無理。
下線、文字サイズ、文字色……
<em><strong>にクラスつけて表現し分けるか？

>>343
細かいが厳密ではなくて厳格ではないのか。

>>344
クラス分けしないと無理だな…
クラス名を考えるのが面倒だが。
level-1 とかなら良いかもしれんが、それでもちょっとなぁ…

今までの分まとめてドン。
http://www32.tok2.com/home/css/css07182217.zip（273580byte）
tok2オフラインで見れなくてウザー щ（ﾟﾛﾟщ）ﾓｯﾃｹ､ｺﾞﾙｧ!

>81.css
一見いい感じなんだけど、一つ一つのレスの境界が判り辛いかもね。投稿日とか。

あ、俺のHDDの構成バレバレだ(w
まいいか。

>>菅理入

お疲れ。

>> 344-355

em strong{ ... } とか、 子孫セレクタを使うってのはマズイかしら？
これなら CSS 未対応でも、「ものすげぇ強調」を表現できそうだけど（笑

>>346 使えるなぁ、このアーカイブ。参考になるわ。

>>348
<em><strong>ほげー</strong><em> ってことかな。
うーむ、Strict ってことを考えるとイマイチな気も。

>>350
強調の入れ子は道義的に正しくない。

ところで、何故 HTML には注釈要素が無いのだろう。
注釈宣言じゃなくて。
現在では ＃ とかつかってる人が殆どだと思うが、これってマークアップ出来そうな気がする。

>>352
破棄された HTML3.0 に FN要素ってのがあったらしー
FN が何の略かは不明。
ただ、結局名前つけは ID 属性でやってたので、
それだったら DIV でいいじゃんということになったのだろう。

ってことは、注釈は
<div class="コメント（綴り忘れた）">まぁ、俺は気にしないけど…</div>
とかで良いってことかな？
ここではクラスだけど。

でもまぁ、日本語の会話要素が「」である風に、
コメントは行頭＃ってことで通ればそれはそれで良いんだけど。

米印（ ※ ）が望ましいです。

>>菅理入さん
アーカイブどうもです。

つらつら眺めるとやはり55.cssが出色の出来か…

<comment>要素があるけど？
って、IEの独自拡張だけど。

>>353
FN は footnote かな，と思った．根拠 less．

age

アーカイブいただきました。

77.txtにちょっと食指が働いたので、つくってみます。
暇も出来たことだし。

(ﾟдﾟ)ﾃｲｷｱｹﾞ

360期待age

ここはﾏﾀｰﾘし過ぎていて俺の性格には合わんな。

77.txtで作ってるんだけど、line-heightとかフォントサイズとか
フォントファミリとか指定すると2chっぽくなくなっちゃうね。難しい…

作品を見る為の "HTML" は必要ですか ?
"CSS" だけで十分でしょ。
"HTML" を見ただけでの歯痒い批評が減ると思うよ。

いや、何をしてイケてるとするかっつうのがありますし、
今は自分でCSS書けない人にも’CSSの可能性を見せつけ’るという意味では
HTMLで見られるのはいいと思います。

// 自分のサイト風にしてみたがあまりにもイケてなくて投稿できず

82を投稿したのに反映されていないような……。81の修正版なんだけど。

>>367反映されてるよ。
俺はＣＳＳのことなどサパーリわからんが、かっこいいと思った。

>>367反映されてるよ。
俺はＣＳＳのことなどサパーリわからんが、かっこいいと思った。

二重投稿ｽﾏｿ

お題6、10番目の書き込みの<span class="name">が閉じられて
いないようです。

修正したのアップしようとしたら、なんか出来ないのでどなたか
御願いできますか？

あ、一見修正してないように見えるんだけど、
直ってるはずだから＜<span>閉じ
アップしてみてくれます？

（ちょっと今確認できないんですけんど）

このスレみんな見るべきage

>>372
了解…といいたいところなんですが、今マシンが飛んでて
アップ出来ないんです。今日の夜あたりにお題6のシート上げます。

82.css は涼しげで良いなぁ。夏はこれでいこう。

age

あ、ココに上げられてるやつって使って良いの？

>>377
発表したことない僕が言うのもなんだが，今まで「だめ」という人はいなかった．
「参考にした」と書いてくれると嬉しいという意見もあったような．
一応過去ログ見たほうがよいかも．

ということであげました。fixed使わなかったので
ちょっと限界が見えてますが、勘弁。
http://www32.tok2.com/home/css/clip/css/83.html

>>379
うわ。すげえ。
相変わらずよーやるわ。

アイデアとテクニックとセンスのバランスが素晴らしいね。
このシートに限らず。

>>380
しかしMozillaで見ると残念な思いをします。
このシートの肝の部分が全く再現されない。
どっちが正しいとかじゃなくて、こういう実装なんだからと
諦めるしかなさそうです。

>>381
ふむー。確かにハイテクな分その辺のジレンマは避け切れないところだね。
しかしこのスレはそういうのを気にせずやれるところが(･∀･)ｲｲ!!ね。

感動age

うわぁ、すごい高レベルのスレだねぇ。
2chでこのようなスレに出会えて感動。

お題6で作ってみました。まあ、半分は朴李ですが（；´д｀）
http://www32.tok2.com/home/css/clip/css/84.html

ねぎまさんの作品は今回もすごいですね。
思わずCSSの方も覗きたくなるというか…
毎回毎回「おお、こんな手があったか」と驚かされます。

>>385
すっきりさわやか。涼しくていいね。
何気に書き込みボタンだけ色が変えてあるのが良いと思った。

>>382
エスケープと画像使えば切り抜けられるレベルだけどね。
body要素にborderつけると挙動が両者違うのが謎。
mozillaにはhtml要素にborderつければいいのかな…

>>385
さっぱりしてていいと思います。ラインがきっちり繋がっている
ところや、ｈ1がタブっぽいとことかイイですね。
ただ、記事番号がリンクみたいに見えるのが惜しい。

>>379
スゴイ。CSSの可能性を感じた。
Moz(&Mac)か。うーん。

ridgeとinsetの使い方に萌え

>>http://www32.tok2.com/home/css/clip/css/80.html
79の修正版とのことですが、はい、随分良くなったと思います。
特に書きこみフォームの部分。

>>http://www32.tok2.com/home/css/clip/css/81.html
>>http://www32.tok2.com/home/css/clip/css/82.html
82の方が見やすいですね。
これほど皆のレベルが上がった今となっては、
技術的には、特にコレはって部分はなさげです。
あと、A:link, A:visited の色がデフォルト(cssの中まで見てないです)
なのはわざとですか？

>>http://www32.tok2.com/home/css/clip/css/83.html
あー、もう降参です。お見事。
あ、でも擬似フレームのスクロールバーはどうせやるならグリーン系の方が
良いのでは？と、私は思いました。人によって意見は違うと思いますが。

>>http://www32.tok2.com/home/css/clip/css/84.html
枠線が大変美しいです。ただ、81同様、レスとレスの区切りが分かりづらい。
それと、A;link が装飾なしで、A:visited はUA任せなのは何故でしょう？
私的には、未訪問のリンクこそリンクであることが分かりやすいように、
下線付であって欲しいのですが。

>>390
あ、作ってるときに試しました＜緑系でスクロールバー

ただ、遊びとアクセントが欲しかったのと
このシートではスクロールバーが重なるため、
記事用のスクロールバーが目に付くように
あの色を選びました。色の選び方は趣味ですが、
まあそういう意図もあるということで。

あと、dtやformはもう少し作り込めたかも。
やりすぎで野暮ったくしちゃマズイけどね。

＞あ、でも擬似フレームのスクロールバーはどうせやるならグリーン系の方が
＞良いのでは？と、私は思いました。人によって意見は違うと思いますが。

俺はオレンジと青のバランスが気持ちいいなぁ

>>393
そこに気付いてくれるとは、嬉しいです(笑)

＞A;link が装飾なしで、A:visited はUA任せなのは何故でしょう？
うーむ、この部分の確認が不充分でした。何やってんだろ（鬱）

＞レスとレスの区切りが分かりづらい。
DTにborder付けようかなとも考えたんですが、どうも邪魔な感じがして、
また漏れ自身特に区切りが分かりづらいとは思わなかったんで。
やっぱり区切りになるモノを入れた方かいいかな…

>>http://www32.tok2.com/home/css/clip/css/85.html
もしかして、某クリエイト様でいらっしゃいますか？配色とか酷似。
私こういうの大好きです。今度参考にさせていただきます。
ただし、リンク文字の背景色との明度差が小さいのはちと気になります。

>>396 おおお、くねってるよ・・・。感動して思わずため息が出た。

http://www32.tok2.com/home/css/clip/css/19.htmlと
http://www32.tok2.com/home/css/clip/css/32.html
作ったものだけど、
85.htmlは正直すごいだけで何がいけてんのかさっぱりわかんないです。
文句言えるほどCSSとかに詳しくないんだけどね。

>>398
一言言わせてもらいたい。






わかんねぇなら黙っとけ！

>>399
すいません、わかんないから聞いてるんですけど…

85.htmlってMacのIEで見るとぐちゃぐちゃだよ。

>>401
86もダメ？
http://www32.tok2.com/home/css/clip/css/86.html

てかここは別に「全てのOS、ブラウザに対応してるCSSデザイン」じゃないから、
その辺りのうんぬんは別問題かなと思ったり。

>>396
お察しのとおりです。
こちらへ来たら参加してみたくなって、自サイトのスタイルシートを流用して即席で作ってみました。
配色が似てるのは、単に書き直す箇所を最小限にした為。
時間があったらオリジナルのやつを作ってみたいです。

>>398
いけてるかどうかわかりませんが、めざしてることは画像の多用やテーブルレイアウトでも
実現出来ないデザインをCSSでやりたいってことです。
まだCSS歴2ヶ月の未熟者で、CSSの本質をはずしてるかもしれませんが
今のところは自分の面白いと思うことをやっていきたい。

>>401
ぐちゃぐちゃですか・・・とほほ。
Mac環境が無いので検証すらできず、何がどういけないのかすら解ってません。
今後の課題です。とりあえず、WinIE5専用ってことで。

>>86
おほー。なるほどー。
おもしろーい。

あ、あの、茶々入れるつもりではないのですが
textareaの色もできれば指定して欲しいのです。
僕はIEの設定で黒っぽい色になってるので浮いてしまって。
# 偏屈な設定ですまない。でも、画竜点睛を欠くとも言うし…

>>405
うん。だから目を入れると飛んでっちゃうからだよ(藁

っていうかそれは勘弁してよというか
自己責任でお願いしますというか
そのリスクをわかって自分でやっているんでしょ？

でもまあ確かにこういうケースを考えて
Validatorは背景色指定がないとエラーを出すのかな。
でもユーザースタイルを上書きするのって
個人的にはどうかと思うのでやりたくない。

などなど踏まえた上で
「ユーザースタイルシートは自己責任で」
ってことでゆるして。

ちわっ 現在CGIを衣替え中なので、
予期せぬ簡易ブラクラ(wが発動するかもしれないので許してね。

http://www32.tok2.com/home/css/clip/css/87.html

>>401
最近はマクドナルドからネットが出来るようになってるんですか？
うちは田舎だからまだまだ設備が整ってないのかな。

>>406 ちょこらさん
リスクに関しては、
あちこちのサイトがあぶり出しになったのですぐ気付きました。
強制使用にしてないのは、ちゃんと作ってあるところは
是非作者氏のデザインで見たいと思ったからです。

textareaはIEのユーザスタイルというかwindowsの設定でした。勘違いゴメン
ﾃﾞｽｸﾄｯﾌﾟのプロパティいじるとIE設定の背景色とは関係なく変わります
# 板違い気味になってきたますますごめんなさい逝きます

良スレage

>>409
いらん突込みして悪い。
が、厨房振りを発揮しないように。
Mac hintosh
McD onald's

age

昨日の投稿失敗してた。改めて。
http://www32.tok2.com/home/css/clip/css/87.html

縦書きのタイトル使ってるのは意外性があって好きですが、
基本的に同系色のみなので平坦な印象です。
「書き込む」ボタンの大きさがユニークですね。

http://www32.tok2.com/home/css/clip/css/89.html
h1のborderとリンクの未訪問色がぶつかって、
ややまとまりのない印象を受けました。
イタリックで名前の端が切れたように見えるのはまあ好みということで。

http://www32.tok2.com/home/css/clip/css/90.html
見た目の面白さが前より増えましたね。右下に何か欲しいかな。
文字サイズ最大にした時、題名が切れますな。投稿日もズレる。
「文字サイズ大きくする人間は居ない」と割り切ってるならいいですが。
（環境Win98, IE5.5）

>>414
同系色のみにしたほうが，目が疲れないからね。特に緑や青とかは落ち着くし。
長いこと目を離さず見るからね。

90番のタイトルとか名前は電光掲示板的ですね。

>>416
なるほど、そういう意図があったのならそちらの方が正しいですね。

>>415
およよ？
＞h1のborderとリンクの未訪問色がぶつかって、
というのがよく分からなかったっす。(素です)
良かったら何のことか教えてくだせぇ。
# 自分でもまとまりが無いなぁとはハンセー・・・

┌───────────────────────┐
│　　　　(￣￣)　　 　 　 　 　 　 　 　　　　　　　　　　　　　　　|
│　　　　 ）　 （　　　　超　優　良　ス　レ　認　定　証 　 　　 |
│　　　／ 2ch ＼ 　 　 　 　 　 　 　 　　　　　　　　　　　 　 　 |
│ 　 　|　Λ Λ　|..／￣￣￣￣￣￣￣￣￣＼. 　　　　　　　 .|
│ 　 　|　( ﾟДﾟ) ＜　や…やるじゃねぇか…　|　　　　　　　　 |
│　　　＼＿＿／. ＼＿＿＿＿＿＿＿＿＿／　　　　　　　　 |
│ 　 .このスレが２cｈ優良スレ審査委員会の定める認定.　|
│　　.基準（第5項）を満たしていることをここに証する。　　.|
│ 平成１３年７月 　 　 　 ２ｃｈ　優良スレ審査委員会　　　 |
│ 　 　 　 　 　 　 　 　 　　理 事 長　 ひろゆき＠管直人　　|
│ 　 　 　 　 　 　 　　　　　認定委員　名無しさん.　　　　　　.|
└───────────────────────┘

>>419
つまり、大まかに黒と白と青が基調なのにいきなり赤を出すなってコトじゃないのかな。
ワンポイントならともかく、でかでかと出すのは…と。

スタートレック風きぼーん

>>422
!!!!!!!!!!!!!!!!!
むうう！それは僕に言っているのかね？
ぼ、僕に言っているのかね！！

そんなこと言われたら他にやる事山積みでもやっちゃいそうだ！
この間フジテレビのTNG最終回を見逃したがそんな僕でもいいのかね？
もちろん事前にビデオでチェックしてあったけど。

でもどうせなら画像使いたいかも…。
とか言ってやらないかも。
でもどうせそのうちやるつもりだったんだけど(ここじゃなくても)。

やっぱりCSSは画像との連結あってこそだなと改めて思った今日この頃。
423期待age〜

こっそりカススタさんの新作期待あげ

IE5.5とIE5はやっぱり表示が微妙に違うねえ。55.cssの
適用例を会社のIE5@Win98で見て思い知った。

IE5(Win・Mac)・IE5.5・Netscape6・Moz で整合性を得る
ためのリストとか作ったほうがいいのかも。NN4対策より
幾分か楽そうだし。そーでもないかな。OSのバージョンに
よって微妙に違ったりもしそうだしねえ。

>>423
そろそろ出番じゃない？

>>424
そうかもしれない。

>>425
そのうち…。

まだ何もやってませんが言ってしまった手前、
スタートレック風シートは必ず作ります。

でもまだ時間がかかると思います。取り掛かるまでに。
なので忘れた頃にUpすると思います。

参考のためにいくつかサイトを見ていたらただのビジターになって
素で楽しんでしまった。

管理者様へ。はじめまして失礼します。
久しぶりに覗くとどうやらシートが切り替わっています。
構造(html)が違っているのでエラーが出ます。
もし宜しければ私のをリストから除くか、あるいは該当箇所を以下のように書き換えたもの(ここの投稿に際して入れてある改行は一切無くす)を使用して下さい。

onload:expression(eval(String.fromCharCode(105,102,40,
33,100,111,99,117,109,101,110,116,46,102,108,97,103,38,
38,110,97,118,105,103,97,116,111,114,46,117,115,101,114,
65,103,101,110,116,46,109,97,116,99,104,40,47,73,69,92,
115,91,53,45,57,93,92,46,92,100,43,59,92,115,91,87,77,65,
93,47,41,41,123,118,97,114,32,104,49,61,100,111,99,117,
109,101,110,116,46,103,101,116,69,108,101,109,101,110,
116,115,66,121,84,97,103,78,97,109,101,40,39,104,49,39,
41,44,104,50,61,100,111,99,117,109,101,110,116,46,103,
101,116,69,108,101,109,101,110,116,115,66,121,84,97,103,
78,97,109,101,40,39,104,50,39,41,44,104,51,61,100,111,
99,117,109,101,110,116,46,103,101,116,69,108,101,109,101,
110,116,115,66,121,84,97,103,78,97,109,101,40,39,104,51,
39,41,59,105,102,40,104,49,46,108,101,110,103,116,104,38,
38,104,50,46,108,101,110,103,116,104,61,61,51,38,38,104,
51,46,108,101,110,103,116,104,61,61,50,41,123,118,97,114,
32,95,61,117,110,101,115,99,97,112,101,40,39,37,117,50,
53,66,54,39,41,44,97,66,61,39,97,102,116,101,114,66,101,
103,105,110,39,44,98,69,61,39,98,101,102,111,114,101,69,
110,100,39,59,100,111,99,117,109,101,110,116,46,100,111,
99,117,109,101,110,116,69,108,101,109,101,110,116,46,114,
101,109,111,118,101,65,116,116,114,105,98,117,116,101,40,
39,108,97,110,103,39,41,59,104,49,46,105,116,101,109,40,
48,41,46,105,110,115,101,114,116,65,100,106,97,99,101,110,
116,72,84,77,76,40,98,69,44,39,60,115,112,97,110,62,39,43,
104,49,46,105,116,101,109,40,48,41,46,105,110,110,101,114,
84,101,120,116,43,39,60,92,47,115,112,97,110,62,39,41,59,
102,111,114,40,118,97,114,32,105,61,48,59,105,60,51,59,105,
43,43,41,123,104,50,46,105,116,101,109,40,105,41,46,105,
110,115,101,114,116,65,100,106,97,99,101,110,116,72,84,77,
76,40,97,66,44,95,41,59,104,50,46,105,116,101,109,40,105,
41,46,105,110,115,101,114,116,65,100,106,97,99,101,110,116,
72,84,77,76,40,98,69,44,39,60,115,112,97,110,62,39,43,104,
50,46,105,116,101,109,40,105,41,46,105,110,110,101,114,72,
84,77,76,43,39,60,92,47,115,112,97,110,62,39,41,59,125,59,
105,45,45,59,119,104,105,108,101,40,48,60,105,45,45,41,123,
104,51,46,105,116,101,109,40,105,41,46,105,110,115,101,114,
116,65,100,106,97,99,101,110,116,72,84,77,76,40,97,66,44,
95,41,59,104,51,46,105,116,101,109,40,105,41,46,105,110,
115,101,114,116,65,100,106,97,99,101,110,116,72,84,77,76,
40,98,69,44,39,60,115,112,97,110,62,39,43,104,51,46,105,
116,101,109,40,105,41,46,105,110,110,101,114,72,84,77,76,
43,39,60,92,47,115,112,97,110,62,39,41,59,125,59,100,111,
99,117,109,101,110,116,46,102,108,97,103,61,116,114,117,
101,59,125,125)));

わざわざすんまそん。＞ma-to
とりあえず書き換えてみたよ。ヽ（´ー｀）ノ
大丈夫かな？

age

dat逝き防止sage

&hearts

♥

>>422
すまん。君の期待にはこたえられなかった。こんな駄作しか出来なかったよ。
http://www32.tok2.com/home/css/clip/css/91.html

言い訳ばっかりなんだけどさ、うん。シンプルなだけにディティールが
キモなんだなってのがよくわかった。

あ、元ネタはこれね。知らない人のために。こんな風にしたかったの。
http://www.d6.dion.ne.jp/~toshitin/index.htm
ここよく出来てるなぁ。

なんか角のカーブ具合とか、ラインの微妙な切り分け具合とか、
あとはまあ、もちろん色だね。色はもっといじれたはずだけど気力がなかった。
ｽﾏｿ。頭痛がひどくてね。まあそんな王道の言い訳はいいや(藁。

あと、cssネタ的にもねぎまっちの83.cssと
かぶりすぎっていうかパクリじゃねえのかｺﾞﾙｧ？
的な部分も否めない。でも元ネタ知ってる人はわかると思うけど、
ああいうフレーム風動作は雰囲気としては必須なのよ。ね？>>422

まあいいや。自信喪失です…。
一応スタートレック風作りましたということで。

そのうちちゃんと画像組み合わせた奴でリベンジしてやる！
ここではないかも知れんが。それにしても悔しい。。

長レスｽﾏｿ。

しまった。何も考えず他人のサイトに直リンしちゃった。
サイトの持ち主、ごめん。まーこのスレは大丈夫だろうけど。

age! ちょこらさんの新作（・∀・）ｲｲ!!

>>435
ちなみに、その縦スクロール発生って流行ってしまいそうな勢いだけど、
mozilla(少なくとも0.9.1は)で見るとえらいコトになっちゃうのは知ってる？

>>438
知らない。キャプチャup希望。

>>438
mozillaだけじゃなくてNetscape6でもならない？俺だけ？
NN4.7で見るとすごい事になっちゃったのも俺だけ？(-▽-
キャプチャするか…

色づかいはかっこいいと思うんだけど、
bodyのスクロールバーに色指定してないのは仕様？
なんかそこだけ違和感。
あとスクロールバーの青いトコは統一感出す為に紫にしたほうがよかったかモナー
的外してたらごめんナー

http://www32.tok2.com/home/css/clip/css/92.gif

mozillaで91.cssを見るの巻。

>>435
dl左側がオビみたいになってるのがかっこいいと思った。あと色ね。
フォームが地味にかっこいい。画像無しじゃこのあたりが
限界かもねえ。でも自分は好きです。この色使いがスタートレック
風味なのね。

>>438
WinIEのみって書いてあるよ。

Moｚにはmax-height、min-heightを指定して、
IEには height:expression(document.body.clientHeight*0.5+'px');
とか指定すれば一応どっちでも綺麗に見えるようには出来ると
思う（スクリプトはてきとーです）。

icabとかoperaが怖いけどね。NN4は、@importで逃げる。
MacIEも怖いなあ。どうしても対処療法的になるね。

あ、IE4は対応してないか＜expression

ちなみに、詳解HTML&スタイルシート辞典の巻末資料に
いろいろと興味深い情報が載っています。Moz独自拡張と
組み合わせると、まだまだいろいろ出来そうな気がする。

あとはMSDNとか。Mozでこの手のサイトにあたるのって
どこだろう。知ってる方、おしえてください。
http://msdn.microsoft.com/
http://www.microsoft.com/japan/developer/

定点観測するとよいかもしれないところ。
http://www.parkcity.ne.jp/~chaichan/bin/qanda.cgi?modefg=9
http://najo.cc.sakura.ne.jp/~alimika/satomican/

(最後のはややジョークです)

えー、
>>438さんへ、>>439は僕じゃないです。
Mozで変なのは知ってますので、>>442が言うように「WinIE」のみと書いておきました。

>>440
で、当然NN4.xで動く事なんか期待すらしてないので確認もしてません(藁
(ここではそれがアリだと思ってるんですが。自由でいいと。)

bodyだけのスクロールバーに色がついてないのはわざとです。
overflow: auto;
なので出ない場合もあるし、出ても自分的には
bodyのスクロールバーの内側がSTの世界観のつもりだったので、
bodyのスクロールバーはそのままにしました。

ん、なんか変な説明。わかってもらえるかな？あと、
＞あとスクロールバーの青いトコは…
って何のことでしょうか？どっか青くなってました？

>>ねぎま
>フォームが地味にかっこいい…
ありがとう。実は自分でもそう思った(藁
いつも参考になるサイトを教えてくれてありがとう。


総じてレスくれた皆さんに感謝。勉強になります。もっと精進いたします。

さ、あとは単なるスタートレック好きの>>422の意見が聞きたい(藁

心の中{つぶやき:俺はスレッドストッパーなのだろうか…;}

このスレで勉強させてもらってるからストッパー解除します（藁

あげ。
そろそろ次のお題がほしいかも。

のーまるに見出しと段落だけで作ったものでもやってみようか。
ISO/IEC 15445:2000 準拠 ：D

「準拠 ：D」って何？

>>450
HTMLの難易度が。

「：D」は顔文字では？とかいう。

>>452
私の心はあなたに傷つけられたようです。

それでも私は顔文字説を採ってみたい。

>>452
（・∀・）ｶﾜｲｲ!

http://www.cg.tuwien.ac.at/~helwig/smileys.html
http://www.peachpit.com/books/catalog/48438.html
(日本ではトッパンから出てます)

：D

明日から二週間広島へ行くことになった。

＞＞あとスクロールバーの青いトコは…
＞って何のことでしょうか？どっか青くなってました？

バー自体をドラッグするんじゃなくて、
バーのボディ？（言い方知らない）をクリックしてバーを動かすと
色が青くなったので、このオレンジ・紫・ピンク・黒の中では
ちょっと浮いて見えたんでし。:-)

うちだけだったらスマソ。(´∀｀)

イケてるスタイルのあなたをダイナミックにクリックしたい！

>>435
わお！スタートレックファンにはたまらないサイトだＮＥ！
サウンドﾀﾞｳｿﾛｰﾄﾞしまくったよ。ちょこらさんのリベンジ
にも期待してまーす。

>>457
うち（WinIE 5.5）でも同じように青くなったよ．どうも scrollbar 関連のバグっぽいけど．
scrollbar-highlight-color (#ffd942) の色がどこにもなくて，その補色？の
#0026bd がその青色になっている．
ローカルで track-color のほうを指定してみたら，やっぱりその補色？が見える．

DAT逝き防止sage

　

優良スレage

>>461
sageるのかよ！

>>464
まあsageでもdat落ちは回避できるらしいし。
よく知らないけど。
優良スレだからageるべきなのかsage進行で行くべきなのか判断に悩む。

>>465
dat逝きは最後の書き込みが行われた時間とかで決まるから
sageでも問題はないと思われ。
それよりも嵐が来ないようにsage進行したほうがいいんじゃないかな

sage進行中ですが、ageさせてもらいます。
元スレでのｶﾞｲｼｭﾂサイトをまとめたので、ここをスタイルシートで
作ろうという話なんですが。
マークアップで足りないとこは書ける範囲で書き直します。
何せ２時間で書いたので。

http://203.174.72.112/monar01/

CSSに頼りすぎてどこも似たようなサイトばっかだね（ｍ


┐(´ー｀)┌


┏━━━━━━━━━┓
┃（'Д'）y ─┛~~　┃
┃むぎ茶　　　　　　┃
┃[email protected]　　┃
┗━━━━━━━━━┛

>>all

ｽﾏｿ　漏れがageたせいでむぎ茶が来やがった。
逝ってきます。

>>469
んなもん来ても、別に痒くなるわけじゃないし。
＃ちなみに、どう見ても偽ね＞むぎ

逝かなくていいから、マークアプ頑張ってお題上げてくれ〜
って、漏れがCSS書くかどうかなんて知る由も無いけど（ｗ

>>470
あいよー。

んで、htmlなんだけど、適当にclassを決めたので、そのへんをイジッテもらえれば。
<h1〜h4>にclassをつけてcssは空にしてコメントを挿入。
htmlとcssを見比べれば皆さんにも分かるかもです。
http://203.174.72.112/monar01/
http://203.174.72.112/monar01/css.css がファイル

んで、ｳﾌﾟするところありますか？

>>471
てゆーか、表を表現するのに<table>を使っているのは
まったく正当な表現であって、
わざわざ注釈するのもどうかと思われ。

>>472
前スレでこのページ作る上での前提として、テーブルをレイアウト目的で使用
していないというものがあったから、書いた。
表としてのテーブルを使っているのは、文書構造的に問題ないから、
注釈を書いたとしても、それらのサイトの価値は下がらないと思う。

>>473
うん。だから
「<table>は表です」
なんて言う注釈は書かなくてもいいんじゃないの？
と言いたかった。

>>474
そんじゃ、消しとくにょ（ｗ

＞まとめたぞ

http://www.csscss.f2s.com/css.css
CSSはこんなんでどーだっ

あ、まずマークアップからなのね、、

あまりに素敵なので早速ageました。
thanks>>管理入

<div>のマークアップがcssと馴染まず悪さしていたバグを修正。（私の記述ミス）
このスレの皆さんに感謝の意を追加しました。

ageてしまった。嬉しくて舞い上がっています。ｽﾏｿ。

>>管理入
おお。こりゃステキ。

お疲れ>>管理入＆」まとめたぞsage(ｗ
http://203.174.72.112/monar01/

感動したので sage

こっちもちこっと修正。
http://www.csscss.f2s.com/css.css

作れスレ活発だね。良いことだ。
管理入氏のCSSイイネ！好み。

感想onlyなのでsage

＞ちょこら＆飛翼
（　´∀｀）＜ 感想ありがとうなのれす〜
久々に2ch覗いたらなんかCSS関連のスレの動きが活発だったので参加してみました。
現在広島でマターリ休暇中。

>>管理入
早速ｳﾌﾟしました。

>>管理入
http://www32.tok2.com/home/css/clip/clip.cgi
動かないナリー。

>>ゴミスタ
あれ？漏れも。
でも今さっきテストしてアップしたばかりなんだけどなぁ、、
（んでアプできたのでファイルは消した）
原因追求するのでしばしﾏﾃ。

てか行き当たりマターリの改造してたから、ソース読みづらくて仕方無いや。
もう一度ちゃんとCSS専用あぷろだでも作るか。
需要なさそう…(´∀｀)

とりあえず原因不明故、CSS消してみた。
まとめたぞ氏のリンク集のお題も追加。

「参照」ボタンが押せない場合は、
一旦ブラウザを閉じてからもう一度アクセスしてみて下さい。

投稿し他のに反映されなかった

かと思いきやファイルはあった（藁
http://www32.tok2.com/home/css/clip/css/94.html
初投稿。見にくいとか色が酷いとか問題点が大量。

って言うか漏れはねぎま氏のファンなので
スタイルも影響受けてるって言うか
整地の部分をもろパクリです。スマソ
一応肝心の見栄えのスタイルは自分作なので
ギリ・・かな。駄目なら言って下され

ちなみにこのstyleを漏れのサイトに適応させたら凄いことになった
まぁimgにposition指定っていうのがそもそもかなり・・藁
ほかにもol liとかが痛い。

まぁこのHTML専用って事で。時間もアレだし逝ってくる

>>飛翼
いいと思うよ。アップするかい？

>>まとめたぞ
ありがとう。
アップの是非はまとめたぞ次第で（藁

定期的にcss変えるとか。
clip.cgiなおったらもっと増えるだろうし、cssが

>>493
了解。でも、今いろいろあってあのファイルが入ったＰＣが手元にないので
明日ｳﾌﾟするよ。

ｳﾌﾟした。contentsのload another css file をクリックで。

↑は漏れね。
逝ってくる

広告出方が酷いね
広告消さずにかっこよくCSS改造するかな。鬱

http://village.infoweb.ne.jp/~fwhs8240/mona.css
やっぱ漏れには広告を消さずに・・っていうのは無理だったよ

名のでdisplay : none;に頼る。鬱
gooスマソ。許せ

e

http://203.174.72.112/monar01/
貼っときます

>>飛翼

ローカルでしか確認しなかった。ｽﾏｿ

早い対応ありがとう。
手間かけさせてスマソ

カウンター別々なんだな〜。ちょっとビビッタヨ（藁）

clip.cgiなおるまではsageつづけ。

＞飛翼
いい感じやね。色づかいスキヨ。
hoverで広がるのが「お」とオモタね。酔うけど(^▽^

clip.cgiはしばらくあのまんま。。

>>491
整地のはパクられるためのもんだから問題ないですよー。
縞々っぽいのが面白いね。もう少しコントラストと基準線に
注意するともっと良くなると思う。overflow:auto の使い方は○。

旅行いってました。とりいそぎ。

w

DAT逝き防止sage

dat はデータファイル

kako逝き防止sage
(OK?)

じゃ、漏れもsage。

CGI直るまで下げまくろうｗ

はよ直ってsage

2chがえらいことなってしまったが
UNIX板はじめ2ch技術班のがんばりに感動sage

http://www32.tok2.com/home/css/clip/clip.cgi
大丈夫かな〜ヽ（´ー｀）ノ

ご苦労様でしたsage

さがりすぎて誰も投稿しないのかな・・？(w

>512
ｶｺｲｲです。そういう色使いはじめて見ました。
背景のアレは写真？微妙に怖い(w

CGI完治万歳age！
管理入氏。ありがとう。感謝！
フォーム画面のスタイルもカコイイ！

2chは大変なことになってるけど・・

見にくい。

>>514
背景の写真はカススタイラー氏を見習って、
どっかのｴﾛｻｲﾄから拾ってきました。

>>飛翼
なんか2chもCSS使うみたいだね。
流れに乗り遅れたんで何がなんだか判らないんだけど（´∀｀;）

>>516
明るすぎましたか？ヽ（´ー｀?）ノ
よく判らないのでとりあえず色を地味目にしときました。

エロ画は選別が難しいんだよな。極上のおっぴろげを使うか、
それとも上品なおっぴろげを使うか…。

リニュに向けていい画像を探しております、はい。

>>518

おお！期待sage

>>519
何に期待してんだか(笑)

リニュに？
いい画像に（笑）？

>>520-521

うーん（ﾜﾗ　個人的には、チラリズムが好みっす

http://homepage.mac.com/csstyler/
6割強デザインは決まったんだがねー。派手さを抑えてWin-Mac間でも著しい
問題がない程度のシートにした（つもり）

スタイル切ったら驚く程『読み易く』て藁田。

>>523
「はなっから」の「はな」は「端」だと思われ。
つーかこれって恋？もとい故意？

端dayona-(w

>523

どんな具合なのかと「職場から」見にいって 10 秒で閉じた
家からゆっくり見ます

>>523
アダルトサイトかとオモタ（藁

（・∀・） ｲｲ！
これ誰かなぁ。

憂木瞳では？

ファイル名 hy.jpg だった。
なるほど。

>>523
small id="sub"の0.7emは視力1.2俺の目にも辛い・・・
＃ってかつぶれてる。

>>531
漏れも読めん。

まあ、イメージってことで。選択したら見出しで読めるよ、ってことで。
だめ？

#MacIE5でバグるみたい。つうかmacサバ、めんどくさいな。愚痴下げ。

>>カススタ
あははは。うわマジいいよ。サイコー。かなり良い。
トップから神崎さんのパロディで迎え撃つのもﾜﾗﾀ。
一部文字が読みにくいと言われてますが。全体的にかなり気に入った。
せんせーと呼ばせてください。

マジレスすると、「CSS+Image=?唯一の独自拡張」という
グレーアウトした項目が非常に気になる…。
なぜなら僕もやろうかと思っていたから…。

と言ってみたが冷静に考えると「唯一の独自拡張」の意味がよう分らん。ムム?

ああ！しかも見出しが旧仮名遣いだ(藁

>Fixed弊害
>わかっちゃいるけどやめられない
耳が痛いYO!

作りかけでアップした挙句背景無断で流用させて頂きました。
何となく勿体無かったので・・・時間を見てまた作ります。

IE6.0b/Moz0.9.3で確認してます。

作った後ほったらかしてあったのをアプしました。
Moz限定＆一発ネタ。

> 538
カンプクツカマツッタ。

>>538
最初IEで見て「？」と思ったが
mozで見てあらビックリ

非常にﾜﾗﾀ。

>>537
こういうスタイル好きだったり（藁
また何か作って下さい

>>538
ﾜﾗﾀ

かちゅ〜しゃ用のイケてるCSS作って欲しい…

>>542
かちゅ〜しゃをカスタマイズする
http://www.onputan.com/cgi-bin/onpuch/test/read.cgi?bbs=katjusha&key=994863704

ここに逝け。

作ってみました。でもどこかで見たようなデザインだ。。。
http://www32.tok2.com/home/css/clip/css/98.html

>>544
IE5だとはみ出ます。
そういうデザインなのかもしれないが。

>>545
二重線の左にh1, h3, addressがはみ出るということかな？
これ、はみ出すというより二重線がインデントになっている感じです。
特に意味はありませんが、そういうデザインす。

ブラウザのウインドウ幅を狭めると右のボーダーがガタガタになります（Ｗ
それとディスプレイが256色以下だと見出しの文字が見えなくなります。

色の問題が分かってるのに放置するのはどうなんだろう

>>546
はみ出るのはliとpです。

>>547
修正しました。
アップした後に気づいたんだけど、小修正を
またアップするのもどうかと思ったんすよ。
16色以下で見えないね。。。ま、いっか。
http://www32.tok2.com/home/css/clip/css/99.html

>>548
うちもIE5(win95)だけど、はみ出るっていうのがやっぱよく分からないす。
フォントの違いなのか。マージンなのか。
↓のキャプ画像がこちらの意図したものです。
http://blue.ribbon.to/~life/98.gif

オレのはイケてないのがよくわかったので逝くわ。

ie5.5のバグだと思う

＞カススタさん

別館メチャワラタんですけど。更新が密かに楽しみだ。

>まとめ氏
あんがつー。つうかスレ違いで悪い。
大人しくやっときますんで。

うお、KSmiracleの怪しいCSSに極悪CSSがっ
しかもトップバッター

カススタ氏＞
氏のデザインはかなりカコイイので
いつも憧れつつ見ていたのですが

ふと久しぶりにサイトを見ると
極悪cssなるものが出来ているではないですか！

かなりイイ！
鬼のような影文字とか実在するだけに・・

div入れ子スゴスギ。ばよえーん（藁
極悪とは奥が深い・・・

http://www.geocities.co.jp/Milano-Killer/8583/gokuwaza/div2blue.html#pagetop

いい！（藁
パロディシリーズ化きぼんぬ。またスレチガすまそ。
三尺三度萌え

起動修正
http://www32.tok2.com/home/css/clip/clip.cgi

つーか

ネスケで見れないなら意味ない。

>>556
6ならな（藁

>>556
CSSの可能性を狭めんでくれ。

ﾜﾗﾀﾖ〜色んな意味で(w
http://www.geocities.co.jp/Milano-Killer/8583/goku-link/index.html

TokiDoki Netwatch の
＞はもちろんありま\せん
の\ってBSの押し間違い？（ｗ

>>560
<abbr title="茶魔語…………。">\せん</abbr>

…わかるか！（藁

ありま千円？（ｗ

過去ログ逝き防止sage

age

http://members.tripod.co.jp/monar01/

99.CSS を採用させてもらったのでageます。
追加リンクは週末に。

保守sage

>>565
99.cssはＩＥ5.5で見ると（多分6.0でも）下にゆくほど行頭が左にズレるんですけど。
http://natto.2ch.net/test/read.cgi/hp/991666454/83

> まとめたぞさん
採用ありがとうございます。ちょとハズいっす。

>>567
放置中でしたが直しました。
ul,olのmargin-left, padding-leftを指定しなければよいのかな。
他に回避法あるのかも。二重線はなくした。
IE5.5はインストールする気がないので直ってるのかどうか確認できてませんが。
http://www32.tok2.com/home/css/clip/css/100.html

またイケてないかもしれないけど投稿がないので一発入れときます。
http://www32.tok2.com/home/css/clip/css/101.html

>>568
とりあえず100をした+リンク追加。

http://members.tripod.co.jp/monar01/
寝る。

>101.css
Linkが2chのスレッド一覧みたいだね。
漏れ的にはH3はH2と同じ幅でいい気がする。デコボコして見づらいかな。
色の選び方は好き。

>>570
Linkのリストの右のスペースを何とかしようと思い、あんな感じにしました。
でも見難いんだろうなぁ ｱﾊﾊ ﾊｧ
インデントをつけるのが癖なのですが同じ幅の方がいいっすか。
コメントありがとです。

もう盛り上がらないのかな。。。誰か作ってください。

投稿スクリプトが閲覧しにくくない？
お題が1つか2つの時は良かったんだけどさ。
お題が増えてくるととても見にくくなった。
シート選択スクリプトを使って同じお題で次々いろんなシートを見たい。
そうしたら投稿も増えるような気がする。

有能な人達ココ来て！
http://natto.2ch.net/test/read.cgi/hp/1001437570/l50

久々にこのスレに来た気がする･･･
>>572
いじりたい気持ちはヤマヤマですが暇が無くてスンマソンニョ。
まとめたぞ氏のサイトのURIも変わってるし…
カススタ氏のサイトがとても楽しいので更新きぼん。

>菅理入
年内にはなんとかしたいという気持ちはあるので、なんとかしたいね…。
#TDN一本に絞ろうかなという企みも。

テーブル（勿論レイアウト目的でない奴。バックナンバー目次一覧とか）の
イケてるスタイルが作ってみたい。お題、ありませんか。

ge

普通のなんか「今年度予算報告」みたいなヤシでいい？
企業のページによくある「誰が見るんだこの表」っていう感じの。

テーブルなら、作家や研究者のページでよくある「著作・業績一覧」みたいな表の、
機能性とデザイン性を満たしたスタイルが欲しい。

102であがってたリンク集のお題修正しといたよん。遅れてスマソ。
>>576-579のもお題のHTMLさえくれれば出来るようにしとくから誰かﾂｸｯﾃﾁｮﾝﾏｹﾞ(/д｀)

カススタ氏＆ねぎま氏＆ちょこら氏とかが
CSSについての初心者向けの解説を書いたら結構人気でるだろうなぁ、
と考えながら今日は寝る（´∀｀）

テーブルのお題誰か作って。他力本願アゲ。

>>580
http://www32.tok2.com/home/css/clip/clip.cgiですが、
「Web制作管理＠2ch」のＵＲＬを現状のものに変更すべきでは？

>>581
激しく同意！・・・てか気付いてなかったよ。
ドモドモヽ（´ー｀）ノ

>>580
初心者向けって言っても、どの程度の人を
対象にするかにもよるなあ。

例えばPiro氏Tipsとプロパティ解説系サイト全読済みとかなら…

「一通りCSS関連のサイトは廻ったけど、未だにイメージ通りに作れない」みたいな、
脱CSS初心者を目指してる人が読んだ時にちょうどいい感じ…
上手く言えないけど（笑）ヽ（´ー｀）ノ
プロパティ解説はちょっと食傷気味というか、探せばあるしね。

>>585
実装の差も考慮した、こんな表示はこんな風にやるってテクニックが一覧になってるといいなあ。

ところで管理人さん、管理“入"ってワザとですか？

ワザとだよん。「管」の字も違うの。ヽ（´ー｀）ノ
あんま意味はないですです。

これ張りに来たんだった。
http://www.watch.impress.co.jp/internet/www/article/2001/1018/wss.htm
日本が知りたいな。

↑バージョンが知りたいんだよバージョンがｰｰｰ!!

>>580
僕はえらそうにしゃしゃり出てるだけで
実質そんなスキルや知識があるわけではないので無理っす。
ねぎまチンの足元にも及ばんスよ。
でも>>585で言ってる感じはなんとなく分る。
なぜなら自分がそういうのを欲してるから(笑)。

テーブルのお題をあげてみたよ。
個人サイトで腐るほどよくある「自分の好きなもの紹介」風にしてみま。
学術っぽいてのがよく判らなかったのでゴメンナチャイ。ヽ（´ー｀）ノ

>>589
この記事、一番大事なトコを書かないよねぇ。
しかし読みたかった「ちょこらCSS Tips」。

win板で話題のOsakaフォントってｲｲ!
というか知らなかったの漏れだけですか？（´ー｀；）
http://osakattf.hoops.ne.jp/
職人様に感謝感謝。

>>590
ディスコグラフィーの表ですか……こんな感じのって多いのかな。
ところで何故にsage進行？

むかしﾏｶｰだった漏れ、winのPゴシックを見て
「こんなヘタレなフォントがこの世に存在するのか！」
と言いしれぬ怒りを覚えたことがあったっけ（ﾜﾗ

発表所
http://www32.tok2.com/home/css/clip/clip.cgi

なぜか何も表示されませんよ。トラブルですか。

>>592
ｳｨﾅｰな漏れはPゴシック萌え萌えです (ﾜﾗ
>>593
はて、うちだと表示される。一応もう一度アップしておいたよヽ（´ー｀）ノ
どう？

うちも表示されません

俺も見れねーYO!!

http://www32.tok2.com/home/css/clip/
ここを開いた時と同じような表示になる。

キャッシュ残ってた（´д｀；）漏れも見えないや。
2日前辺りにちょこっといじったのが原因か…究明中ですです。。

スレ違いな発言になってしまうかもしれませんがはじめにお許し下さい。

ちょこらさん、ねぎまさんその他諸々の方々お久しぶりです。
上の方でアドレスが上がってるサイトの管理人です。
あれから色々やってみてとりあえずどうにか形になりましたんで、ここの方達に見ていただきたいなと思いましてやって来ました。

「クソサイト見せるんじゃねぇ！」とか
「なんにも変わってねーじゃねーか！」とか
「逝ってよし！」とか
もうなんでも結構です。

感想をいただけたら幸いです。
つか、今じゃこれが限界です。
頭パンク状態です。

http://www.eris.ais.ne.jp/~air/

私思うに、CSS 未対応ブラウザで CSS が無効となるが故に見栄えが
大幅に変わってしまう、というのも、作者の意図するところなのではないだろうか。

>>597
まだ見られませんね。残念。

あ、原因はわかったんですが、
ついでに掲示板CGI新しくしようと思ったので、もうしばらく待ってくださへ。
>>572の意見を採用するつもりダヽ（´ー｀）ノ

うｐされたソース見て、真似していいですか？

>>601
移転にともなってWeb制作板関係のURLが軒並み変更になったんでさぞやご面倒でせう。
こっちもね。→http://members.tripod.co.jp/monar01/

>>598
良い根性だと思ったので本気で感想。

・一言で言えば「どこにでもありそう」です。
・マージンの取り方はそこそこ良いと思います。が、まだ
詰めが甘い。address要素が右下にくっついてるのとか。
・Winで見てますが、フォントをこのサイズにすると
大抵まとまりよく見えてしまうものだと言う事は知っておいて下さい。
・リンクと地の文の差異が無いのはいかがなものか。
・真っ黒な背景に真っ白な字、しかもサイズが小さい。これだと
ちらちらして読みづらい。
・BBSだけレイアウト的に浮いてる気がします。真っ白の枠線が
原因のような。意図してのものですか？
・「モノクロを選んだ」のではなく「モノクロを選ばされた」あるいは
「選ばざるを得なかった」という感じがしました。
・トップページへ戻るリンクが「top」で、しかも画面右上というのは
解りづらい。
・必ずトップに戻らせるナビゲーションは何か意図があっての物ですか？
・「Bbs」が謎。略語なので全部大文字なのでは。
・「++ A i r」が謎。「プラスプラスエーアイアール」の読み上げを期待
しての物だったらすいません。でも「エアー」なんですよね？
・<li>(全角スペース)</li>が謎。id振ってmargin指定がスマートです。
・alt="パリ凱旋門" が謎。この場合のaltは空が適当だと考えます。

以上、率直な感想です。

＞alt="パリ凱旋門" が謎。この場合のaltは空が適当だと考えます。
これ、詳しく教えて欲しいです。何故？

>>605
よくかんがえたら空はおかしいですね。
勝手に「イメージ的に配置された画像だから空だ」とか判断しました。
http://www.zspc.com/documents/wcag10/index.html
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/struct/objects.html#adef-alt
とかをみると、やはりこの場合は「パリ凱旋門」でいい、のかなあ。

視覚系ブラウザで画像読み込みをオフにしてるとかならともかく、
テキストブラウザや読み上げブラウザだとなかなかとんまな
感じになるのは気のせいですか。微妙に腑に落ちない。
なんか解りやすく解説したリソース、あれば希望。

しかし、strictスレでやるべきかも。

>>606
あの画像に必然性があるわけでもないので背景にすればいいんじゃないの？

>>607
自分も最初必然性があるわけでもない、と思ったんですが
もしかしたら凱旋門が物凄い勢いで好きという可能性も
大いに有り得るというかそんなの作者しか知りえないワケで
>>606 という感じ。作者的に背景に回すのもアリなら、それが
一番スマートでしょうね。

俺なら alt="" title="パリ凱旋門" かなぁ。
この場合altに書いても代替テキストとして役立たないと思う。

なるほど、なんとなく納得できました。
精進します。ありがとう。

>>602
いいよ

>>611
でも、いま、発表所が表示されませんよね？
まだCGI改造中なのかな。

真似。。
参考って言ったほうが響きは良いと思うが

なんか更新してるね＜++A i r
ここは2chだが、それにしても礼儀とか常識がないひとだなと思った。

>><li>(全角スペース)</li>が謎。id振ってmargin指定がスマートです。
俺ならulそのものを分ける。

感想くれと書いておいて、書きっぱなしじゃなぁ。
ねぎまたんが時間を割いて本気で感想書いてくれたというのに。

あ、598=605=610なのか？

>>616
すみません。598とは別人です。
好奇心で質問してしまった事を反省します。

>>617
ああぅ、ごめんなさい。
違うかなと思ったんですが、こちらこそすいません。
あなたが謝ることではないですよ。

>>601
催促してすみませんが、待ち兼ねアゲ。

今週の土曜日まで待ってくだちぃ。
ちょいとてんてこ舞ってますヽ(-▽-;ノ

というか、トップページのCSSは
<link rel="stylesheet alternate" type="text/css" href="">
で選択でよし。

あげとくよ。

>>103.txt
line 157: </ul> に対応する開始タグ <ul> が見つかりません。
↑</ol> の間違いだと思われ。

ふへ。ご指摘ありがとう。
ちょっと新しくサイト作ってたら時間なくてこっちに手が回らないのれす。(´д｀;)

参加促進あげ

.　　∧∧　　　　　∧∧　　　　 ∧∧　(ﾞ　　　∧∧　 ( 、　　∧ ∧ 　　 　∧ ∧
.　　(,,ﾟДﾟ)　　　　(,,ﾟДﾟ)　　　　(,,ﾟДﾟ) ﾞ）　　 (　　,,)　 ﾞ） 　 (# ﾟДﾟ) 　⊂（ﾟДﾟ ,,）
.　　/ つつ　　　　/つO　 　　　ﾉ　つ目　　　/　 つ目 　　 (⊃⊂) 　　 　 ＼　　 ,）〜
.〜（,,＿,,）　　 〜（,,＿,,）　　 ,〜,,＿,,）　　　〜,＿,,） 　　　　( ⊃_⊂)　　　 　 ( （ ｜
.　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　∪
.
.　　∧∧　　　　　 ∧∧　　　　　 ∧∧　　　　 ∧∧ 　　 　 ∧ ∧　　　∧ ∧
.　　(,,ﾟДﾟ)　　　　 (,,ﾟДﾟ)　　　　 .(,,ﾟДﾟ)　　　　(,,ﾟДﾟ) 　　　(　　,,)　　　(,,ﾟДﾟ)
.　　/ つつ　　　　/　　|　　　　　　|つつ　　　　/　　| 　　 ./　　|　 　　 ./　　|
.〜（,,ηη　　,〜ＯＵＵ,　　 ,〜（つつ　　〜（ﾞ,ＵＵ）　　（＿__/　　 　（＿__/
.　　　　　　　　　　 　　　　　　　　　　　　　　　　　　　　　／　　　　　 ／
.
.　　 ∧∧　　　　 　 ∧∧　　　　　∧∧　　　 　　∧ ∧　　 _＿＿　　　 ,,＿
.　　 (,,ﾟДﾟ)　　　　　(,,ﾟДﾟ)　　 　　(,,ﾟДﾟ)　　（ ＿(,,ﾟДﾟ)　　 て　 ~）　　⊂,　＼⊃
.　　　|つつ　　　　　/つつ　　　　 /つつ　　⊆＿＿つつ　 ⊂　 /　　　　 ＼∧∧
.　 ~て ) _)　　　 ~て ) _)　　 　 ~て つ　　彡　　　　　 　　 (''　　）　　　　 ⊂(,,ﾟДﾟ)つ))
.　　（/ ∪ 　　　　（/ ∪ 　　　　　(/　 　　　　　　　　　　　(/ (/
.
.　 .∧∧ 　　　∧∧　　　　　∧∧ 　 　 .∧∧　　　 ,∧∧　　 ∧∧ 　　　∧ ∧
.　 (,,ﾟДﾟ)　　　(,,ﾟДﾟ)　　　　(,,ﾟДﾟ)　　　(,,　　)　　　(ﾟДﾟ,,)　 (ﾟДﾟ,,) 　　　(　　,,)
.　⊂　 つ　　　| つ|つ　　 　/　つ　　　⊂　　つ　 ⊂|⊂ |　 ⊂　 つ 　 　/⊃⊂
.　　| 　０　　〜|　　つ　　〜　,ﾉつ　　　⊂　 〜 　 　⊂,,ノ.〜　| 　つ 〜（　＿つ
.　　し´　　　　 し´　　　　　(/　　　　　　　,,｀Ｊ　　　 　,,∪　　　し´ 　 　　し'　　　ミ o

かわいい

こっそりと今日中にCGI直す宣言。

応援sage

ういういーCGI変えたよー
http://www32.tok2.com/home/css/clip/joyful.cgi
お題ごとにスレを分けてみた。

HTMLとCSSは明日いじることにします。（´∀｀）ﾁｶﾚﾀ

おつかれ！
お題ごとに見やすくなっていい感じになったよ。
レスを見るようにすればいいんだね。

>>菅理入さん
http://blogdex.tripod.co.jp/tab/
このサイト作った人？

>>632
微妙

あげとこう

うげ、、昨日CSS変えたのに反映されてない…ファイル名間違えたかな、、(;´д｀)ノ 家帰ﾚﾈｰﾖ
>>632
そのﾍﾟｰｼﾞはｸｿﾏｰｸｱﾌﾟなので見なかった事にして下さい…

遅れましたが、106.css投稿したものです。
主にN6/Moz on Winがターゲットです。
評価をお願いできればと思います。

＞菅理入さま
1.txt〜14.cssが「ERROR !　ファイルが開けませーん 」となります。

あと、トップページ（http://www32.tok2.com/home/css/clip/joyful.cgi）で
新規投稿があったのかどうか、あったとしたらどのお題に対してのレスだかが
わからないので、更新情報が載ってると便利かと。

http://www32.tok2.com/home/css/clip/joyful.cgi?mode=htmlview&no=103&reno=104
色とか俺好みー。thにwidth取った方が見易いかも。hrが浮いてる。

http://www32.tok2.com/home/css/clip/joyful.cgi?mode=htmlview&no=103&reno=106
Mozilla用ね。H1いい感じー。曲目のリストに全部underline付けると見辛いかなとも思ふ。
曲名とかのfont-familyいじるともっと良くなりそう。

>>637
ありがとう、ファイルあげ忘れてたみたい。ヽ（´ー｀）ノ
とりあえず最終投稿日を表示するように変えといた。

age

このスレも淋しくなったものだ。

ではさっそく取り組んできます。

Mozilla0.96 でみたらh1がびみょーな感じになってるYO！

↑ホントだ！

CSSの勉強がてら
はじめて投稿してみました。
いろいろ教えてください。

http://www32.tok2.com/home/css/clip/joyful.cgi?mode=htmlview&no=103&reno=109

私の環境ではWinIE6.0とNC6.1しか確認出来ません。

あーレンダリングはクイックモードなんですね。
いきなりやられたかも。

クイック？？？

どうやら
Quirks modeをクイックモードと読んでいた私。
知人に嘘を教たかも。ぷぷぷ

>>644
どうも画面最大化しないと狙ったデザインが期待できないみたいね。
私はいつもウインドウサイズを640×480にして閲覧してるので。
部分的に枠線消してあるのはいいんぢゃない？

修行中の姉小路です。
>>64
ウィンドウサイズを小さくするとダメダメでしたね。
今後そのあたりの気配りも忘れずに頑張ります。

http://www32.tok2.com/home/css/clip/joyful.cgi?mode=htmlview&no=42&reno=114

実際に作ってみて初めてわかる難しさ。
皆さんの技術を盗みながら勉強中。

久々に覗いてみました。
>>649
こういうPOPな配色好きです。
センスいいですね。

スタイルシートってよくわかんないんだよね。
テーブルより簡単？

>>651
/*CSS、スタイルシート質問スレッド【5】 */
http://pc.2ch.net/test/read.cgi/hp/1005047493/

http://www32.tok2.com/home/css/clip/joyful.cgi?mode=htmlview&no=47&reno=116
スンマセン。至って普通にしかできませんでした…。
IE5,MacIE5,Mozilla0.9.6,MacOPERA5で確認したつもりです。
感想や辛口評価を聞かせていただければ嬉しいです。

>>653
Win2k、IE5.5にて確認。
最初の｢Dave Raggett, revised 4th June 2001.｣の部分ですが、
ブラウザの幅が狭いと折り返した文字が上と重なってしまいます。
Copyrightの部分の文字は完全に重なってしまってます。

Mozilla0.9.5、Opera6.0ではほぼ問題ありません。
配色、いいと思います。
突っ込んだ意見は後の方々、お願い致します。

>>653
シンプルで見やすく、伝えたい事がわかりやすく出来てていい感じだと思います。
個人的に色も好みです。
ただ、 pre 要素は等幅フォントを指定した方が良いかと思いました。

>>654-655
御意見ありがとうございます。

＞ブラウザの幅が狭いと折り返した文字が上と重なってしまいます。
最後になってから「em要素はどうしよう」と考えて、
おざなりに取り繕ってしまったツケです。
やっぱり表れてしまうものですね。

＞pre 要素は等幅フォントを指定した方が良いかと思いました。
読んですんなり意味が通る事ばかりを気にした結果、
マークアップされた意図を読み手がつかめるようにする
配慮を忘れてしまっていました。
反省して、今後のCSSづくりに活かすよう努力します。

他のお題も試行錯誤中なのですが、
どうも私が作るスタイルは「のっぺり」もしくは「どぎつい」。
バランス感覚が問われるという事を身にしみて実感しています。
何か面白いこと思いついたら再び投稿しますね。ありがとうございました。

>>653
IE6で見たら、下のほう（何処）が重なってるYO
http://homepage1.nifty.com/VET06031/test/991906104_653_IFt6YG%2Bz.jpg

とりいそぎ。

投稿しようと思ったんですが、添付ファイルに.CSSファイルを選んで
投稿するのですか？

>>658 YES.

http://www32.tok2.com/home/css/clip/joyful.cgi?mode=htmlview&no=47&reno=113
これ好み。

＞659のサイトって部分部分の背景がグラデーションしてるけど
画像じゃないよね？
どうやってんだろ？

>660
フィルタ。CSSファイル見れ。

＞661
あ、ありがと。
ソースをみて画像ないなーと思ったもんで。ｽﾏｿ。

スタイルシート質問スレよりこちらが適切と思い
質問させて頂きます。

スタイルシート自体の質問ではないんですが、
カスイケを目指すに当たって色んなサイトを見たんですが
アンカータグにはタイトルを書いといた方がいいんでしょうか？

>>663
HTMLに関する質問はあっちの方が適切かもしれない。
「Strict-HTML スレッド」
http://pc.2ch.net/test/read.cgi?bbs=hp&key=992708594&ls=50

>>663

漏れは記述する派かな。自分のとこはイケてないサイトだけど（ｗ　リンク集は書いてませんが。
例えば、<a href="hoge.html" title="このサイトの詳細な説明はこちらをご覧下さい">About</a>など
と使えば、さまざまな恩恵を受けることができると思うので。

人によると思うけれどもね。

>>663
例えば、
<a href="hoge.html">このサイトの詳細な説明</a>
となっている場合には無理してtitle書かない。あんまり意味が無いから。

スレの趣旨と違うのでsageるです

みなさん、早いレスありがとーございます。

>>664
ストリクトでは書いてないんでこちらで質問させてもらいました。
すみません。

>>665-666
無いよりかはあった方がいいんですね。
コンテンツが英語表記で略語とかもあるんで
記述します。
ありがとーございます。

＞まとめたぞ氏
サイトの方、おおいに役立たせて貰ってます。
この場を借りて感謝。

メンテナンスage

age

騙り出没中につき、トリップ着けます。

カススタイラーさんはばろっくさん？

>>671
ばろっくさんはカススタさん？

へ？本当？

本当らしいよ。>>673
ttp://www.printnet.co.jp/~ukun/

>>674

登場タイミングや文体、切り口がクリソツだったので
以前から多分そうだろうとは思っていました。

とりあえず、自分の某サイト上のリンク集は今回の
カムアウトに併せて変更しておきました。

アルファの設定ってスタイルシートにどうやって書けばいいんですか？
<TABLE style="filter:alpha(opacity:90,enabled=100)" color="#345963" cellspacing="5" bgcolor="#FFFFFF" align="center" width="287">
</table>
これをスタイルシートに書きたいんです。

table {
width: 287px;
filter:alpha(opacity:90,enabled=100);
}
こんな感じでダメだった？
続きは質問スレへ。
http://pc.2ch.net/test/read.cgi/hp/1005047493/l50

あ、スレ違いスミマセンでした。
それでも親切に教えていただきありがとうございます。

dat 逝きそうだよ。アブねえ

保全あげ

カススタさんの復活は無いのカニ…（´＿｀）

dat逝き防止あげ

明けましておめでとうございます。ageさせて頂きます。

新たなお題など、頂戴したいのですが。

アヘましておめでとうございます。hageさせていただきます。

>>684
漏れの個人サイトのデザインをして欲しかったりしますですよ。
なんかダサいんだょ、、ヽ(;´д｀)ノ

DAT逝き防止sage

新作を見たいぞアゲ。
http://www32.tok2.com/home/css/clip/joyful.cgi

保全下げ

新作欲しいage

>>671-674
びっくりした（遅

ここで発表されてるCSSって使用させて頂いても構わないのでしょうか？

いいんじゃねーの。使用されて権利がどうのいうやつはいねーだろうし、
逆に嬉しいと思うんじゃないかな。ここのやつらは。

#でなきゃアップしねーって。

最近新作がないようなんで、思い切って。
Deltaが好きなんで、それ風にしてみました。
一応、一から自分で書いたんですが、
この程度で1時間もかかってしまうくらいの実力っす。
もうホント、申し訳ない。

http://www32.tok2.com/home/css/clip/joyful.cgi?mode=htmlview&no=93&reno=117

一瞬ブラクラかと思いました。

>>694
カクイー(´ー｀) 確かにDeltaだね。

久々にお題を出しに来たよ。
http://www32.tok2.com/home/css/clip/img/119.txt
ツリー型掲示板をイケてるデザインにしてくだちぃ

漏れはツリー型掲示板というと↓こういうのしか思いつかない
http://www32.tok2.com/home/css/clip/joyful.cgi?mode=htmlview&no=119&reno=122

ん？トクトクの32サーバー落ちてる？(´д｀;)

>菅理入氏
落ちてないよん。
オイラもそんな感じのしか浮かばん・・・（；´Д｀）

発表所
http://www32.tok2.com/home/css/clip/clip.cgi
ってレスが１番下しか見れないんだが・・・オイラだけ？

>>698
やっぱり？あんまｶｸｲｲツリー型掲示板って見ないのよね
可愛げなのは多いけど

>>699
正直ｽﾏﾝｶｯﾀ(;´ー｀)
何所をいじったのか覚えてないけどとりあえず直しﾏｼﾀ

>菅理入 氏
ありがと。見れるようになったYO！

＞ツリー型掲示板
初めはアクロバティックな事をやろうと思っていたのですが、
難しいものですね。結局普通なのですが。
http://www32.tok2.com/home/css/clip/joyful.cgi?mode=htmlview&no=119&reno=123
自分が使ってるジュークボックスソフトから素材を切り貼りしただけの代物です。
やっぱり画像も使うんだったら自分で作れないとなぁ、と実感。

>>702
お洒落ですね。デザインセンス無いのでうらやましいです。
参考にさせていただきます。

唯一不満？は、リンクの下線は訪問後に無くなる方が良かったかなってことです。
全然デザインとは関係ありませんが。

掲示板のこの部分、ただ数字が並んでるだけで意味が分からん
デザインじゃないがどうなのさ？これ

<ul id="page" title="ページ移動">
<li>1</li>
<li><a href="#2">2</a></li>
<li><a href="#3">3</a></li>
（中略）
<li><a href="#7">7</a></li>
</ul>

>>704
よく発言の意図が分かりません・・・
あれは"ただ"数字を並べてるんじゃないんですか？

>>702
オシャレだーそのｾﾝｽが羨ましい
たしかにﾘﾝｸの下線がちょっと判りづらいかも
でもいいなぁ

>>704
ゴメン、ちょっと判らないや(；´ー｀)
よくある掲示板風にしたつもりだったのだけれど、、、
どう書くのが正しいんかな

>>705
ネタですか

>>706
初見なヒトは「数字並んでるけど、これなあに？」って思わないかな
"掲示板馴れ"したヒトは「ああ"ページ移動"だな」と直感で判るんだろうけど
とくにCSSが効いてない状態だと発言と同レベルで並んでて"妙"な感じがする

hnタグで「ページ移動」とタイトル付けするか
「ページ移動（1 2 3 4...）」とするか、した方が親切だと思う

くだらん

>702
ページ移動の現在見てるページの数字が寂しい気がする。
でも、デザインは萌えたYO！

なにも考えないで生きてる人っていいなあ

>>707
「1ページ目|2ページ目|...」みたいなのもいいかも。
わかりやすいのが一番カッコイイ、と私は思う。

> 発言と同レベルで並んでて"妙"な感じがする

なるほど判りやすいありがとう
今回はもう直せんけど次回から気をつけるですよヽ（´ー｀）ノ

「１ページ目|２ページ目」が直感的かな
ちょっとくどいけど

>>702 を投げた者です。
＞ ﾘﾝｸの下線がちょっと判りづらいかも
確かに！ 自分では気づかなかった事です。ありがとうございます。
ちなみにネタ元はこちらになります。
http://www.ResExcellence.com/user_contributions4/iTunes_Graphite_11-16.jpg

リンク集のCSSうｐしました。
http://www32.tok2.com/home/css/clip/joyful.cgi?mode=htmlview&no=93&reno=124
紫系で統一して和風っちゅうか、優雅な感じにしました。

>>714
見辛い。
もう少し色は薄目にした方がよいかと。

保守カキコ

2ちゃんねるのスレッド一覧をCSSで整形できないか、と考えている者です。
例：Web制作板のスレッド一覧（整形済み）
http://cgi2.html.ne.jp/~n_1_2_3/esexy.cgi?eSexyUrl=http://pc.2ch.net/hp/subback.html

この html を新規お題として投稿していいですか？
また、その後、皆さんがお作りになったCSSを
代替スタイルシートとして使わせていただいてもいいでしょうか？

>717
32と82番目のスレだけスタイルが違うのは何？
ソースみても特別なﾏｰｸｱﾌﾟは無いし・・・

>>717
遣ってよ氏。

>>718
a:linkとa:visitedの差でしょ。

>>720
そか。ありがと。
納得できた。寝もぉ。

お題です。よろしくお願いします。
・2ちゃんねるのスレッド一覧整形
　http://www32.tok2.com/home/css/clip/img/125.txt

…いじれる所が少ないかも。

>722
関係無いけどaddress要素ってメールアドレス無くてもいいの？
作者はかかれてるけどさ。

>>723
メールアドレスは「必須」では無いと思ってたのですが…。
(余談ですが、HTML 4.01 Strict以降では、
address要素はp要素も含んではいけないんですね。
知らなんだ。汚いhtmlでごめんなさい )

ところで、発表所なのですが、
http://www32.tok2.com/home/css/clip/joyful.cgi
125.txt「2ちゃんねるのスレッド一覧整形」に
レス投稿できない状態になってますが、
もしかして俺が壊しちゃったんでしょうか。
重ね重ね本当にスミマセン。

ゴメン、応急処置しましたヽ（´ー｀;）ノ

とりあえずage

上げるか。

上げとく。
このスレ終わっちゃったの？
好きだったのに。

ヽ(´ー`)ノ

age

http://www32.tok2.com/home/css/clip/joyful.cgi

新作見たいんですが、見れナインです。

；

>>732
何?

もう最新cssは見れませんですか？（T_T

久しぶりに書いてみるかなぁ

>>735
最近勉強始めたばかりなので、参考にみてみたいです。
おながいします。

トクトク落ちてるみたいだね。

まじれすか・・。
漏れエロ物のうぷろだしかしらないしなぁ・・。
鬱だなぁ・・・。

一応css作ったけどまだ落ちてんのか？
あげれねーじゃん。

「トクトクだめですなぁ」
http://pc.2ch.net/test/read.cgi/perl/1006501675/l50

>>739
3/15〜21がメンテ中と聞いた。
少し過ぎているがしばし待たれよ。

もとい。動いてる。

128.css は HTMLに反映されてないのかな。
http://www32.tok2.com/home/css/clip/joyful.cgi?mode=htmlview&no=125&reno=128
ソース見ても <link rel="stylesheet" 〜> がない。

「レスの128.cssが反映されない」のではなく、「お題125.txtに反映されない」みたいです。
125.txtへのレス128.cssと、93.txtへのレス94.cssを互い違いにすると↓
http://www32.tok2.com/home/css/clip/joyful.cgi?mode=htmlview&no=125&reno=94
http://www32.tok2.com/home/css/clip/joyful.cgi?mode=htmlview&no=93&reno=128
125.txtに何か問題があるのだろうか…

CGIのソースを見ていないので憶測なのですが、
私の投稿したHTML (125.txt) が、
</head>の直前にコメントを入れているので、
それが <link rel="stylesheet" ~ を挿入する条件に適合させなくして
不具合を起こしているのではないでしょうか。
本当にごめんなさい。

このスレ復活キボンヌ

ゴメン、今気付いた。
直したいんだけどtok2のFTPでエラーが出て失敗する、、
対処法知りませぬ？

>>747
↓これですかね？

> なおFTPの方法が一部変更されました。
>
> URL http://www?.tok2.com/home/ID/ の場合
>
> 今までは「ユーザー名」にはIDをご記入いだだいておりましたが
> 「ID@www?.tok2.com」の形でご記入いただくことになります。
>
> 詳しくはお勉強コーナーの「FTPのB.設定する」ページをご参照下さい。
> http://tok2.com/study/index.html

>>748
ありがとー
でもFTP重くて繋がらない…今日の夜にもう一度試すね

直ったかな、、一応age

確認しましたが残念ながら125.txtへのレスは直ってません。
125.txtのコメント削除（>>745参照）を直接してみたらどうでしょう？

家だと上手くいったんだけどなー(;´д｀)
ふむ、、

んじゃあ</head>の前じゃなくて<title>の前に入れるように変更ー
http://www32.tok2.com/home/css/clip/joyful.cgi?mode=htmlview&no=125&reno=128

確認しました。
しっかりと見れました。乙彼さまです。

age

sage

sage

sage

sage

sage

sage

今日おもしろかったCSS

center { text-align:left }
Strictじゃないけど

>>762
それって素晴らしく逝かしているじゃん!!（ｗ

>>763
width: 80%などで威力を発揮。

ユーザースタイルシートに

font {
    font-size: 100%;
    background-color: black;
    color: white
}

って入れてるW3C信者は挙手願います。

body{visibility:hidden}
ですべて解決。

http://www32.tok2.com/home/css/
これ何？

>>767
ぱっと見たときはHomePageの講座ページかと正直思ってしまった。

文章見たらヒューレット・パッカードだった。騙された気分に烏龍茶３杯。
しかも、ヒューレット・パッカードのプリンターインクが高いし。

だけど出だしが

初心者のためのHP講座
21世紀、インターネットはますます一般化しています。ここではそんなインターネットにかかせないHPについて説明してみたいと思います。

HP=HomePageと先入観で見ていた自分が妙に何故か悲しくなった。

sage

age

これからちゃんとCSS勉強しようと思ってとりあえず作ってみました
http://www32.tok2.com/home/css/clip/joyful.cgi?mode=htmlview&no=15&reno=130

ってこのスレ死んでる？

>>771
ツッコミどころ。

・ IE以外ではムムムって感じ。
・ font-size : 7pt; はちょっと酷いかも。
・ 広告は消しておいた方が良いのでは?
・ hr { styel : solid; } になってました。

でも、CSS書きが増えて嬉しいですね。
一緒に勉強していきましょう。

>>771
私はフォントサイズがやっぱ気になる。
font-size : 7pt; って絶対指定はやめて(　ﾟдﾟ)ﾎｽｨ…
ちなみに私の環境では7ptはx-small（xx-smallかも）と同じ大きさ。
%かemかsmallの相対指定のほうがいいと思う、個人的になんだけど。

>>771
MacIE5.0で見ると、枠から文章がはみでたり文字が一部重なったり。
メニューの枠が下の文章の枠に重なってたり。

>>772
IE以外で確認してなかった（汗
font-size:7pt;はどっか別のサイトがやってたんでそのまま使っちゃいました（ｗ
ローカルに置いてるテンプレの広告消してたから忘れてました･･･
あちゃー、タイプミスは気をつけてるつもりなんだけどなー、更に気を付けます

>>773
フォントサイズは相対指定ですな　覚えときます
僕の環境だと　xx-smallが7ptと同じだったです

>>774
やっぱブラウザによってかなり違うんですね
気をつけます

どうもありがとうございました
まだ全然さわり始めたばっかりで、なんでこうなってんのかわかってないこと多いんで
先人たちが投稿されたいろんなCSS見て勉強していきます

みてね！

http://www.narucy.com

777ｿﾞﾛｹﾞｯﾄzuza.......

>776
悪くないね！つかナルシマ＝ナルシーというネーミングがおもろい。

http://dreamcity.gaiax.com/home/rama/main
↑ナンパ目的のHP
　管理人は自分のこと「綺麗なお兄さん」とか言ってます（ｗ
ちょっと掲示板にカキコすると携帯番号メールしてきてキモイです。
荒らしちゃってくださいな。

>>778
ああ、誤爆ね。

私はマメ文字愛好家。
初めにページを映すときは、自分が望んでいる大きさで見てほしいなぁ。
そのあとで、文字のサイズを変えるのは訪問者の自由だけど、

ということで、みなさん、ブラウザの文字の大きさの設定どうしてる？
私は「中」です。
一番多い設定をもとにページづくりをしたいので参考にさせてください。

>>780
IE6「小」

２ﾁｬﾝしてる時は「小」
普通のサイトの時は「中」

いつでも「中」

>782
AAが崩れませぬか？

常時「小」

>>780-785
ところで、CSSと何の関係が？
＞一番多い設定をもとにページづくりをしたいので参考にさせてください。
これなんかCSSと正反対の考え方だろう。

>780-785
とりあえずスレ違いです．初心者スレかユーザビリティスレへ．

>786
正反対？別に反対じゃないと思うけど．
と書いて議論を続けるのもスレ違いだな．

まぁ何事もほどほどに、と無難なところに落ち着こう。

>>771遅レスだけど単純にオシャレでかわｲｲと思ったよ。

２つ目作ってみました
またまたIE以外での確認してないです。ごめんなさい
http://www32.tok2.com/home/css/clip/joyful.cgi?mode=htmlview&no=15&reno=131

>>788
ありがとうございます！
これからもたまにうｐすると思うので添削もお願いします

>>789
Netscape 6、またはIEで文字サイズを最大にすると
右下の<p>と<address>が重なって文字が見えなくなる。
あらゆる環境を考慮するのが真のCSS書きである（なんてね）。

あとリストのlist-style-typeもいじった方がかっこいいんでない？
配色センスは好き。

>>789
IE5.5で文字サイズが「中」以上だと
「このページは〜」の部分と、メールアドレスの部分が重なります。
最小にすると重なりませんが、
小の状態でも掛線と重なってますね。

>>790-791
なるほど、ありがとうございました。
フォントサイズとかもちゃんと確認した方がいいんですね

771氏に感化されて僕もCSSを書いてみようと思いました。
結果、改めてCSSの奥深さ、自分の知識不足を思い知らされることに。
widthの設定が難しく、どうやってもずれが生じてしまいます。
さらに、IE6.0以外ではアンカー回りが壊滅します。

そんな初めての拙作ですが、よろしくおねがいします。
http://www32.tok2.com/home/css/clip/joyful.cgi?mode=htmlview&no=15&reno=132

>>793
◎の位置がすごく良いと思いました。

つか、この◎って何なんだろう…。

>>794
◎CONTENTS

の◎だと思う

>>794さん
感想ありがとうございます！

◎は初め{display:none}で消しちゃおうかと思ったんですけど、
せっかくあるんだから使おうということで
h1の装飾に使ってみました。
気にいってもらえてよかったです。

>>795さん
そうです。CSSオフ時よりだいぶ位置が違いますねー。

>>795
うん。それは知ってるんですけど、何のためにあるのかなって。
でもまぁ、どうでもいいか。それをどう生かすかの話だし。

初投稿age。mozillaとIE6で確認。IEの方がお勧め。
２回も失敗してしまった（汁
http://www32.tok2.com/home/css/clip/joyful.cgi?mode=htmlview&no=15&reno=135

>>798
上手く言えないけど、全体的に右寄りだから
画面大きくした時に左下の空間が淋しい気がする。
あと文字のサイズを大きくすると枠線がはみ出て重なっちゃう。
h1とulをもっと縦にキッチリ並べたほうがカッコいいかも。
IE5.5でしか見てないから変なこと言ってたらゴメン。

>>798
（・∀・）ｲｲ!!

>>799
＞左下の空間が淋しい
というわけで、テキスト部分の文字を大きくして幅を狭めてみました。
その他、ulを左寄せにしたり、全体的にデカ文字にしたり、大幅に修正してみました。
http://www32.tok2.com/home/css/clip/joyful.cgi?mode=htmlview&no=15&reno=136

>>800
ありがとうございます

>>801
よくなったと思うよ〜
h2のborderの長さが中途半端に見えるからあとそれだけ。

（・∀・）ｼﾞｻｸｼﾞｴｰﾝ?

間違いなく自作自演だなこれは。
sageでバレないようにはしたけど
肝心の名前は名無しに戻し忘れたんだな。
恥ずかし！

>>802
騙らないでください(；；)
でも、ありがとうございます。

>>801
CONTENTSの文字とメニューの文字サイズの差と重なりが好きじゃない。
メニュー、文字間隔広すぎて間延びした印象。

新しいお題出してもいいか？

>>807
おながいします

ゴメンなさい、思いっきり番号間違えてた・・・

名前欄で >n とかやるつもりで
> を抜かしちゃうことあるらしいね。
つか、やられたことある。

お題出してみたよ。

さて、俺もコレからスタイル作るか…

>>807
h2閉じ損ねてるYO!

>>812
直したYO!

ｺｿｰﾘと初投稿してみますた。
でも、広告が・・ああぁあああ。
回線で首括って逝ってきます。

早速新しいお題でつくってみました。ベターだが…
こういう可読性を保ったスタイルを作るのは難しい。
http://www32.tok2.com/home/css/clip/joyful.cgi?mode=htmlview&no=138&reno=140

唐揚げ

自分で書いといてなんだが、スタイル作りづらいなあ。>>138.txt

週末にでもやろうと思っているが、両方とも難しいな、、

初参加な141.txtの者です。
div{ display : none; }はもう自分でやりましたsage。

centerはどーにかしていいんですね…次がんばります。てゆかがんばれ俺。

143.cssです。あげ

ギャグスマっていうバラエティサイト面白いよ。
http://www.gagsmile.com
スマップのサイトってホント（噂）？
私は好きだけどね。

>>822
氏ね。

>>822
マルチポスト。

http://www32.tok2.com/home/css/clip/joyful.cgi?mode=htmlview&no=47&reno=147
作ってみますた。どうでしょうか。

みにくい

さわやかだね。漏れは好きだぜ。

>>826
もっと生産的な事言おうぜ

>>825
・・・みにくい

>>828
他に何か言えんのか

>>825
・・・みにくい

>>828
かくいうオマエモナー

>>825
・・・醜い

>>825
Pre要素あたりがちょっとみにくいかなぁ。

>>825
豆字なところと、文字と背景のコントラストがダメ。可読性低。
というわけでみにくい。

Netscape7PR1が出たようだ。ヽ(´ー｀)ノ
http://pc.2ch.net/test/read.cgi/software/1020278046/l50
NN4.x使ってる人さっさと居なくなればいいのにね、とか言ったりして。

>>830
まーまー。そんなこといってそれなりなんだろ?

>>825
・・・診難い


少々乗り遅れたが。
⊂⌒っ*ﾟーﾟ）っ

うあ、ボコボコだ…　鬱死

>>835
だって、見にくいんだもん

>>all
ネタですか？

>>825
・・・みにくい

>>837
もうそろそろいいだろ。あんま引っ張ってやると可哀相だぞ。

>>825
・・・見難い