HSPポータル
サイトマップ お問い合わせ


HSPTV!掲示板


未解決 解決 停止 削除要請

2008
0827
.Hrk掲示板の何ページ目が表示されているのか分かりづらい9解決


.Hrk

リンク

2008/8/27(Wed) 04:38:49|NO.18710

題名の通りです。この掲示板の下の方に任意のページへのリンクがありますが、
現在何ページ目が表示されているのか分かりにくいため、次のページを開くには
現在何ページ目を開いているのか覚えておく必要があります。

そこで、下のページ番号が並んでいる部分で、現在のページ番号だけ色をつける
とか数字を大きくするだとかの工夫が必要だと思います。
また、よくある掲示板の「前のページ」「次のページ」のようなリンクもあると
いいと思います。



この記事に返信する


Quiet

リンク

2008/8/27(Wed) 06:25:56|NO.18711

現在のページ番号は押せません。
押せないやつだけ探して、押せなかったらそれが現在のページ番号です。



S&R(楓)

リンク

2008/8/27(Wed) 06:33:10|NO.18712

そんなこと分かっています。
ですが、見た目で現在のページが他と区別できるなら、探す手間が省けます。
現在のページは、リンク(<a></a>)しないのではなく太字(<b></b>)にしてくれ、ということです。
仕事の合間に片付く業務だと思いますので今週中には反映されているでしょう。

.Hrkさん良くぞ言ってくれました。ありがとう。



S&R(楓)

リンク

2008/8/27(Wed) 07:03:42|NO.18714

と思ったらすでに<b></b>はされてるそうな・・・w



.Hrk

リンク

2008/8/27(Wed) 14:50:48|NO.18724

>S&R(楓)さん
よくよく見ると、確かに「太字」になってますね。でも
掲示板のHTMLの<link>タグで指定されている"bbs.css"の中
を見てみると

<a>タグのスタイルが
font-weight : bold;

と指定されているので、結局<b>タグで囲まれているか否か
にかかわらず、全て太字となってしまいます。
これでは<b>タグで現在のページの数字"だけ"囲む意味があ
りません。この場合、逆に囲まないほうが違いが分かると
思います。



FUJI

リンク

2008/8/27(Wed) 15:21:20|NO.18727

ユーザーCSS書いてみました。

@-moz-document url-prefix(http://hsp.tv/play/pforum.php) { td[height="20"][bgcolor="#ededed"][align="center"] font { font-size: 120% !important; } td[height="20"][bgcolor="#ededed"][align="center"] font a { color: inherit !important; font-weight: normal !important; } }



.Hrk

リンク

2008/8/27(Wed) 17:13:57|NO.18731

>FUJIさん
Firefox用ユーザースタイルシートですか。
プロファイルフォルダ>chrome>userContents.cssに書いてみましたが、
うまく適用されませんでした。置き場所が間違ってるんでしょうか。

Stylishというアドオンを利用したら、今度はちゃんと適用されました。
ありがとうございます。

普段はSleipnirを使っているので、IE6用に修正(というか劣化)しました。

td font b {
font-size: 200% !important;
}
td font a {
font-weight: normal !important;
}

IE6は属性セレクタに対応していないようなので、意図しない部分にも
適用されるかもと思いましたが、案外大丈夫でした。

Sleipnirのユーザースタイルシートは、
http://w5.abcoroti.com/~suec/script/#userStyleSheet
を使えばサイト別に適用できます。

これは余談ですが、IE8ではCSS2.1が完全サポートされるようです。



.Hrk

リンク

2008/8/27(Wed) 17:33:16|NO.18732

少し見やすくしました


td font b { font-size: 180% !important; color: red !important; } td font a { font-weight: normal !important; color: black !important; }



tsuka

リンク

2008/8/27(Wed) 19:42:07|NO.18733

色とか前のままバージョン

@-moz-document domain("hsp.tv") { td font b { font-size: 180% !important; color: red !important; } td font a { font-weight: bold !important; color: #099 !important; }



.Hrk

リンク

2008/8/27(Wed) 22:34:31|NO.18743

現在使っているCSSです

●IE6以下+Sleipnir用

td font b { font-size: 180% !important; color: red !important; background-color: #FCC !important; } td font a { font-weight: normal !important; color: black !important; } td font a:hover { font-size: 180% !important; font-weight: bold !important; text-decoration: none !important; color: blue !important; background-color: #CCF !important; }

●IE7以上+Sleipnir用

td[height="20"][bgcolor="#ededed"][align="center"] > font > b { font-size: 180% !important; color: red !important; background-color: #FCC !important; } td[height="20"][bgcolor="#ededed"][align="center"] > font > a { font-weight: normal !important; color: black !important; } td[height="20"][bgcolor="#ededed"][align="center"] > font > a:hover { font-size: 180% !important; font-weight: bold !important; text-decoration: none !important; color: blue !important; background-color: #CCF !important; }

●Firefox用

@-moz-document url-prefix(http://hsp.tv/play/pforum.php) { td[height="20"][bgcolor="#ededed"][align="center"] font b { font-size: 180% !important; color: red !important; background-color: #fcc !important; } td[height="20"][bgcolor="#ededed"][align="center"] font a { font-weight: normal !important; color: black !important; } td[height="20"][bgcolor="#ededed"][align="center"] font a:hover { font-size: 180% !important; font-weight: bold !important; text-decoration: none !important; color: blue !important; background-color: #ccf !important; } }

マウスオーバー時の文字サイズの変化がちょっと鬱陶しいかも。



ONION software Copyright 1997-2023(c) All rights reserved.