■スレッドリストへ戻る■ 全部 1- 101- 201- 最新50

かちゅ〜しゃをカスタマイズする

1 :なな〜しゃ :2001/03/28(水) 08:28
header.htm res.htm newres.htm を書き換えて、ちょこっとカスタマイズしましょう。
そんで見せ合えたら、ちょっと幸せ。

私はこんな感じです。
http://desktopgazou.hypermart.net/cgi/gazou/img20010328002640.gif

2 :作者 :2001/03/28(水) 08:56
おお、Macみたいじゃ。
WindowBlindsかなにか使ってるのかな。

3 :名無しさん :2001/03/28(水) 10:17
header.htm res.htm newres.htm
のなかみキボーン

4 :名無しさん :2001/03/28(水) 10:28
すまんが外部板の登録に仕方を教えてくれんかのぅ。
other.brdに書き込むだけじゃ反映してくれないのじゃよ。

5 : :2001/03/28(水) 10:51
↑日本語がおかしい スマソ

6 :作者 :2001/03/28(水) 11:19
>>4
other.brdに書き込んで出来ません?
かちゅ〜しゃ再起動は必要だけど。

書き込み方は、
サーバ名[TAB]BBS名[TAB]板の名前[改行]
です。([TAB]はタブキーね)
サーバ名は、「http://」と最後の「/」は外してください。


例: (実際にこんな板はありません)

http://www.microsoft.com/japan/lovegates/index2.html

www.microsoft.com/japan[TAB]lovegates[TAB]ゲイツ萌え〜[改行]

7 :名無し~3.EXE :2001/03/28(水) 12:40
どこかアップ出来るとこ無いかな?

8 :作者 :2001/03/28(水) 13:03
>>7
http://yasai.2ch.net/test/read.cgi?bbs=win&key=982224259&st=769&to=769
みたいにココに書き込んでしまうのは?

9 : :2001/03/28(水) 13:07
>>作者氏
さんきゅう やってみぶ

10 :名無しさん :2001/03/28(水) 13:10
>>1
私はこんな感じです。
http://desktopgazou.hypermart.net/cgi/gazou/img20010328050901.gif

11 : :2001/03/28(水) 13:12
やってみた、出来たことはできたよ。
でもあめぞうと15chは板が対応してなかった トホホ

12 :名無しさん :2001/03/28(水) 14:01
>>1
>>10
ねえ!お二方。
僕は君たちのセンスがすっかり気に入っちゃったんだけど、
ソースを書き込んでくれない?
おねがいだよ〜

13 :名無〜しゃ :2001/03/28(水) 16:01
HTMLの参考書を見ながらちょっと書いてみました。しょぼいです。
スタイルシートなんて書くのはじめてだったりする。
しかしやや重くなったような気がします。

######## header.htm

<head><style type=text/css><!--
.oldhdr {PADDING: 2; BACKGROUND: #d4d0c8; BORDER-BOTTOM: #ffffff 1px solid; BORDER-LEFT: #808080 1px solid; BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #808080 1px solid; COLOR: #000000}
.oldbody {BACKGROUND: #d4d0c8; BORDER-BOTTOM: #d4d0c8 1px solid; BORDER-LEFT: #d4d0c8 1px solid; BORDER-RIGHT: #d4d0c8 1px solid; BORDER-TOP: #d4d0c8 4px solid; COLOR: #000000}
.newhdr {PADDING: 2; BACKGROUND: #d4d0c8; BORDER-BOTTOM: #808080 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #ffffff 1px solid; COLOR: #000000}
.newbody {BACKGROUND: #d4d0c8; BORDER-BOTTOM: #d4d0c8 1px solid; BORDER-LEFT: #d4d0c8 1px solid; BORDER-RIGHT: #d4d0c8 1px solid; BORDER-TOP: #d4d0c8 4px solid; COLOR: #000000}
--></style></head>
<html>
<body bgcolor=#d4d0c8><font face="MS Pゴシック">
<dl>

######## res.htm

<dt>
<table>
<th class="oldhdr" width=48 align=right> &NUMBER 
<td width=320 class="oldhdr"><font color="forestgreen"> &MAILNAME</font>
<td width=208 align=center class="oldhdr"><font face="Courier">&DATE</font>
</table>
<dd class="oldbody">&MESSAGE<br><br>

######## newres.htm

<dt>
<table>
<th class="newhdr" width=48 align=right> <b>&NUMBER</b> 
<td width=320 class="newhdr"><font color="forestgreen"> <b>&MAILNAME</b></font>
<td width=208 align=center class="newhdr"><font face="Courier"><b>&DATE</b></font>
</table>
<dd class="newbody">&MESSAGE<br><br>


14 :10 :2001/03/28(水) 16:20
>>12
色やフォントを変えただけだが、>>10のソース。

---header.htm---
<html>
<STYLE type="text/css">
<!--
a:link{FONT-family:"Microsoft sans serif";color:#336600}
a:visited{FONT-family:"Microsoft sans serif";color:#999933}
!-->
</STYLE>
<body bgcolor="beige"><font face="MS Pゴシック">
<dl>

---res.htm---
<dt>
<font face="Microsoft sans serif">&NUMBER 
<font color=#663300>&NAME</font>
<font color=#ffcc99>&MAIL</font>
<font color=#666666 size=-1>&DATE</font>
</font>
<br><br>
<dd>&MESSAGE
<br><br>
<dt><hr size="1" color=#999999>

---newres.htm---
上のres.htmの2行目の&NUMBERを<b></b>でかこんだだけ。

15 :名無〜しゃ :2001/03/28(水) 16:22
newbodyとoldbodyに殆ど意味が無いのは、
何かしようとして結局しなかったということですね(テヘ

16 :名無しさん :2001/03/28(水) 17:37
>>1
どうでもいいが部屋が汚いんか?

17 :名無しさん :2001/03/28(水) 17:37
>>1
WindowBlinds お使いですか?
そのThemeってどこから入手できます?

18 :名無〜しゃ :2001/03/28(水) 17:45
>>16
ワラタ


19 :名無〜しゃ :2001/03/28(水) 17:48
>>17
ここから辿っていけば出来ると思う
http://www.zdnet.co.jp/download/pc/desktop/winblind.html

20 :名無しさん :2001/03/28(水) 17:48
結局デフォルトが一番見やすいって結論になったね、俺は。

21 :名無しさん :2001/03/28(水) 19:23
>>19
さんくすー。探してみまーす。
デフォルトでもmacPCのThemeはあるんだけど、>>1さんのは
タイトルバーにアイコンが表示されていてかわいいなぁ。

22 :名無しさん@MZ-2000 :2001/03/28(水) 19:30
■ header.htm
<html>
<head>
<style>
dt { margin-bottom: 0.2em; }
dd {
font-family: "HGP創英角ゴシックUB"!important;
margin-bottom: 1em;
}
</style>
</head>
<body>
<dl>

■ res.htm
<dt>&NUMBER 名前: <font color="forestgreen">&MAILNAME</font> 投稿日: &DATE</dt><dd>&MESSAGE</dd>

■ newres.htm
<dt style="color: red;">&NUMBER 名前: <font color="forestgreen">&MAILNAME</font> 投稿日: &DATE</dt><dd style="color: red;">&MESSAGE</dd>


23 :1 :2001/03/28(水) 19:56
>>3,12

ありがとうございます。ちょっと長いですが、ソースを書きます。

>>16

さて、それはどうでしょう(笑

>>17
WBのサイトで見つけた"Carbon"というThemeを、自分なりに少しいじったものです。
どうしても見つからなければ、どこかにアップしたいと思いますです。

header.htm

--ここから

<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rev="made" href="mailto:">
<link rel="home" href="http://www.2ch.net">
<title>header.htm</title>
<style type="text/css">
<!--
body {
background-color: #f5f5f5;
/* background-image: url("file://C:\Program%20Files\katjusha\bg_ym.png");*/
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top right;

font-family: "MS Pゴシック";

line-height: 1.5;
color: #303030;
}

ins {
text-decoration: none;
}

div.old,div.new {
margin-bottom: 1em;
border-bottom: 1px solid gray;
border-right: 1px solid gray;
}

div.infomation {
margin-bottom: 1ex;
/* border-bottom: 1px solid #c05935;*/
}

div.message {
padding-left: 4em;
padding-right: 1ex;
}

div.note {
text-align: right;
text-indent: 4em;

padding-right: 1ex;
padding-bottom: 0ex;
}

span.name {
color: #3559c0;
}

span.date {
color: #3559c0;
}
-->
</style>
</head>
<body>

--ここまで

res.htm

--ここから

<div class="old">
<div class="infomation"><span class="number">&NUMBER</span> 名前:<span class="name">&MAILNAME</span></div>
<div class="message">&MESSAGE</div>
<div class="note">投稿日:<span class="date">&DATE</span></div>
</div>

--ここまで

newres.htm

--ここから

<ins>
<div class="new">
<div class="infomation">★New! <span class="number">&NUMBER</span> 名前:<span class="name">&MAILNAME</span></div>
<div class="message">&MESSAGE</div>
<div class="note">投稿日:<span class="date">&DATE</span></div>
</div>
</ins>

--ここまで

24 :名無しさん@_@; :2001/03/28(水) 20:13
色の変え方しかわからないので、
とりあえず、
header.html  <body bgcolor="#e2e6cb">
newres.html  名前:<font color="#556900">
こんな感じの色にしてみました。
どうでしょうか。

25 :名無しさん@_@; :2001/03/28(水) 20:16
10さんと色が似てる〜
で、10さんの方がカコイイ・・・
勉強しますので、みなさんのカスタマイズを教えて下さい。

26 :名無しさん@_@; :2001/03/28(水) 20:28
リンクの色も変えてみました。
http://www.dream-fact.com/lovers/gazou/img-box/img20010328202709.jpg

27 :17 :2001/03/28(水) 21:06
>>23=1
WBのサイトでCarbon見つかりました。ありがとう。
1さんのカスタマイズしたCarbonにも興味があるので、可能なら
どこかにアップしてくださいませんか?

28 :名無しさん@_@; :2001/03/28(水) 21:40
凄いカスタマイズなんてとてもできないので、まず「投稿日:」を削除。
文字間隔を空けてみて、リンクの色を暗くしました。
少し落ち着いた感じです。フォントだけは、慣れたコレがいいです。
http://www.dream-fact.com/lovers/gazou/img-box/img20010328213652.jpg

29 :名無しさん :2001/03/28(水) 22:57
作者様
other.brdに以下を書き込めば、ここを読めるんですね。

mata-ri.virtualave.net[TAB]katjusha[TAB]かちゅ〜しゃ

勘違いしていまいした。
mata-ri.virtualave.net/katjusha/index2thm katjusha かちゅ〜しゃ
なんて書き込んでいたのでhtmファイルのソースしか見えなかったの
です。鬱だ氏脳。

30 :名無しさん :2001/03/29(木) 00:09
>>29
デフォルトでそれ書かれていない?

31 :1 :2001/03/29(木) 01:00
>>17=27さん

アップしておきました。オリジナルのCarbon Themeから変更している点は
 ・ウインドウの影の表現が気になったので、左下・右上の影をそれぞれ2ドットずつカット
 ・非アクティブウインドウに閉じる・最小化・最大化のボタンの跡が残るのが嫌いなので消した
 ・最小化ボタンの挙動をウインドウシェードにした

以上3点です。では。

http://www.geocities.co.jp/SiliconValley-Oakland/6808/Carbon.lzh

32 :某広島 :2001/03/29(木) 02:19
メール欄の内容を名前の横とかに書くタイプだと、
bbspinkでメール欄に「0」書いてリモホ表示しているとき
<b>が全部にかかったままになる。

参考 ここの3
http://www.bbspink.com/test/read.cgi?bbs=kitchen&key=985799426

33 :某広島 :2001/03/29(木) 02:21
追伸、3をあぼーんすれば全部直る。

34 :17 :2001/03/29(木) 02:26
>>31=1さん
さっそくいただきました。ありがとうございます。
センスいいですね。快適です。


35 :10=14 :2001/03/29(木) 09:17
>>32

14に書いたソースもメール欄を横に書くタイプだけど、たしかにそうなった。
とりあえず &MAIL の後ろに </b> 入れれば直ったよ

36 :名無しさん :2001/03/29(木) 11:33
これ結構見やすそうなんだけど、
誰か同じようなのを作ってくれませんか?
http://www.geocities.co.jp/SiliconValley-Oakland/9028/src/ShortCuts20010328.png

37 :名無しさん :2001/03/29(木) 12:00
はじめまして。かちゅーしゃ愛用してます。

なな〜しゃさんの右下ボーダー気に入ったんで
勝手にパクらせていただきました。

http://desktopgazou.hypermart.net/cgi/gazou/img20010329035133.gif

ところで、投稿日の書式変更ってできますか?

38 :名無しさん :2001/03/29(木) 12:53
>>36さん

###header.html
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>header.htm</title>
<style type="text/css">
<!--

body {
background-color: #eae6dd;

font-family: "MS Pゴシック";

color: #000000;
}

ins {
text-decoration: none;
}

div.old,div.new {
margin-bottom: 1em;
}

div.infomation {
padding-left: 1px;
border-bottom: 1px solid #a28d68;
}

div.message {
margin-top: 1em;
margin-bottom: 1em;

padding-left: 3em;
}

span:number {
color: #000000;
}

span.name {
color: #000000;
}

span.mail {
color: #000000;
font-size: 80%;
}

span.date {
color: #000000;
font-size: 80%;
}
-->
</style>
</head>
<body>

###res.html
<div class="old">
<div class="infomation"><span class="number">&NUMBER</span> <span class="name">&NAME</span> <span class="mail">&MAIL</span> <span class="date">&DATE</span></div>
<div class="message">&MESSAGE</div>
</div>

###newres.html
<div class="new">
<div class="infomation">!New <span class="number">&NUMBER</span> <span class="name">&NAME</span> <span class="mail">&MAIL</span> <span class="date">&DATE</span></div>
<div class="message">&MESSAGE</div>
</div>

注意
・新着の挙動がスクリーンショットからわからなかったので、適当。
・10分で書いたやっつけ仕事なので、なんか変かも知れない。変だったら報告を。

39 :名無しさん :2001/03/29(木) 12:55
>>1
毎日姉妹の妄想に浸ってるだけじゃなかったんですね

40 :名無しさん :2001/03/29(木) 13:30
>>38
つまらない質問でごめん。どうやって使うの?
普通にHTML文書にすればいいの?

41 :名無しさん :2001/03/29(木) 13:42
ブラウザで開いてから「ソースの表示」
で、コピペ>>40

42 :名無しさん :2001/03/29(木) 13:52
僕は旧かちゅ〜しゃのデザインが結構気に入ってるんですが、
スレッドタブのフォントや色などの表示を、旧に近づけるには
どんな風にしたらいいのでしょう?
たしか、「2ch標準カラー」とか・・・

43 :名無しさん :2001/03/29(木) 15:56
ボード一覧とスレッド一覧はカスタマイズできないのですか?

44 :名無しさん :2001/03/29(木) 16:15
>>42
2ch標準カラーなら

<html>
<BODY TEXT="#000000" BGCOLOR="#EFEFEF" link="#0000FF" alink="#FF0000" vlink="#660099"><font face="MS Pゴシック">
<dl>

こんな感じで、<BODY>に付け足すだけで、いいんじゃない?

45 :名無しさん :2001/03/29(木) 17:31
結局どのようにしてカスタマイズするんですか?
なんかツールが必要だったり?
順番に説明していただけませんか?

46 :42 :2001/03/29(木) 17:36
ほうほう。なるほど〜ありがとう!

47 :42 :2001/03/29(木) 17:41
>>44
変更完了!
うまくいきました♪サンクス!

48 :作者 :2001/03/29(木) 17:42
>>45
えっとですね、かちゅ〜しゃのフォルダ内に、
header.htm、res.htm、newres.htmって3つのファイルがあります。
これはそれぞれ、
header.htm → HTMLヘッダテンプレート
res.htm → レス用テンプレート
newres.htm → 新着レス用テンプレート
となっています。

で、表示の際には、res.htmとnewres.htm内の文字列が、
以下のように置換されます。
&NUMBER → メニューリンク付きレス番号
&PLAINNUMBER → 何も付かないレス番号
&MAILNAME → メールリンク付き名前
&NAME → 名前
&MAIL → メール
&DATE → 投稿日
&MESSAGE → レス本文

これで、HTMLの知識のある人なら、ある程度好きなようにカスタマイズできるわけです。
よく分からない人は、ここで紹介されているものに置き換えるだけでも楽しいかも。

49 :作者 :2001/03/29(木) 17:43
>>45
つまり、特別なツールは必要ないです。
メモ帳で充分。

50 :名無しさん :2001/03/29(木) 18:01
人に聞くあたり、失敗したときとか大丈夫かな・・・。
大丈夫?>>45さん

51 :12 :2001/03/29(木) 18:03
>>1さん>>10さん、ありがとさん!
イイ感じになりましたですよ。

52 :名無しさん :2001/03/29(木) 18:13
ttp://wakusei.cplaza.ne.jp/twn/wwwcolor.htm

色の調節はここで見てみたら?
背景が明るいの苦手なんで、
背景だけ変えさせていただきましたm(__)m

53 :名無しさん :2001/03/29(木) 18:19
>>50
header.htm、res.htm、newres.htmのコピーを別のフォルダを作って保存すればいいでしょう。

それぞれのファイルを右クリック→アプリケーションから開く(H)→Notepadで開き、
ここで紹介してあるものにおきかえれば>45

54 :作者 :2001/03/29(木) 18:19
>>50
失敗した時に備え、3つのhtmファイルはバックアップしといた方がいいかな。
正式版からは、各htmファイル削除で、デフォルトに戻る予定。

55 :作者 :2001/03/29(木) 18:20
ダブったって気にしない
ヽ(´ー`)ノ

56 :名無しさん :2001/03/29(木) 18:28
ファイナル版で書き込みしていまふ。
正式版とログファイルなどが互換しているなら
このまま使いつづけようと思っていまふ。
互換、してまふか?

57 :名無しさん :2001/03/29(木) 20:42
こんばんは。other.brd ファイルカスタマイズに関することですが。

>>6 の通りに、JBBS をテキストで書き込んでみたんですが。
一応、スレッドインデックスはダウンロードできるんだけど、
スレッド自体は、読み込み不可能で、エラーになってしまいます。
知り合いのJBBSの板を入れたかったんだけど…。
入れ方は、たぶん間違っていないと思うのですが…。


www.jbbs.net/sports [TAB] 友達の板のナンバー(数字のみ)[TAB]板の名前(日本語)

これでやったんだけど、間違っているんでしょうか…。

58 :名無しさん :2001/03/29(木) 21:17
スレのタイトル表示の並び順て変えて使っている人いますか?

自分はボード一覧を消して左右ならびにして。
青マル NO. タイトル レス 最終書き込み 最終修得 既得 新着 重要度 メモ ボード
の順に並べてつかってるのですが。

59 :作者 :2001/03/29(木) 21:26
>>56
ログの構造が根本から変わっているので、互換性はありません。

>>57
残念ながらJBBSには対応しておりません。

>>58
私は青マル、No、タイトル、レス、新着の順で、これ以上はスクロールの必要あり。
縦3列で使ってるので。

60 :58 :2001/03/29(木) 21:29
そーいえば表示させてるのは
青マル NO. タイトル レス 最終書き込み までです。


61 :名無しさん :2001/03/29(木) 21:35
登録できる掲示板の種類には、なにか制限があるのでしょうか?

62 :名無しさん :2001/03/29(木) 21:37
2ch標準カラーにしたかったので
>>41に書いてあったやり方で>>44をコピペしたら、
背景の色は変わったんですけどレス表示がガタガタにズレちゃいました。
どうすればズレないように色だけ変えられるんでしょうか?

63 :名無しさん :2001/03/29(木) 21:46
>>62
コピペというか、全部上書きしちゃえば問題ないと思いますが。


64 :57 :2001/03/29(木) 21:49
>>59
作者さんすばやい回答ありがとうございます。
対応してないってことならしょうがないですね。了解しましたー。

65 :名無しさん :2001/03/29(木) 21:58
<link rel="stylesheet" type="text/css" href="(使いたい外部スタイルシートのファイル名)">
による外部スタイルシートの呼び出しには現状では対応していないみたいですね。

急ぐほどのことではありませんが、可能で有れば、外部スタイルシートにも対応していただければ
個人的にありがたいです>作者様
header.htmlのわずかな変更のみでスタイルを大きく変えることも可能になりますので。

66 :38 :2001/03/29(木) 22:23
36さんはうまく使えたのかな・・・?

67 :名無しさん :2001/03/29(木) 23:07
かちゅ〜しゃスレPart4で最初に公開された769さんのを
一部変更して使ってます。
女性向になったと思うんだけど、いかがでしょう。
(769さん今更ですが、ありがとう。)

***header.htm***
<html>
<style>
body {
margin: 0;
padding: 8px;
background: #eef;
}
div.Res, div.NewRes {
margin: 8px 8px 0 8px;
font-family: 'MS Pゴシック';
}
div.Res {
background: #CCE6FF
}
div.NewRes {
background: #FFFFCC
}
div.Message {
margin: 0 8px 16px 8px;
padding: 8px;
background: #eef
}
span.Writer {
color: #090;
}
</style>
<body><font face="MS Pゴシック">

***newres.htm***
<div class="NewRes">&NUMBER 名前:<span class="Writer">&MAILNAME</span> 投稿日:&DATE</div>
<div class="Message">&MESSAGE</div>

***res.htm***
<div class="Res">&NUMBER 名前:<span class="Writer">&MAILNAME</span> 投稿日:&DATE</div>
<div class="Message">&MESSAGE</div>


68 :名無しさん :2001/03/29(木) 23:50
スレ一覧の背景は変えられないのでしょうか?

69 :36 :2001/03/30(金) 00:03
>38,66さんできました。ありがと〜。
だいぶ見やすくなりました。
http://desktopgazou.hypermart.net/cgi/gazou/img20010329155919.jpg


70 :名無しさん :2001/03/30(金) 00:25
こんな感じにできました。
IE6.0もカスタマイズしました。

http://homepage1.nifty.com/oldman/katjusha.jpg

71 :サ骨 :2001/03/30(金) 00:48
>>10さんの色をベースに、新規投稿のレスNoの色が変わるようにカスタマイズ。
自信作。笑。
http://desktopgazou.hypermart.net/cgi/gazou/img20010329164117.gif

***header.htm***
<html>
<STYLE type="text/css">
<!--
.day { color: #666666; font-size: smaller}
.mail { color: #999933; font-size: smaller}
.star { color: #CC0E0E; font-size: smaller}
.name { color: #663300}
.newnum { color: #CC0E0E}
a:link { color: #336600}
a:visited { color: #999933}
!-->
</STYLE>
<body bgcolor="#EFF0EF" text="#000000">
<font face="MS Pゴシック">
<dl>

***newres.htm***
<a name="a&PLAINNUMBER"></a><dt>
<b><a href="menu:&PLAINNUMBER"><span class="newnum">&PLAINNUMBER</span></a></b>
名前:<span class="name">&NAME</span>
<span class="mail"> &MAIL</b></span>
<span class="day"> 投稿日:&DATE</span><span class="star"> new☆</span>
<br><br>
<dd>&MESSAGE
<br><br>

***res.htm***
<dt>
<b>&NUMBER</b>
名前:<span class="name">&NAME</span>
<span class="mail"> &MAIL</b></span>
<span class="day"> 投稿日:&DATE</span>
<br><br>
<dd>&MESSAGE
<br><br>

72 :サ骨 :2001/03/30(金) 00:50
色だけならhead.htmいじるだけで全部変えられます。

確かに、こういうのをいくつか用意して
「スキンー !!」とか言うふうにできると面白いなあと思いました。

73 :名無しさん :2001/03/30(金) 01:01
>>72
ファイル3つを入れ替えるだけだから簡単かもね

74 :名無しさん :2001/03/30(金) 01:09
作者さんにお願いしてスキンサイトを作ってもらいましょうよ

75 :名無しさん :2001/03/30(金) 01:32
>>74
あんまり作者さんにばかり頼ってもねぇ
俺のように暇な奴がジオあたりへアップしてみますか・・・

沢山集まったらね

76 :名無しさん :2001/03/30(金) 01:34
横棒はレスを区切るより、
名前と本文を区切ったほうが見やすくない?

77 :名無しさん@_@; :2001/03/30(金) 01:58
ここは、イロイロと勉強になりますです。

78 :名無しさん@_@; :2001/03/30(金) 02:04
皆さん、3Dオブジェクトの色のバランスも考えているんですねー。
>>75さんのサイトアップ、マターリ期待してマス。

知識が無いので、皆さんの.htmは皆、
コピペさせてもらって試してます。

79 :名無しさん :2001/03/30(金) 03:03
>>71 さんのソースを使ってみました。ありがとう。
私は背景色が白が好きで、フォントも小さいのが好きなので、
こんなふうにアレンジしました。メール欄もカッコ付きにして、
新しいレスは、赤い星だけにしました。
なんか、いろいろ変えられて楽しいです!

http://www.netpassport.or.jp/~wmiccom/kt.jpg


80 :名無しさん :2001/03/30(金) 03:22
スレ一覧とかは、画面のプロパティかIEの色のどっちかじゃないかな・・・
ちがうかな・・・
ブラウザの色とかも変わっちゃうけど・・・>>68

81 :サ骨 :2001/03/30(金) 03:42
71です
どうも、ありがとうございます。
早速ちょっとミスがありました…

newres.htmの
<a name="a&PLAINNUMBER"></a>
要らないみたいです。2回宣言されちゃってました。
もう1回書かせて頂きます。

82 :サ骨 :2001/03/30(金) 04:04
***header.htm***
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<STYLE type="text/css">
<!--

body {
background-color: #EFEFEF;
font-family: "MS Pゴシック";
color: #000000;
}

.day { color: #666666; font-size: smaller}
.mail { color: #999933; font-size: smaller}
.star { color: #EFEFEF; font-size: smaller}
.name { color: #663300}
.newnum { color: #CC0E0E}
a:link { color: #336600}
a:visited { color: #999933}

!-->
</STYLE></head>
<body>
<dl>

***newres.htm***
<dt>
<b><a href="menu:&PLAINNUMBER"><span class="newnum">&PLAINNUMBER</span></a></b>
名前:<span class="name">&NAME</span><span class="star"> newdoko</span>
<span class="mail"> &MAIL</b></span>
<span class="day"> 投稿日:&DATE</span>
<br>
<dd>&MESSAGE
<br><br>

***res.htm***
<dt>
<b>&NUMBER</b>
名前:<span class="name">&NAME</span>
<span class="mail"> &MAIL</b></span>
<span class="day"> 投稿日:&DATE</span>
<br>
<dd>&MESSAGE
<br><br>

色関係を全部CSSに持っていきました。
あと新しいレスのしるしが"new☆"だったのは、
「巡回したあと未読レスが200とかあるときに
 いったんスレの上のほうまで戻ってCtrl+Fでnew☆を検索すれば便利かなあ。」
と思ったためです。今回は"newdoko"に変えて、背景と同化させてみました。

83 :サ骨 :2001/03/30(金) 04:10
>>82寝ぼけてました。newres修正です。

<dt>
<b><a href="menu:&PLAINNUMBER"><span class="newnum">&PLAINNUMBER</span></a></b>
名前:<span class="name">&NAME</span><span class="mail"> &MAIL</b></span>
<span class="day"> 投稿日:&DATE</span><span class="star"> newdoko</span>
<br>
<dd>&MESSAGE
<br><br>

84 :サ骨 :2001/03/30(金) 04:31
ちなみに、header.htmのスタイルシート部分を
<!--

body {
background-color: #EFEFEF;
font-family: "MS Pゴシック";
color: #000000;
}

body {
background-color: #EFEFEF;
font-family: "MS Pゴシック";
color: #000000;
}

.day { color: #666666; font-size: smaller}
.mail { color: #800080; font-size: smaller}
.star { color: #EFEFEF; font-size: smaller}
.name { color: #228B22}
.newnum { color: #CC3333}
a:link { color: #0000FF}
a:visited { color: #800080}

!-->
とすれば2ch標準(っぽい)色になります。

85 :45 :2001/03/30(金) 10:35
>>作者様
どうもありがとうございます。早速やってみます。
>>50
大丈夫でした。かちゅ〜しゃのフォルダごと保存しておきましたから。

86 :名無しさん :2001/03/30(金) 10:45
あら、こんなところにさ骨さんが。

87 :名無しさん :2001/03/30(金) 12:57
>>84
a:visited { color: #660099}
とすると、さらに2ch標準に近づくかも。

88 :名無しさん :2001/03/30(金) 15:02
>>84
a:active { color : #FF0000 }
を書き加えるともっと2ch標準になるかも。

89 :名無しさん :2001/03/30(金) 17:31
ギコアニメもいろいろ変えられるともっと楽しそうですね。

90 :名無しさん :2001/03/30(金) 18:16
AVIファイルじゃないといけないんですよね。
GIFならすぐにモナーができそうなんですけど。

91 :サ骨 :2001/03/30(金) 19:27
>>65で「使えない」っていわれた外部CSSですが、
file:///〜で絶対パス指定すれば大丈夫な模様。
どうやら相対パスの場合は2chのdatの位置? から読み始めるようです。

92 :サ骨 :2001/03/30(金) 19:31
あ、違う。
かちゅ〜しゃの本文のとこで右クリックして「プロパティ」見ると、
URLが「about:blank」になってるから、これだな。うん。
作者さん次第でなんとかなるかも〜?
65さんがここまでわかってて書いたんだったら俺はとても恥ずかしいので
晩御飯はラーメンがいいなと思います。

93 :名無しさん :2001/03/30(金) 20:38
>>89-90
連番BMPをAVIに変換するツールで変換すれば簡単だよ
俺は魔太郎のAVI作って使ってる(笑)


94 :サ骨 :2001/03/31(土) 00:02
かちゅ〜しゃ厨房板モード。笑。一度お試しあれ。

*** header.htm ***
<html>
<head>
<title>かちゅ〜しゃ head.htm designed by sakots 2001</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<STYLE type="text/css">
<!--

body {
background-color: #EFEFEF;
font-family: "MS Pゴシック";
color: #000000;
}

.day { color: #666666; font-size: smaller}
.mail { color: #800080; font-size: smaller}
.star { color: #EFEFEF; font-size: smaller}
.name { color: #228B22}
.newnum { color: #CC3333}
a:link { color: #0000FF}
a:visited { color: #660099}
a:active { color: #CC3333}

!-->
</STYLE></head>
<body><dl>
<dt>
<b><span class="mail"><ins><big>0</big></ins></span></b>
名前:<span class="name"><b>ギコはにゃ〜ん</b></span><span class="mail"> ギコはにゃ〜ん</b></span><span class="day"> 投稿日:ギコはにゃ〜ん</span><br><dd>
<br>  ∧ ∧   / ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄<br>  (,,゚Д゚) < 見たいレス番号を入れて、反転させて右クリックだゴルァ!<br>  ./  |    \________________<br> (___/<br>/        ↓Alt+Nでフォーカスが来ます。
<form><INPUT TYPE=text NAME="number" ACCESSKEY="N"></form><br><br>

*** newres.htm ***
<dt>
<b><a href="menu:&PLAINNUMBER"><span class="newnum">&PLAINNUMBER</span></a></b>
名前:<span class="name">&NAME</span><span class="mail"> &MAIL</b></span>
<span class="day"> 投稿日:&DATE</span><span class="star"> new!</span>
<br>
<dd>&MESSAGE
<br><br>

*** res.htm ***

(完全に白紙。0バイト。)

95 :名無しさん :2001/03/31(土) 00:43
>>93
おお。アプしてほしいところだ。

96 :名無しさん :2001/03/31(土) 00:46
スレ名は展開できないの?

97 :65 :2001/03/31(土) 01:17
>>91-92
や、絶対パスは気づきませんでした。
早速試してみようと思います。ありがとうございます>サ骨さん
# でも相対パスにも対応して欲しい……

98 :名無しさん :2001/03/31(土) 06:04
header.htm
newres.htm
res.htm
ファイルのあるフォルダを指定できるといいんだけどね。
スキン用フォルダ作ったし。(藁


99 :1 :2001/03/31(土) 08:01
CSSでブロック要素にマージンを取ると、マージン部分でホイールが効かなくなっちゃいますね。
こまったちゃんなIEの仕様みたいだけど、うちだけかな?
とりあえず、ダミーのブロック要素で、解決するとしましょうか。

100 :1 :2001/03/31(土) 08:39
ごめん、マージン取るとおかしくなるのは、その要素が<body>直下の要素の時だけだった・・・

101 :しよ〜しゃさん :2001/04/01(日) 08:31
スレ一覧のフォントはどうやって変更するん?

102 :ナヴゥ :2001/04/01(日) 21:16
サ骨氏の>>81のスキン愛用させてもらってます。
メアド欄にメアド(っぽいもの)が入ってたらリンクを張り、
sageは紫、ageは赤で表示されるように
JavaScriptを組み込んでみました。(イメージ画像↓)
http://www26.tok2.com/home/entrance2/cgi-bin/imgbd/img-box/img20010401210927.png

***header.htm***
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
<!--

body {
background-color: #EFEFEF;
font-family: "MS Pゴシック";
color: #000000;
}

.day { color: #666666; font-size: smaller}
.mail { color: #999933; font-size: smaller}
.star { color: #EFEFEF; font-size: smaller}
.name { color: #663300}
.newnum { color: #CC0E0E}
.age { color: #FF6666; font-size: smaller}
.sage { color: #990066; font-size: smaller}
a:link { color: #336600}
a:visited { color: #999933}
a.mail:link { color: #336600; font-size: smaller}
a.mail:visited { color: #999933; font-size: smaller}
!-->
</style>
<script language="JavaScript">
<!--
function add_dist(meado)
{
if (meado.search(/[^@]+@[^@]+/i) != -1) {
document.write('<span class="mail"><a href="mailto:'+meado+'">'+meado+'</a></b></span>');
} else if (meado=="sage") {
document.write('<span class="sage">'+meado+'</b></span>');
} else if (meado=="age") {
document.write('<span class="age">'+meado+'</b></span>');
} else {
document.write('<span class="mail">'+meado+'</b></span>');
}
}
//end-->
</script>
</head>
<body>
<dl>

***newres.htm***
<dt>
<b><a href="menu:&PLAINNUMBER"><span class="newnum">&PLAINNUMBER</span></a></b>
名前:<span class="name">&NAME</span>
<script language="JavaScript">add_dist("&MAIL");</script>
<span class="day"> 投稿日:&DATE</span><span class="star"> newdoko</span>
<br>
<dd>&MESSAGE
<br><br>

***res.htm***
<dt>
<b>&NUMBER</b>
名前:<span class="name">&NAME</span>
<script language="JavaScript">add_dist("&MAIL");</script>
<span class="day"> 投稿日:&DATE</span>
<br>
<dd>&MESSAGE
<br><br>

当方スタイルシートの知識に乏しいので、
何か不都合あれば指摘していただきたく思います…。

103 :しよ〜しゃさん :2001/04/01(日) 21:25
>>102
メアドっぽくなくてもsageとage以外はリンクを貼ってほしいなぁ…。
メアド欄をネタに使うようなスレッドもあるから。

104 :103 :2001/04/01(日) 21:29
あ、名前とは別にメアドが表示されるのか。


105 :ナヴゥ :2001/04/01(日) 21:38
>>104
はい、名前の右にあるのがメアド欄です。

106 :しよ〜しゃさん :2001/04/01(日) 21:43
>>105
ラウンジのナヴゥさん?

107 :ナヴゥ :2001/04/01(日) 21:45
>>106
そうです、中部帳の経路図を書かせてもらってます

108 :しよ〜しゃさん :2001/04/01(日) 21:53
>>107
お疲れ様です。ノートおもしろいですね。
では。

109 :しよ〜しゃさん :2001/04/01(日) 23:30
以前どなたかがupしていたのを少し弄りました。
どうでしょうか。

-header.htm-
<html>
<STYLE type="text/css">
<!--
a:link{FONT-family:"Microsoft sans serif";color:#336600}
a:visited{FONT-family:"Microsoft sans serif";color:#999933}
!-->
</STYLE>
<body bgcolor="#EFEFEF"><font face="MS Pゴシック">
<dl>

-res.htm-
<table width="100%"><tr><td align="left">
<dt>
&NUMBER
<font color="green">&NAME</font>
<font color="red">&MAIL</font>
</td><td align="right"><font color=#666666 size=-1>&DATE</font>
</td></tr></table>
<br><br>
<dd>&MESSAGE
<br><br>
<dt><hr size="1" color=#999999>

-newres.htm-
res.htmの7行目に
<font color="blue">▼</font>
↑を挿入。
新着レスは日付の横に青い▼が付きます。

110 :びちびちうんこ :2001/04/02(月) 00:26
黒地に白文字

-- Header.html --

<html><head><style type="text/css"><!--
.{font-size:12px}
.mail{color=ivory}
a:link{color:#e0e0ff}
a:visited{color:#ffe0ff}
a:hover{color:red}
div{background-color:#808080;color=white;font-family:Times}
div.new{background-color:#a07070;color=white;font-family:Times}
dir{background-color:#000000;color=white}
--></style></head><body bgcolor="black"><font face="MS Pゴシック" color="white"><dl>

-- Res.html --

<div><i>&NUMBER</i> : <span class="mail">&MAILNAME</span>
wrote on &DATE</div><dir>&MESSAGE</dir><br>

-- NewRes.html --

<div class="new"><i>&NUMBER</i> : <span class="mail">&MAILNAME</span>
wrote on &DATE</div><dir>&MESSAGE</dir><br>


111 :しよ〜しゃさん :2001/04/02(月) 00:36
質問なんですが、
1さんみたいな感じでスレッドタイトルやレス表示欄の位置を変えるにはどうすればいいのでしょうか?
1さんみたいにスレッドタイトル一覧を左に持っていきたいのですが…。


112 :111 :2001/04/02(月) 00:42
自己解決しました、すいません。

113 :なな〜しゃさん :2001/04/02(月) 00:44
>>111
1のメニューボタンを見ると
縦3画面構成に変更 + ボード一覧を非表示


114 :なな〜しゃさん :2001/04/02(月) 00:45
遅かった…

115 :しよ〜しゃさん :2001/04/02(月) 04:42
みんなのお気に入りがみれて面白いねここ。

116 :しよ〜しゃさん :2001/04/02(月) 04:52
http://desktopgazou.hypermart.net/cgi/gazou/img20010401215007.gif
1のはAAが見にくいので改造した

117 :かつーしゃ :2001/04/02(月) 13:07
>>116
その右下にTXとかAAとか出すのってどうするんですか?



118 :なな〜しゃさん :2001/04/02(月) 16:07
http://desktopgazou.hypermart.net/cgi/gazou/img20010401104307.jpg
このNEWとかわかりやすいからいいね
あとは一レス毎のライン

119 :116 :2001/04/02(月) 17:57
>>117
JavaScript使うのはじめてで、参考書見ながらやったけどよくわからなかった。あんまりうまくないソースだよ。
ナヴゥさんの、メアドのスクリプトも使ってます。

###header.htm
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>header.htm</title>
<style type="text/css">
<!--
body {
background-color: #f5f5f5;
font-family: "MS Pゴシック";
line-height: 1.5;
color: #303030;
}

ins {
text-decoration: none;
}

div.old,div.new {
margin-bottom: 1em;
border-bottom: 1px solid gray;
border-right: 1px solid gray;
}

div.infomation {
padding-left: 1ex;
}

div.message {
margin-top: 1ex;
margin-bottom: 1ex;
padding-left: 4em;
padding-right: 1ex;
}

div.note {
text-align: right;
padding-right: 1ex;
padding-bottom: 0ex;
}

div.t_line_change {
margin-bottom: 1ex;
padding-right: 1ex;
text-align: right;
background: #3060cc;
color: ffffff;
font-weight: 700;
/* position: fixed;
left: 0;
top: 0;
width: 100%;*/
}

div.line_change {
text-align: right;

padding-right: 1ex;
}

span.name {
color: #3559c0;
}

span.date {
color: #3559c0;
}

span.age,span.sage,span.mail {
font-size: 80%;
}

form {
display: inline;
}

-->
</style>
<script language="JavaScript1.2">
<!--
function add_dist(meado)
{
if (meado.search(/[^@]+@[^@]+/i) != -1) {
document.write('<span class="mail"><a href="mailto:'+meado+'">'+meado+'</a></span>');
} else if (meado=="sage") {
document.write('<span class="sage">'+meado+'</span>');
} else if (meado=="age") {
document.write('<span class="age">'+meado+'</span>');
} else {
document.write('<span class="other">'+meado+'</span>');
}
}
//end-->
</script>
</head>
<body>

<div class="t_line_change">スレッド全体の行間:
<form>
<input type="radio" name="t_change" value="text" accesskey="t" checked onClick="body.style.lineHeight='150%'">テキスト(Alt+T)
<input type="radio" name="t_change" value="asciiart" accesskey="a" onClick="body.style.lineHeight='100%'">アスキーアート(Alt+A)
</form>
</div>

<div>


120 :116 :2001/04/02(月) 17:58
長いって言われたので2回に分け。

###res.htm
<div id="res&PLAINNUMBER" class="old">
<div class="infomation"><span class="number">&NUMBER</span> 名前:<span class="name">&NAME</span></div>
<div class="message">&MESSAGE</div>
<div class="note"><script language="JavaScript">add_dist("&MAIL");</script> 投稿日:<span class="date">&DATE</span><!--</div>
<div class="line_change">-->
<form>
<input type="radio" name="change" value="text" onClick="res&PLAINNUMBER.style.lineHeight='150%'">TX
<input type="radio" name="change" value="asciiart" onClick="res&PLAINNUMBER.style.lineHeight='100%'">AA
</form>
</div>
</div>

###newres.htm
<div id="res&PLAINNUMBER" class="new">
<div class="infomation">☆New! <span class="number">&NUMBER</span> 名前:<span class="name">&NAME</span></div>
<div class="message">&MESSAGE</div>
<div class="note"><script language="JavaScript">add_dist("&MAIL");</script> 投稿日:<span class="date">&DATE</span><!--</div>
<div class="line_change">-->
<form>
<input type="radio" name="change" value="text" onClick="res&PLAINNUMBER.style.lineHeight='150%'">TX
<input type="radio" name="change" value="asciiart" onClick="res&PLAINNUMBER.style.lineHeight='100%'">AA
</form>
</div>
</div>


121 :しよ〜しゃさん :2001/04/02(月) 18:02
>>102 のナヴゥさんのスキン、導入しました。
んで、やっぱsageの名前はひとめでわかるといいなぁ。と思ったので
「sage」という字と同じ色で表示させるように改造してみました。

***header.htm***
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
<!--

body {
background-color: #EFEFEF;
font-family: "MS Pゴシック";
color: #000000;
}

.day { color: #666666; font-size: smaller}
.mail { color: #999933; font-size: smaller}
.star { color: #EFEFEF; font-size: smaller}
.name { color: #663300}
.sagename { color: #990066 } /* sageの時の名前表示色 */
.newnum { color: #CC0E0E}
.age { color: #FF6666; font-size: smaller}
.sage { color: #990066; font-size: smaller}
a:link { color: #336600}
a:visited { color: #999933}
a.mail:link { color: #336600; font-size: smaller}
a.mail:visited { color: #999933; font-size: smaller}
!-->
</style>
<script language="JavaScript">
<!--
function add_dist(namae,meado)
{
if (meado.search(/[^@]+@[^@]+/i) != -1) {
document.write('<span class="name">'+namae+'</span><span class="mail"><a href="mailto:'+meado+'">'+meado+'</a></b></span>');
} else if (meado=="sage") {
document.write('<span class="sagename">'+namae+'</span><span class="sage">'+meado+'</b></span>');
} else if (meado=="age") {
document.write('<span class="name">'+namae+'</span><span class="age">'+meado+'</b></span>');
} else {
document.write('<span class="name">'+namae+'</span><span class="mail">'+meado+'</b></span>');
}
}
//end-->
</script>
</head>
<body>
<dl>

***newres.htm***
<dt>
<b><a href="menu:&PLAINNUMBER"><span class="newnum">&PLAINNUMBER</span></a></b>
名前:<script language="JavaScript">add_dist("&NAME","&MAIL");</script>
<span class="day"> 投稿日:&DATE</span><span class="star"> newdoko</span>
<br>
<dd>&MESSAGE
<br><br>

***res.htm***
<dt>
<b>&NUMBER</b>
名前:<script language="JavaScript">add_dist("&NAME","&MAIL");</script>
<span class="day"> 投稿日:&DATE</span>
<br>
<dd>&MESSAGE
<br><br>

122 :121 :2001/04/02(月) 18:04
>>119
ソース公開ありがとう。早速これも導入してみよう。…デキルカナ。

123 :しよ〜しゃさん :2001/04/02(月) 18:16
自分はHTMLの知識がないので、職人さんのソースがありがたいです。
コピペさせてもらえるだけで変えられるっていいですね。
これからも、こんなのはいかがですか?とか、〜風です!
ってな具合に、いろいろUPして下さると楽しいです。

124 :しよ〜しゃさん :2001/04/02(月) 18:34
1さんのを使わせてもらってます〜
微妙に感動です もっとカスタマイズしたくなってきました

125 :しよ〜しゃさん :2001/04/02(月) 19:53
私も1さんの使わしてもらってます。
レスごとに線が引かれてるのって見やすいですね。

ところで、長時間2ちゃんを見てても疲れない(であろう)
backgroundカラーとfontカラーを参考に聞いてみたいのですが、
皆さんはどういう色が見てて疲れないですか?

私は
background-color: #AFEEEE;
でfontカラーは1さんと同じです。
人によって疲れ方がちがうのかもしれないですけどね…。

126 :名無しさん :2001/04/02(月) 21:03
私はベージュがいいです。
画面のプロパティのデザインでアースカラーを選んでいます。

127 :なな〜しゃさん :2001/04/02(月) 23:07
なんかで見たのは
背景色 ベージュなどの肌色系
文字   黒
が良いみたいなのがかいてあったなあ
まあ、目にいいと言うより自分が見やすいのが
精神的にも目にいいのかもね。
無理して目にいい色つかってもなれるまでストレスたっぷり
じゃ、意味無いから

128 :しよ〜しゃさん :2001/04/02(月) 23:27
紙の上の見やすさと、画面上の見やすさは違うからなあ。
液晶とCRTでも違うのかな。

129 :なな〜しゃさん :2001/04/02(月) 23:55
区切り線をよく見ますがあれはどうするのでしょうか?
また、L字になった区切り線もかっこいいなあと思います。

あ、サ骨さんのをつかわせてもらってますが、
番号が赤くなったときは「なぜ?あの星が赤いのに惚れたのに」と悩みました(w
いまは白文字にして隠しておいているので気分が変わったら
redにでもしてみようと思ってます。
確かに毎回位置が違うところにNEWとかって出てると目障りですからね。
いまは新着レス番号が赤く変わっていた方が見やすいかもって思ってます。

130 :なな〜しゃさん :2001/04/02(月) 23:57
あ、いまごろ自分がなな〜しゃになってるってことに気づきましたが
これはおみとろんで強制ブラウザ使用にしてるんでこうなってますが
ここに書き込むときはかちゅなんで(w
作者さん、つかってますよ〜(w

131 :サ骨 :2001/04/03(火) 00:43
>>129やっぱりしばらく使ってみないとわからないからねぇ…

面白いモン見っけた。
http://www.cc-net.or.jp/~piro/tips/page/p0024.html
hrader.htmに埋め込んだら面白いかも。
かちゅ〜しゃ本体が対応しないならこっちで(笑

132 :しよ〜しゃさん :2001/04/03(火) 00:51
ファイル3つにしないでデリミタ入れてファイル一つに
した方が管理しやすくないでしょうか?

133 :名無しさん :2001/04/03(火) 00:51
>>120
newres.htmの「☆New!」を黒から赤に変えました。
<div class="infomation"><font color="red">New!<./font>
としました。 なかなかイケてます。

134 :しよ〜しゃさん :2001/04/03(火) 01:58
>>132
コピペが楽になるね。

135 :名無しさん :2001/04/03(火) 02:49
お遊びでこんなのどうですか
花火がはじけます。
ソースはwww.dynamicdrive.comの物です

Header.htm

<body vlink="red" link="lime" text="#00f900"><script language="JavaScript1.2">
var ns=document.layers?1:0
var ie4=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
amount=14;
if (ns){
for (i=0; i < amount; i++)
document.write("<LAYER NAME='nsstars"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,1,1'></LAYER>");
}
else if (ie4||ns6){
document.write("<div id='ieCov' style='position:absolute;top:0px;left:0px'>");
document.write("<div style='position:relative'>");
for (i=0; i < amount; i++)
document.write("<div id='iestars"+i+"' style='position:absolute;top:0px;left:0px;width:1;height:1;background:#ffffff;font-size:1;z-index:10'></div>");
document.write("</div></div>");
}
Clrs=new Array('ff0000','00ff00','ffffff','ff00ff','ffa500','ffff00','00ff00','ffffff','ff00ff')
sClrs=new Array('ffa500','00ff00','FFAAFF','fff000','fffffF')
Xpos=300;
Ypos=150;
initialStarColor='00ff00';
step=5;
currStep=0;
explosionSize=120;
function Fireworks(){
var WinHeight=(ns||ns6)?window.innerHeight-100:window.document.body.clientHeight-100;
var WinWidth=(ns||ns6)?window.innerWidth-100:window.document.body.clientWidth-100;
var Yscroll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;
for (i=0; i < amount; i++){
if (ie4||ns6)
var layer=ns6?document.getElementById("iestars"+i).style : eval("iestars"+i).style;
else if (ns)
var layer=document.layers["nsstars"+i]
var randCol=Math.round(Math.random()*8);
var randSz=Math.round(Math.random()*2);
layer.top = Ypos + explosionSize*Math.sin((currStep+i*5)/3)*Math.sin(currStep/100)
layer.left= Xpos + explosionSize*Math.cos((currStep+i*5)/3)*Math.sin(currStep/100)
if (currStep < 110){
if (ns){layer.bgColor=initialStarColor;layer.clip.width=1;layer.clip.height=1}
else{layer.background=initialStarColor;layer.width=1;layer.height=1;layer.fontSize=1}
}
else{
if (ns){layer.bgColor=Clrs[randCol];layer.clip.width=randSz;layer.clip.height=randSz}
else{layer.background=Clrs[randCol];layer.width=randSz;layer.height=randSz;layer.fontSize=randSz}
}
}
if (currStep > 220)
{
currStep=0;
Ypos = 50+Math.round(Math.random()*WinHeight)+Yscroll;
Xpos = 50+Math.round(Math.random()*WinWidth);
for (i=0; i < sClrs.length; i++)
{
var newIcol=Math.round(Math.random()*i);
}
initialStarColor=sClrs[newIcol];
explosionSize=Math.round(80*Math.random()+100);
}
currStep+=step;
setTimeout("Fireworks()",20);
}
Fireworks();
// --></script></body>

Res.htmとNewRes.htm

<table border="3" cellpadding="0" cellspacing="0" width="100%" bgcolor="black"><tr><td>
&NUMBER : &MAILNAME : &DATE<br>
&MESSAGE
</td></tr></table>

136 :しよ〜しゃさん :2001/04/03(火) 05:05
>>121
名前(&NAME)に " が入ってるとエラーが…

137 :ナヴゥ :2001/04/03(火) 05:45
>>136
add_dist('&NAME', '&MAIL')みたいに""じゃなくて ' ' でかこむといいんだけど、
そうすると今度は ' がは言ってるとエラーになっちゃうなぁ…。
でも、エラーの頻度はぐっと下がるはず。。
って、2chのスクリプト自体、名前に ' はやばかった気が…

138 :ナヴゥ :2001/04/03(火) 05:46
>>137
× は言ってると
○ 入ってると

139 :名無し産 :2001/04/03(火) 05:48
タイトル一覧のところを白じゃなくて
緑の背景に青い字にしたいんだけど、どこを変更すればいいの?


140 :しよ〜しゃさん :2001/04/03(火) 05:48
>>129
CSSの勉強をするとすぐわかると思う。
L字型の区切り線についてはstyle要素内のborder:で定義してることが多いよ。

http://www.zspc.com/stylesheets/index.html
ここのCascadingStyleSheetsのところを読むといい。

書籍の詳解シリーズを買ってもいいけどね。結構お勧め。

141 :名無し産 :2001/04/03(火) 05:49
139ですけど、追加
背景はあのレンガの画像指定で、2chまんまにしたいよう。


142 :しよ〜しゃさん :2001/04/03(火) 07:32
>>139
あそこはAPIで描画しているので、今のところカスタマイズできないと思われます、残念。

143 :ナヴゥ :2001/04/03(火) 08:40
発言統計なんぞを作ってみました…
やや重くなるし、コテハンが多いスレッドではすごいことになります…注意
***header.htm***
<head></head>内に以下を挿入:

<script language="JavaScript">
<!--
res = new Array();
names = new Array();
totnum = 0;

function makestat(name) {
name = name.replace(/<\/?b>/gi, "");
newn = 1;
for (c in names) {
if (names[c] == name) {
newn = 0;
key = c;
}
}
if (newn) {
names[totnum] = name;
res[totnum] = 1;
totnum++;
} else {
res[key]++;
}
}
function viewstat() {
i = 0;
a = ""
for(i=0; i < totnum; i++) {
a = a + names[i] + ": " + res[i] + "\n";
}
alert(a);
}
-->
</script>

そして、<body>タグのあとに以下挿入:
<p align="right"><button onClick="viewstat()">発言統計</button></p><hr>

***newres.htm & res.htm***
ファイルの初めに以下挿入:
<script language="JavaScript">
<!--
makestat('&NAME');
-->
</script>

144 :しよ〜しゃさん :2001/04/03(火) 08:46
http://desktopgazou.hypermart.net/cgi/gazou/img20010403014444.gif

遊びでやったら、綺麗に出来たよ〜

145 :ナヴゥ :2001/04/03(火) 08:53
>>143
"\n"ってあるところを、" / "にした方がかなり良いです…
多少見にくくなりますが

146 :ナヴゥ :2001/04/03(火) 09:15
発言統計ボタンを押すと
>>143>>145http://www26.tok2.com/home/entrance2/cgi-bin/imgbd/img-box/img20010403090952.png
こんな風なアラートが出ます。

147 :しよ〜しゃさん :2001/04/03(火) 11:24
みなさんいろいろjavaで工夫された物を作ってますが
proxiomitoronでjavaオフにしてるのでjava物は無理です・・

148 :(・∀・) :2001/04/03(火) 13:58
>>147
(・∀・)イイ!

149 :しよ〜しゃさん :2001/04/03(火) 18:21
JavaとJavaScriptの違いを勉強してから出直して来い

150 :しよ〜しゃさん :2001/04/03(火) 20:15
つーかProxomitronの原理を勉強してから出直して来い

151 :しよ〜しゃさん :2001/04/03(火) 20:58
つーか子作りの原理を勉強してから出直してこい

152 :117 :2001/04/04(水) 15:00
>>116
ありがとう!やってみます。


153 :しよ〜しゃさん :2001/04/04(水) 22:10
>>151
ありがとう!やってみます。


154 :しよ〜しゃさん :2001/04/05(木) 01:10
以前うぷしていただいたCarbonは
どこに置けばいいんですか?
初心者ですんまそん;

155 :しよ〜しゃさん :2001/04/05(木) 01:14
PC一般板「ネット上でイライラする一言」スレッドより


1 名前:名無しさん@お腹いっぱい。 投稿日:2001/03/19(月) 03:16
「初心者ですみません」

156 :しよ〜しゃさん :2001/04/05(木) 01:41
>>154
WindowBlindsはインストールしてある?
インストールしてあるならWindowBlindsフォルダに
フォルダ付きで解凍してやれば大丈夫だよ

>>155
まぁまぁ・・・

157 :しよ〜しゃさん :2001/04/05(木) 19:20
>>119

の改造、良いのか悪いのかわかんないけど
2ch広告対応タイプ。

<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>header.htm</title>
<style type="text/css">
<!--
body {
background-color: #f5f5f5;
font-family: "MS Pゴシック";
line-height: 1.5;
color: #303030;
}

ins {
text-decoration: none;
}

div.old,div.new {
margin-bottom: 1em;
border-bottom: 1px solid gray;
border-right: 1px solid gray;
}

div.infomation {
padding-left: 1ex;
}

div.message {
margin-top: 1ex;
margin-bottom: 1ex;
padding-left: 4em;
padding-right: 1ex;
}

div.note {
text-align: right;
padding-right: 1ex;
padding-bottom: 0ex;
}

div.t_line_change {
margin-bottom: 1ex;
padding-right: 1ex;
text-align: right;
background: #3060cc;
color: ffffff;
font-weight: 700;
/* position: fixed;
left: 0;
top: 0;
width: 100%;*/
}

div.line_change {
text-align: right;

padding-right: 1ex;
}

span.name {
color: #3559c0;
}

span.date {
color: #3559c0;
}

span.age,span.sage,span.mail {
font-size: 80%;
}

form {
display: inline;
}

-->
</style>


158 :157の続き :2001/04/05(木) 19:20
<script language="JavaScript1.2">
<!--
function add_dist(meado)
{
if (meado.search(/[^@]+@[^@]+/i) != -1) {
document.write('<span class="mail"><a href="mailto:'+meado+'">'+meado+'</a></span>');
} else if (meado=="sage") {
document.write('<span class="sage">'+meado+'</span>');
} else if (meado=="age") {
document.write('<span class="age">'+meado+'</span>');
} else {
document.write('<span class="other">'+meado+'</span>');
}
}
//end-->
</script>
</head>
<body>

<table border=1 cellspacing=11 cellpadding=2 width=95% bgcolor=#CCFFCC align=center><tr><td>
<A HREF="http://www.download.co.jp/" TARGET="_blank">
<IMG WIDTH=400 HEIGHT=37 SRC="http://senden.kakiko.com/download.gif" border="0"></A>
<a href="http://www.gekiura.com/index.shtml"><img src=" height="31" width="88" border="0"></a>
<a href="http://www.ultracyzo.com/"><img src="http://www.ultracyzo.com/images/ultracyzo.gif" height="31" width="88" border="0"></a>
<a href="http://www.radiat.net/"><img src="http://www.radiat.net/img/banner3.gif" height="31" width="88" border="0"></a>
<a href="http://www.p-web.gr.jp/daiwa/"><img src="http://2ch.server.ne.jp/diet.gif" height="31" width="88" border="0"></a>
<a href="http://www.baken.com/index.cgi"><img src="http://www.alpha.dti2.ne.jp/~keiba/baken/2chbana.gif" height="31" width="88" border="0"></a>
<a href="http://www.nk-21.com"><img src="http://2ch.server.ne.jp/nk_banner1.gif" height="31" width="88" border="0"></a>
<a href="http://w-giga.com/"><img height="88" width="88"
src="http://www.colle.co.jp/giga/gigabana.gif"
border="0"></a>
<a HREF="http://www.ninki.net/cgi-bin/bclick.cgi?id=2chbbs"><IMG BORDER=0 WIDTH=88 HEIGHT=62 SRC="http://www.ninki.net/cgi-bin/bdisp.cgi?id=2chbbs"></a>
<a href="http://www.jbbs.net/"><font size="2">2ch型レンタル掲示板</font></a>
<a href="http://www.maido3.com/mentai/"><b><font size=2>深夜でも快適なレンタルサーバ</b></a>
<a HREF=" TARGET="_blank">広告出稿のお問い合わせ</a></font>
</tr></td></table>

<div class="t_line_change">スレッド全体の行間:
<form>
<input type="radio" name="t_change" value="text" accesskey="t" checked onClick="body.style.lineHeight='150%'">テキスト(Alt+T)
<input type="radio" name="t_change" value="asciiart" accesskey="a" onClick="body.style.lineHeight='100%'">アスキーアート(Alt+A)
</form>
</div>

<div>


159 :しよ〜しゃさん :2001/04/07(土) 00:02
自分、HTMLなんて何一つ分かりません。
でも、どうしても板ボタンのフォントを小さくして
間隔も詰めたいのです!せめてbeta12の頃くらいに。
どうか助けて下さい。

160 :しよ〜しゃさん :2001/04/07(土) 00:15
>>159
ここで書かれているスキンでカスタマイズできるのはレスを表示する欄だけで
板ボタンの改造までは無理だと思います。


161 :しよ〜しゃさん :2001/04/07(土) 01:00
>>159
eXeScopeとかResourceHacker使えばいけるんじゃないっすか?
試したこと無いからアレだけど。

162 :しよ〜しゃさん :2001/04/07(土) 14:09
ここのソースをいろいろ使わせてもらってます。ありがとうございます。
でも、ソースによってはすーげー重くなるのね。びっくりした。
(無知でスマソ…)

いつもはサ骨さんの>>71のを使わせてもらってるんですけど、
レスとレスの間にライン入れたいんです。
どのようにしたらいいんでしょうか?


163 :しよ〜しゃさん :2001/04/07(土) 17:09
>>162
newres.htmとres.htmの最後に
<HR>
といれてみるとか。

実際に試したわけじゃないんで、違ってたらすんません。

164 :サ骨 :2001/04/07(土) 18:59
Htmlをその場で生成するわけだからねぇ。
newresとresはなるべく軽いほうがいいと思う。
↓のスレでチャレンジ! ちなみにレス数は15000を超えてます。
http://tako.2ch.net/test/read.cgi?bbs=youth&key=957323893

165 :しよ〜しゃさん :2001/04/07(土) 22:50
>>162
私もサ骨さんのをコピペらせて&改造させてもらってます。
レスの間に平行線が欲しかったので<hr>入れてみたんですが、
私の画面だと却って見にくくなってしまったので、
res.htmとnewres.htmの<dd>と<dr>タグをやめて
全部tableにしてみました。表の属性はCSSで。
良かったら参考に。
http://desktopgazou.hypermart.net/cgi/gazou/img20010407154231.gif

ソースはこっち
(header.htm)++++++++++++++++++++++++

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
<!--

body {
background-color:#ffffff;
font-family: "MS Pゴシック";
color: #555555;
}
table{
border-color:#cc0066; border-bottom-style:solid;border-right-style:solid;
border-bottom-width:2px;border-right-width:5px;padding:10px;background-color:#feefef;
width:100%;
}
.day { color: #666666; font-size: smaller}
.mail { color: #cc6666; font-size: smaller}
.star { color: #EFEFEF; font-size: smaller}
.name { color: #663300}
.newnum { color: #CC0E0E}
.age { color: #FF6666; font-size: smaller}
.sage { color: #990066; font-size: smaller}
a:link { color: #aa2b2b}
a:visited { color:#cc6666}
a.mail:link { color: #aa2b2b; font-size: smaller}
a.mail:visited { color: #cc6666; font-size: smaller}
!-->
</style>
<script language="JavaScript">
<!--
function add_dist(meado)
{
if (meado.search(/[^@]+@[^@]+/i) != -1) {
document.write('<span class="mail"><a href="mailto:'+meado+'">'+meado+'</a></b></span>');
} else if (meado=="sage") {
document.write('<span class="sage">'+meado+'</b></span>');
} else if (meado=="age") {
document.write('<span class="age">'+meado+'</b></span>');
} else {
document.write('<span class="mail">'+meado+'</b></span>');
}
}
//end-->
</script>
</head>
<body>
<dl>

(newres.htm)+++++++++++++++++++++++
<TABLE>
<TBODY>
<TR>
<TD><b><a href="menu:&PLAINNUMBER"><span class="newnum">&PLAINNUMBER</span></a></b> 名前:<span class="name">&NAME</span><script language="JavaScript">add_dist("&MAIL");</script><span class="day"> 投稿日:&DATE</span><span class="star"> newdoko</span></TD>
</TR>
<TR>

<TD style="padding-left:35px">&MESSAGE</TD>
</TR>
</TBODY>
</TABLE>
<br>

(res.htm)++++++++++++++++++++++++++
<TABLE>
<TBODY>
<TR>
<TD><b>&NUMBER</b> 名前:<span class="name">&NAME</span><script language="JavaScript">add_dist("&MAIL");</script><span class="day"> 投稿日:&DATE</span></TD>
</TR>
<TR>

<TD style="padding-left:35px">&MESSAGE</TD>
</TR>
</TBODY>
</TABLE>
<br>

初心者に毛が生えた程度なんでミスってたらスマソン。

166 :サ骨 :2001/04/07(土) 22:53
>>165
かわいいっすな。

167 :しよ〜しゃさん :2001/04/08(日) 00:30
http://www.2ch.net/ba.gif をダウンロードして、
かちゅ〜しゃと同じディレクトリに保存。
そしてheader.htmで
body background="file:///c:/katjusha/ba.gif"
のように絶対パスで指定。
res.htmやnewres.htmで
table width="95%" bgcolor="#efefef" celspacing="12" と
テーブルタグを書き込めば、2ちゃん風に。
ってもう誰かやっているだろうな。


168 :しよ〜しゃさん :2001/04/08(日) 00:35
tableタグに width="95%" bgcolor="#efefef" cellspacing="11" cellpadding="2"
がよさそうですね。

あっ、上の celspacing になってる。
正しくは cellspacing ですね。

ごめんなさい。


169 :165 :2001/04/08(日) 01:15
>>サ骨さん
お褒めの言葉ありがとうございます。テーマは春です(笑)。
初めてのカスタマイズで、サ骨さんのソースは
とても参考になりました。

前レスで書き忘れてしまいましたが、ナヴゥさんの
Javascriptも使わせていただいています。
お名前抜けていて申し訳ありませんでした。

私はまだ辞典とにらめっこレベルなので、しんどくて
ビルダーに試しに放り込んでみたら、勝手にソースを補完されました。
ウトゥだった・・・。

170 :メイク魂ななしさん :2001/04/08(日) 01:37
>>165さん
今、やってみました。
可愛いっ!!ありがと〜!

171 :しよ〜しゃさん :2001/04/08(日) 11:09
いまいちレスがつかないねここ。
もっとレス付いてもいい機能なんだが。
Web製作板で立てたら盛り上がるかモナー

172 :しよ〜しゃさん :2001/04/08(日) 11:52
レスがつかない=ソースを公開する人が少ない理由は
このスレの住人が、くれくれちゃんな初心者(自分でHTMLを書けない)さん
ばかりだからと思われ。

オレモナー


173 :しよ〜しゃさん :2001/04/08(日) 15:00
>>172
激しく同意

174 :サ骨 :2001/04/08(日) 19:02
俺ばっかり公開してもアレだし。

175 :しよ〜しゃさん :2001/04/08(日) 19:05
htmlは書けるがデフォルトが一番と思っている人が多いと思われ

176 :しよ〜しゃさん :2001/04/08(日) 19:41
おれもいろいろいじってみたけど、
いじればいじるほど読み難くなって
結局ディフォルトだ(藁

177 :しよ〜しゃさん :2001/04/08(日) 21:07
>>175-176
そう?
結構このスレで公開されてるの便利に使わせてもらってるよ。

178 :しよ〜しゃさん :2001/04/08(日) 22:36
>>172
つまりこういう人→>>177が多いってことなんだな。

179 :165 :2001/04/08(日) 23:15
>>170
どうもです。そういってもらえると嬉しいです。

私もあまりカスタマイズに凝らないので、
次はいつ変更するやら。
かちゅーしゃ使用者がもっと増えればいいのかな?

180 :しよ〜しゃさん :2001/04/09(月) 00:37
デスクトップスレみたいに自分がカスタマイズした
画面を自慢すべし。

181 :しよ〜しゃさん :2001/04/09(月) 09:53
非力なマシンなのでなるべくシンプルに見やすくしてみました。あと
改行はなるべく省きました。

--- header.htm ---
<html>
<BODY BGCOLOR="#EFEFEF">
<font face="MS Pゴシック">
<dl>
--- res.htm ---
<dt>
&NUMBER
<font color="forestgreen">&MAILNAME </font>
<font color="Purple">&MAIL </font>
<font color="Navy">&DATE </font>
<dd>&MESSAGE<br>
<dt><hr size="1" color=#999999>
--- newres.htm ---
<dt>
<b>
&NUMBER
</b>
<font color="forestgreen">&MAILNAME </font>
<font color="Purple">&MAIL </font>
<font color="Navy">&DATE </font>
<font color="Red"><b>new!</b></font>
<dd>&MESSAGE<br>
<dt><hr size="1" color=#999999>



182 :( ´∀`)さん [fusianasan] :2001/04/09(月) 14:25
最近かちゅーしゃを使い始めたばかりですが、
HTMLのカスタマイズ面白いですね!
早速作ってみました。こんな感じです
http://members.nbci.com/idrcve/gazou.gif
━━━━━━━━━━━━━Header━━━━━━━━━━━━━
<HTML>
<HEAD>
<STYLE TYPE="TEXT/CSS">
<!--
A:LINK { COLOR:#8080FF; TEXT-DECORATION:NONE; }
A:VISITED { COLOR:#D5D5FF; TEXT-DECORATION:NONE; }
A:HOVER { COLOR:#FFBFBF; TEXT-DECORATION:UNDERLINE; }
!-->
</STYLE>
<TITLE></TITLE>
</HEAD>
<BODY BGCOLOR="#EAFFEA" TEXT="#505050" LINK="#8080FF" VLINK="#D5D5FF" ALINK="#FFBFBFf">
<FONT FACE="MS Pゴシック"><DL>
━━━━━━━━━━━━━NewRes━━━━━━━━━━━━━
<DT><FONT FACE="MS Pゴシック" SIZE="2">&NUMBER</FONT>
<FONT FACE="MS Pゴシック" COLOR="#FFA980">
&NAME</FONT>
<FONT FACE="MS Pゴシック" SIZE="2">
 メール欄[ <FONT COLOR="#FF9595">&MAIL</FONT> </B>] -&DATE-
<FONT COLOR="#FF0000"> NEW</FONT></FONT>
<DD>&MESSAGE
<BR><BR>
<DT><HR SIZE="1" COLOR="#AAAAAA">
━━━━━━━━━━━━━Res━━━━━━━━━━━━━
<DT><FONT FACE="MS Pゴシック" SIZE="2">&NUMBER</FONT>
<FONT FACE="MS Pゴシック" COLOR="#FFA980">
&NAME</FONT>
<FONT FACE="MS Pゴシック" SIZE="2">
 メール欄[ <FONT COLOR="#FF9595">&MAIL</FONT> </B>] -&DATE-</FONT>
<DD>&MESSAGE
<BR><BR>
<DT><HR SIZE="1" COLOR="#AAAAAA">

183 :( ´∀`)さん [server2034.virtualave.net] :2001/04/09(月) 14:54
うう〜ん・・・NEWは小文字にした方がいいかも知れません・・・
開いたことのないスレッドをこれで開くとどギツイです(;´Д`)

184 :サ骨 :2001/04/09(月) 15:06
Newresとresの中身はできるだけ少ないほうが良い。
Datの読み込み→HTMLの生成に時間とパワーがかかる(気がする)
スタイルシートでheadにナとめるのがいいかと思うがどうか。

185 :しよ〜しゃさん :2001/04/09(月) 18:17
外部スタイルシートもできますね。あまり意味ないけど。

----------header------------
<html>
<head>
<link rel="stylesheet" href="file:///c:/katjusha/katjusha.css" type="text/css">
</head>
<body><font face="MS Pゴシック">
<dl><div align="center">

----------katjusha.css------------
body {
background-color: #EFEFEF;
font-family: "MS Pゴシック";
color: #000000;
background-image: url(http://www.2ch.net/ba.gif)
}
.day { color: #666666; font-size: smaller}
.mail { color: #800080; font-size: smaller}
.star { color: #EFEFEF; font-size: smaller}
.name { color: #228B22}
.newnum { color: #CC3399}
a:link { color: #0000FF}
a:visited { color: #660099}
a:active { color : #FF0000 }
table { background: #efefef; margin-top: 15pt; width: 98%;}

----------res------------
<dt> <table border="1" cellspacing="11" cellpadding="2" ><tr><td>
<b>&NUMBER</b>
名前:<span class="name">&NAME</span>
<span class="mail"> &MAIL</b></span>
<span class="day"> 投稿日:&DATE</span>
<br><br>
<dd>&MESSAGE
<br>
</td></tr></table><br>

----------newres------------
<dt> <table border="1" cellspacing="11" cellpadding="2"><tr><td>
<b><a href="menu:&PLAINNUMBER"><span class="newnum">&PLAINNUMBER</span></a></b>
名前:<span class="name">&NAME</span>
<span class="mail"> &MAIL</b></span>
<span class="day"> 投稿日:&DATE</span><span class="star"> new</span>
<br><br>
<dd>&MESSAGE
<br>
</td></tr></table><br>


186 :しよ〜しゃさん :2001/04/10(火) 14:21
>>181
使わせてもらいました。
シンプルだし、軽いし、いい感じです♪

187 :しよ〜しゃさん :2001/04/10(火) 23:56
>>181
いじってたら原型なくなっちゃった、、
スタイル削ればもっと軽快なはず。
----------header------------
<html>
<head>
<style>
<!--
body,td{background:#f0f0f0;color:#000000;
font-family:Tahoma;letter-spacing:0.1em;margin:1.0em;}
h2{font-size:88%;}
p{font-size:82%;line-height:1.2em;margin:0.2em 1.0em;}
a:link,a:visited,a:active{color:#ff0000;text-decoration:none;}
a:hover{background:#ff0000;color:#ffffff;text-decoration:none;}
hr{color:#000000;margin:1.0em 0em;height:0em;}
strong{color:#ff0000;}
//-->
</style>
</head>
<body>
----------res------------
<h2>&NUMBER : &MAILNAME<&MAIL>&DATE</h2>
<p>&MESSAGE</p>
<hr>
----------newres------------
<h2>&NUMBER : &MAILNAME<&MAIL>&DATE <strong>-new!</strong></h2>
<p>&MESSAGE</p>
<hr>

188 :しよ〜しゃさん :2001/04/11(水) 00:28
>>94もなかなか軽いぞ(w

189 :HTML超初心者 :2001/04/11(水) 00:58
みなさんなんかステキに改造してて羨ましかったので
試しに >>181 さんのを導入させてもらいました。
スッキリしていい感じです。
ちょっと文字の色を変えてみようとネットでHTML入門なんか見ながら
好きな色に置き換えみたんですが、レスNo.とリンクの色を
どこで指定すれば良いのか分かりませんでした。
できたらどこでどのように指定すれば良いのか
教えていただけますか?

190 :yami :2001/04/11(水) 01:25
>>189
レスNo.やリンクの色は<body>の中に
link="未訪問" alink="訪問時" vlink="訪問後"
を入れればOKです。
未訪問などの所に色の数値を入れてください。

191 :yami :2001/04/11(水) 01:28
こんなの作ってみたんですけどどうでしょう?
http://desktopgazou.hypermart.net/cgi/gazou/img20010410182221.jpg

------------------Header.htm------------------
<html>
<body bgcolor="#000000" text="#FFFFFF" link="#FFFF66" alink="#FFFF66" vlink="#FFFF66">
<font face="MS Pゴシック">

-------------------Res.htm--------------------
<table border="1" cellspacing="0" cellpadding="5" width="100%"><tr><td bgcolor="#333333">
<dt>&NUMBER 名前:<font color="#33FF33">&MAILNAME</font> 投稿日:&DATE
<blockquote>&MESSAGE</blockquote>
</td></tr></table><br>

------------------NewRes.htm------------------
<table border="1" cellspacing="0" cellpadding="5" width="100%"><tr><td bgcolor="#333333">
<dt><b>&NUMBER</b> 名前:<font color="#33FF33">&MAILNAME</font> 投稿日:&DATE
<blockquote>&MESSAGE</blockquote>
</td></tr></table><br>

スタイルシートは使ってません。
結構軽いと思います。
名前の文字の色が少しまぶしいです。

192 :派栗 :2001/04/11(水) 02:50
流れに逆らい重いのを作ってみました。
>>82 のサ骨氏のを自分なりに変えた物なので
サ骨氏に感謝。

193 :165 :2001/04/11(水) 03:34
>>192
おお、こういう手もあるんですね。
面白い〜。
某板ちゃぶ台スレを表示したら面白いことになりそう。

194 :しよ〜しゃさん :2001/04/11(水) 03:50
>>191
メインで使わせて頂いてます。
とっても見やすくて素敵です。
公開ありがとうございます。

195 :189 :2001/04/11(水) 14:03
>>190 さん
ありがとうございます。
Headerの中身をこういうふうに変えればよいんでしょうか?

=========
<html>
<BODY link="未訪問" alink="訪問時" vlink="訪問後" BGCOLOR="#EFEFEF">
<font face="MS Pゴシック">
<dl>
=========

未訪問などの所には色を入れるわけですよね。

なんか猛烈に勘違いしてたらすいません。

196 :しよ〜しゃさん :2001/04/11(水) 14:48
これから夏に向けて、こんなのはどうでしょう?
http://desktopgazou.hypermart.net/cgi/gazou/img20010411074800.jpg

-----header.htm-----
<html>
<head>
<style type="text/css">
<!--
body {
background-color: #99ccff;
font-family: "MS Pゴシック";
color: #000099;
}
.day { color: #666666; font-size: smaller}
.mail { color: #800080; font-size: smaller}
.star { color: #EFEFEF; font-size: smaller}
.name { margin-top: 2pt; height:0; color: #0000ff; Filter:DropShadow(Color=#ccccff,OffX=2,OffY=2,Positive=1)}
.newnum { color: #CC3399}
a:link { color: #0000FF}
a:visited { color: #660099}
a:active { color : #FF0000 }
table {
background: #efefef;
margin-top: 15pt;
width: 98%;
border-color: #ffffff;
border-style: solid;
border-width: thick;
}
-->
</style>
</head>
<body><font face="MS Pゴシック">
<dl><div align="center">

-----res.htm-----
<dt>
<table><tr><td>
<b>&NUMBER</b>
名前:<span class="name">&NAME</span>
<span class="mail"> &MAIL</b></span>
<span class="day"> 投稿日:&DATE</span>
<br><br>
<dd>&MESSAGE
<br>
</td></tr></table>
<br>

-----newres.htm-----
<dt>
<table><tr><td>
<b><a href="menu:&PLAINNUMBER"><span class="newnum">&PLAINNUMBER</span></a></b>
名前:<span class="name">&NAME</span>
<span class="mail"> &MAIL</b></span>
<span class="day"> 投稿日:&DATE</span><span class="star"> new</span>
<br><br>
<dd>&MESSAGE
<br>
</td></tr></table>
<br>



197 :196 :2001/04/11(水) 14:59
しまった(^^;

header.htmの

.star { color: #EFEFEF; font-size: smaller}


.star { color: #0000cc; font-size: smalleer}
に訂正します。(newが背景に隠れてしまっていた。)

198 :yami :2001/04/11(水) 18:23
>>194
ありがとうございます♪

>>195
そういう風にすればOKですよ。

199 :&#9829 :2001/04/11(水) 19:04
test

200 :サ骨 &#9829 :2001/04/11(水) 19:05
俺の使うと名前欄に&heartとかちゃんとかけるように見えるのな。

201 :名無しさん :2001/04/11(水) 23:27
昨日かちゅ〜しゃを導入。
早速、即席スキンを作ってみました。
http://desktopgazou.hypermart.net/cgi/gazou/img20010411162223.gif

202 :しよ〜しゃさん :2001/04/11(水) 23:28
ちびギコがイイネあぷ希望

203 :165 :2001/04/12(木) 00:55
>>197

訂正後の「font-size:smalleer」、
eが一つ多いですよ〜。

コピペする人のために一応。

204 :しよ〜しゃさん :2001/04/12(木) 01:51
カスタマイズしても、本文以外変わらない。鬱だ。

205 :名無しさん :2001/04/12(木) 01:58
>>202
恥ずかしながら、しいのスキンのソースです。
3ヶ月ぶりにHTMLを触ったので、
間違いがあっても目をつぶってやってください…。

---------------------------→header.htm

<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
<!--
/* 怪しいCSSです。かなり無駄な真似をしていると思います(^^; */
/* それが分かる方はこの文章を含め、不要な部分を削ってやってください */
a:link {color: #0000ff ;text-decoration: none ;}
a:visited {color: #191970 ;text-decoration: none ;}
a:active {color: #ffd700 ;text-decoration: none ;}
a:hover {color: #ffd700 ;text-decoration: none ;cursor: n-resize}
body {color: #2d3e57 ;font-size: 12px ;font-family: "MSP ゴシック" ;background-color: #f5f5f5 ;}
/* 影 */
.shadow {border-style: solid ;border-color: #dcdcdc ;border-width: 0px 2px 2px 0px;}
/* 各部フォント指定 */
.no1 {color: #0000ff ;font-size: 12px ;font-family: Arial ;font-weight: bold ;}
.shii1 {color: #ffffff ;font-size: 12px ;font-family: "MS ゴシック" ;}
.mail {color: #8098bd ;font-size: 12px ;font-family: Arial ;font-weight: bold ;}
.name {color: #8098bd ;font-size: 12px ;font-family: "MS ゴシック" ;font-weight: bold ;}
.message {color: #2d3e57 ;font-size: 12px ;font-family: "MS ゴシック" ;}
.date {color: #b0c4de ;font-size: 11px ;font-family: Arial ;font-weight: bold ;}
/* テーブル */
.honbun {background-color: #f7f7f7 ; width: 100% ;}
.no2 {background-color: #000000 ;text-align: center ;}
.shii2 {background-color: #b0c4de ;text-align: center ;}
.shii3 {background-color: #ffd700 ;text-align: center ;}
-->
</style>
</head>
<body>
<div align=center>

206 :名無しさん :2001/04/12(木) 01:59
205の続きです。
---------------------------→res.htm

<table border=0 cellspacing=0 cellpadding=1 bgcolor="#000000" width="98%" class="shadow">
<tr><td>
<table border=0 cellspacing=0 cellpadding=5 class="honbun">
<tr><td width=50 valign=top>
<table border=1 cellspacing=0 cellpadding=1 width=50 bordercolor="#000000" class="shadow">
<tr><td class="no2">
<span class="no1">NO.&NUMBER</span>
</td></tr><tr>
<td class="shii2"><span class="shii1">
∧ ∧<br>
(*゚−゚)<br>
</span></td></tr></table></td><td>
<span class="mail">&MAIL■</span>
<span class="name"> &NAME</span>
<hr size=1 width="100%" color="#000000" align=center noshade><br>
<span class="message">&MESSAGE</font>
<div align=right class="date">DATE:&DATE</div>
</td></tr></table></td></tr></table>
<br>

---------------------------→newres.htm

<table border=0 cellspacing=0 cellpadding=1 bgcolor="#000000" width="98%" class="shadow">
<tr><td>
<table border=0 cellspacing=0 cellpadding=5 class="honbun">
<tr><td width=50 valign=top>
<table border=1 cellspacing=0 cellpadding=1 width=50 bordercolor="#000000" class="shadow">
<tr><td class="no2">
<span class="no1">NO.&NUMBER</span>
</td></tr><tr>
<td class="shii3"><span class="shii1">
∧ ∧<br>
(*゚−゚)<br>
</span></td></tr></table></td><td>
<span class="mail">&MAIL■</span>
<span class="name"> &NAME</span>
<hr size=1 width="100%" color="#000000" align=center noshade><br>
<span class="message">&MESSAGE</font>
<div align=right class="date">DATE:&DATE</div>
</td></tr></table></td></tr></table>
<br>

207 :しよ〜しゃさん :2001/04/12(木) 02:24
>>205
めっちゃかわいい・・・なごんだ。
ちなみにミスは見あたらず。
ありがとー!!!

208 :サ骨 :2001/04/12(木) 02:45
>>205
.shii1は、.shii2と.shii3に入れてしまうのがいいと思った。絵みたいなもんだし。
-- head --
.shii2 {background-color: #b0c4de ;text-align: center ;}
.shii3 {background-color: #ffd700 ;text-align: center ;}
     ↓
.shii2 {color: #ffffff ;font-size: 12px ;font-family: "MS ゴシック" ;background-color: #b0c4de ;text-align: center ;}
.shii3 {color: #ffffff ;font-size: 12px ;font-family: "MS ゴシック" ;background-color: #ffd700 ;text-align: center ;}

-- res(newres) --

<td class="shii2(3)"><span class="shii1">
∧ ∧<br>
(*゚−゚)<br>
</span></td>

   ↓

<td class="shii2(3)">
∧ ∧<br>
(*゚−゚)<br>
</td>

俺が間違ってるかもしれないと思った。

209 :しよ〜しゃさん :2001/04/12(木) 02:52
>>205
発言番号が、黒字に青で見にくいで〜す。
と言いつつ、早速使わせて頂いてます。

210 :名無しさん :2001/04/12(木) 13:48
自分でミスに気が付きました(涙
<span class="message">&MESSAGE</font>

<span class="message">&MESSAGE</span>
で、よろしくお願いします。

>>207
ありがとうございます。
しいの顔の部分は気分でギコやモナーにして遊んでみてください(笑

>>208
本当だー!
そこはひとつに纏められますね。
他の方に比べて少し太り気味のソースなので
ダイエットの指摘、嬉しいですー。
自分では気が付かなかったので
勉強になりました。

>>209
た・確かに!黒字に青は見にくいー!
私はどうも色の設計がちょっと苦手なんです。
それでカスタマイズ推奨の淡白な色設定にしてしまったんです(^^;
一応、ヘッダー部分を下記のようにしていただけると
少し見やすくなる…かな?
a:link {color: #0000ff ;text-decoration: none ;}
a:visited {color: #191970 ;text-decoration: none ;}

a:link {color: #0066ff ;text-decoration: none ;}
a:visited {color: #60d0fe ;text-decoration: none ;}

.no1 {color: #0000ff ;font-size: 12px ;font-family: Arial ;font-weight: bold ;}

.no1 {color: #0066ff ;font-size: 12px ;font-family: Arial ;font-weight: bold ;}

211 :しよ〜しゃさん :2001/04/13(金) 00:42
ありがとーん

212 :名無しさん :2001/04/13(金) 04:01
Ver.2.0デフォルトのバック白地は長時間見ると目が疲れるので、
出来れば構成などはそのままに、バックの色だけ変えられるようなソース
を書いていただけませんでしょうか?
目にやさしいミントグリーンを希望します(2chデフォよりも淡い感じ)。

213 :しよ〜しゃさん :2001/04/13(金) 04:17
>>212
header.htmを開いて、
<BODY>を<BODY BGCOLOR="好きな色">に書き換える。
ミントグリーンなら、"#99FF99"ぐらいか?

214 :しよ〜しゃさん :2001/04/13(金) 04:18
スタイルシートが好きなら
適当に勉強して。

215 :212 :2001/04/13(金) 04:31
おお、レスありがとうございます。早速試してみます。

216 :しよ〜しゃさん :2001/04/13(金) 08:46
>>205さんのを使わせてもらってるんだけど、AAがズレる・・・・
仕方ないのかな??

217 :しよ〜しゃさん :2001/04/13(金) 11:15
>>216
body {color: #2d3e57 ;font-size: 12px ;font-family: "MS Pゴシック" ;background-color: #f5f5f5 ;}
.message {color: #2d3e57 ;font-size: 12px ;font-family: "MS Pゴシック" ;}
に書き換えればいいと思われ

218 :216 :2001/04/13(金) 18:05
>>217
直らないみたいです・・・

219 :216=218 :2001/04/13(金) 18:10
>>217
すいません。自分が間違えてました。
今度はちゃんとズレずに表示されるようになりました!
感謝!!

220 :しよ〜しゃさん :2001/04/13(金) 20:57
>>205さんのを軽くしようと思っていじってみました。
小さいAAしか入れられなくなっちゃった。

http://desktopgazou.hypermart.net/cgi/gazou/img20010413135514.gif

221 :しよ〜しゃさん :2001/04/13(金) 21:11
(゚д゚)ウマー 大好き〜。
ソース是非キボンヌ。

222 :220 :2001/04/13(金) 21:32
>>221

header.htm
−−−−−ここから−−−−−

<html>
<head>
<style type="text/css">
<!--
a:link {color: #0066ff ;}
a:visited {color: #663399 ;}
a:hover {color: #ff0000 ;text-decoration: none }
-->
</style>
</head>
<body bgcolor="whitesmoke" style="font-family:'MS Pゴシック'; font-size:12px; line-height:1.3em;">

−−−−−ここまで−−−−−

res.htm
−−−−−ここから−−−−−

<span style=" background-color:rgb(204,204,255); padding:4px; border-width:1; border-color:black; border-style:solid;">
(゚д゚)ウマー</span> &NUMBER 名前 : <font color="forestgreen">&NAME</font> / &MAIL
<ul>
<p>&MESSAGE</p>
</ul>
<p align="right" style="border-bottom-width:1px; border-bottom-color:black; border-bottom-style:dotted;">投稿日 : &DATE</p>

−−−−−ここまで−−−−−

newres.htm
−−−−−ここから−−−−−

<span style=" background-color:gold; padding:4px; border-width:1; border-color:black; border-style:solid;">
(・∀・)イイ!</span> &NUMBER 名前 : <font color="forestgreen">&NAME</font> / &MAIL
<ul>
<p>&MESSAGE
</p>
</ul>
<p align="right" style="border-bottom-width:1px; border-bottom-color:black; border-bottom-style:dotted;">投稿日 : &DATE</p>

−−−−−ここまで−−−−−

です。

詳しい人に聞きたいんだけど、
タブをいくつか開いた状態でウィンドウをリサイズすると遅くなるのはどのタグのせいですか?

tableを外したんだけど、少ししか早くならなかったよ。

223 :サ骨 :2001/04/13(金) 21:36
>>220
<span style=" 〜 を、全部head.htm内に移動。クラス指定する。
タグの量がへるとだいぶ軽くなる…気もする。

224 :220 :2001/04/13(金) 21:46
ホントだ。大分違うよ。サンキュー!

225 :220 :2001/04/13(金) 21:50
というわけで改訂版

header.htm
−−−−−−−−−−−−

<html>
<head>
<style type="text/css">
<!--
a:link {color: #0066ff ;}
a:visited {color: #663399 ;}
a:hover {color: #ff0000 ;text-decoration: none }
.res {background-color:rgb(204,204,255); padding:4px; border-width:1; border-color:black; border-style:solid;}
.new {background-color:gold; padding:4px; border-width:1; border-color:black; border-style:solid;}
.date {border-bottom-width:1px; border-bottom-color:black; border-bottom-style:dotted;}
-->
</style>
</head>
<body bgcolor="whitesmoke" style="font-family:'MS Pゴシック'; font-size:12px; line-height:1.3em;">

−−−−−−−−−−−−

res.htm
−−−−−−−−−−−−

<span class="res">(゚д゚)ウマー</span> &NUMBER 名前 : <font color="forestgreen">&NAME</font> / &MAIL
<ul><p>&MESSAGE</p></ul>
<p align="right" class="date">投稿日 : &DATE</p>

−−−−−−−−−−−

newres.htm
−−−−−−−−−−−

<span class="new">(・∀・)イイ!</span> &NUMBER 名前 : <font color="forestgreen">&NAME</font> / &MAIL
<ul><p>&MESSAGE</p></ul>
<p align="right" class="date">投稿日 : &DATE</p>

−−−−−−−−−−−

うーん。大分スッキリした。
さんきゅー >サ骨

226 :サ骨 :2001/04/13(金) 22:33
ありゃ… もう公開されてた。
ところで>>220 >>225使っても、>>220みたいに
・(゚д゚)ウマー と (・∀・)イイ! に枠が表示されない
・「投稿日」の下のボーダーが点線にならない
ンだけどなんでだろ。当方Win2000+IE5.01SP2

227 :しよ〜しゃさん :2001/04/13(金) 23:01
>>226
border-style:solidとborder-bottom-style:dottedが氏んでるってこと?

228 :しよ〜しゃさん :2001/04/13(金) 23:15
>>226
IE 5.01はインライン要素にborderを指定しても効かない。効くようになった
のは5.5から。

229 :サ骨 :2001/04/13(金) 23:20
>>228
5.5専用なのか…。
----------------------で代用してみよう(笑

230 :しよ〜しゃさん :2001/04/13(金) 23:37
>>226
.res {background-color:rgb(204,204,255); padding:4px; border-width:1; border-color:black; border-style:solid;width: 60px ;}
.new {background-color:gold; padding:4px; border-width:1; border-color:black; border-style:solid;width: 60px ;}

ヘッダーを上記と差し替えるとIE5.01SP2でも(゚д゚)ウマー と (・∀・)イイ! にボーダーを表示できますよ。
「名前 : 」とのバランスがIE5.5に比べてちと変ですが(^^;
dottedはIE5.1では再現出来ないみたい。うーん…。

231 :しよ〜しゃさん :2001/04/14(土) 01:24
オレンジ色が好きな人
UIゴシックが好きな人へ。
header.htm
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>header.htm</title>
<style type="text/css">
<!--

body {
background-color:#efefef;
font-family:'MS UI Gothic';
color:#003300;
}

div.infomation{
width:60%;
padding-left:3px;
border-bottom:2px solid #ff9900;
letter-spacing:0.2em;
}

div.message{
margin-top:1em;
margin-bottom:2em;
padding-left:3em;
letter-spacing:0.03em;
}

span.number{
color:#cc6600;
font-size:xx-small;
}

span.name{
color:#666666;
}
span.date{
font-family:'georgia';
color:#993300;
font-size:xx-small;
}

a:link{
font-family:'Tahoma';
text-decoration:none;
text-transform:uppercase;
font-size:x-small;
color:#666666}
a:visited{
font-family:'Tahoma';
text-decoration:none;
text-transform:uppercase;
font-size:x-small;
color:#999999}
-->
</style>
</head>

<body>

232 :231 :2001/04/14(土) 01:26
231の続きです
res.htm
<div class="old">

<div class="infomation">
<span class="number">&NUMBER</span>
<span class="name">&MAILNAME</span>
<span class="date">&DATE</span>
</div>

<div class="message">&MESSAGE</div>

newres.htm
<div class="infomation">
<strong><span class="number">&PLAINNUMBER</span></strong>
<span class="name">&NAME</span>
<span class="mail">&MAIL</span>
<span class="date">&DATE</span>
</div>

<div class="message">&MESSAGE</div>

233 :231 :2001/04/14(土) 01:30
ちょっと汎用性に欠けるな・・・
センスも欠けるという話もある。笑

ごめんなさい皆さんのおくちにあうかどうか・・・

234 :しよ〜しゃさん :2001/04/14(土) 16:20
simple で見やすいやつです。

http://desktopgazou.hypermart.net/cgi/gazou/img20010414091803.gif



235 :しよ〜しゃさん :2001/04/14(土) 20:25
素朴な疑問なのですが、ブラウザでクッキーをonしないと書き込めない板に
何で書き込めるのですか?


236 :235 :2001/04/14(土) 20:33
まちがった、、

237 :ななしよっと :2001/04/15(日) 06:15
>>234
(・∀・) イイ!!

238 :しよ〜しゃさん :2001/04/16(月) 05:35
>>235
 俺もそれわからんけど
どうなんすか?誰かおせーて

239 :サ骨 :2001/04/16(月) 06:07
>>238
かちゅ〜しゃが捨てクッキーを吐いている。と思う。

110KB
新着レスの表示

スレッドリストへ戻る 全部 前100 次100 最新50

0ch BBS 2004-10-30