2009年11月 : Studio Ponytail

2009年11月

2009年11月 2日 22:23 | コメント (4) | トラックバック (0)

2009年11月10日

画像は日本のアニメ絵で、虚構の子供達に苦痛を与えることも大きな罪であるとされた。彼らはDNAサンプルを提出した上で子供との接触を禁じられ、「性犯罪者」として記録される...　アメーバニュースより

「虚構の子供達に苦痛を与えることも大きな罪」ってのが、有罪になった事を記者がそう表現しただけなのか、判決文に含まれているか（もしくは判決文には含まれないが裁判官がそう述べたのか）によってかなり違っては来るが、どちらにせよ性犯罪者として記録されるってのは凄い。
国によって背景や状況が違うので、この判断自体の是非をどうこう言うのは難しいが、何度となく地球を救ってくれたクラーク・ケントと作者ジェリー・シーゲル / ジョー・シャスターを、国を挙げてノーベル平和賞に推すのが先だと思う。

2009年11月2日

ニコニコ動画(9) 用　関連タグだけを表示するユーザースタイルシート（Safari / Firefox）

before

after

無理やり4列表示

ニコニコ動画を時々見る。

特に気に入ったジャンルがある訳でもなく、短い動画を数本見てワハハというパターンなので、以前の「いちばん上に大きなカテゴリー、その下に関連タグ」というレイアウトはなかなか便利だったのだが、秋のリニューアルで関連タグがサイドメニューのいちばん下に追いやられてしまった。

公式掲示板を覗いてみると、ランキング仕様変更への不満は爆発しているものの関連タグの位置変更に対する意見は皆無で、他の人は関連タグ使ってないのかぁ、と思いつつユーザースタイルシートで無理やりトップに表示させる事にした。

公式掲示板の事を思うと同じ表示にしたい人は少なそうだが、せっかく作ったので公開。

自分の環境ではさらに動画タイトル等の文字を大きくしているので、全幅で2列表示しても気にならないのだが、通常の文字サイズでは妙に間延びしてしまうので「2列表示設定のまま CSS で無理やり4列表示」なスタイルシートも追加。これで、動画の説明文や最新コメントを表示する詳細モードのまま4列表示が可能。

そもそもユーザースタイルシートって何？　どうやって使うの？　といった部分は「Safari ユーザースタイルシート」や「Firefox ユーザースタイルシート」あたりを検索すると、分かりやすい解説ページがあるのでそちらを参考に。

今回のように特定のサイトをカスタマイズするのは労力と効果のバランス的に大変だが、「pdf へのリンクの後ろに　■pdf■と表示させる」なんてのは様々なサイトで効力を発揮するので、これを機にユーザースタイルシートを調べてみるのもおすすめ。

注意点

トップページが悲惨な事になる
関連タグ以外のサイドメニューは一切表示されない（つまり検索時はサイドバーが全く表示されない）
タグ検索時にページ上部の「ニコニ広告」が表示されない
説明文やコメントにアルファベットのみの長文（URL や w 連打など）があるとズレが生じる
「無理やり4列表示」使用状態でニコニコ動画側の設定を4列にするとズレが生じる
「無理やり4列表示」は CSS3 の nth-child セレクタを使用しているため、nth-child セレクタに対応していない Safari 3.1 / Firefox 3.1 以前のバージョンでは、表示内容によってはズレが生じる
生放送やチャンネルなど各種ページは未チェックなので、がっつり使う人は注意

ほかに、関連タグの一覧が4行を超えると下と重なってしまう問題もあるが、現在のところ4行を超えるカテゴリーは無いようなので、とりあえず問題は無いと思う。（タグの表示数自体は30と決まっているようなので、文字数の多いタグがよほど集中しない限りは5行にはならない）

CSS

「無理やり4列表示」が不要の場合は、最後の「4column」以降を消す。

修正履歴

11/04...マイリストの表示がおかしかったのを修正

.ads_hide {
display: none;
}

/*########## category_top ##########*/
#service_open {
z-index: 100;
}

.content_624 {
width: 100% !important;
padding-top: 126px !important;
}

.content_360 {
position: absolute;
width: 980px !important;
}

.mb8p4:first-child,
.content_360 table[style],
#web_pc_categorygroup_others,
#web_pc_megatext,
.mb8p4 p.font12[style],
.mb8p4 p,
.mb8p4 div[style],
.top_frm_R,
.ctg_right_mid {
display: none;
}

.mb8p4 {
margin: 0 !important;
padding: 0 !important;
}

.ctg_right_frm {
padding: 0 !important;
border: none !important;
}

.ctg_right_frm table {
border-spacing: 0 !important;
width: 100% !important;
}

.mb8p4 td {
display: none;
}

.mb8p4 td[style] {
display: block;
width: 955px !important;
margin: 0 0 0 4px;
padding: 8px;
border: solid 2px #848f8f !important;
}

.mb8p4 td[style]:before {
display: block;
margin: -8px -8px 5px;
padding: 5px 10px;
content: "関連タグ";
background: #252e2e url(http://res.nimg.jp/img/index/ctg_right_mid_bg.png) left bottom repeat-x;
border-bottom: solid 2px #848f8f !important;
color: #fff;
}

/*########## movie panel & search result ##########*/
.content_672 {
width: 100% !important;
}

#related_nicopedia {
display: none !important;
}

.frm_chacom_bg {
display: none !important;
}

.thumb_frm,.thumb_frm_rank_1,.thumb_frm_rank_2,.thumb_frm_rank_3 {
width: 96% !important;
}

.thumb_uad_header {
width: 97.2% !important;
}

.thumb_uad_header table {
width: 100% !important;
}

.thumb_frm table,.thumb_frm_rank_1 table,.thumb_frm_rank_2 table,.thumb_frm_rank_3 table {
width: 100% !important;
}

.content_624 table tr[valign] > td,.content_672 table tr[valign] > td {
width: 50% !important;
}

.content_624 table .thumb_frm tr td,.content_672 table .thumb_frm tr td,
.content_624 table .thumb_frm_rank_1 tr td,.content_672 table .thumb_frm_rank_1 tr td,
.content_624 table .thumb_frm_rank_2 tr td,.content_672 table .thumb_frm_rank_2 tr td,
.content_624 table .thumb_frm_rank_3 tr td,.content_672 table .thumb_frm_rank_3 tr td {
width: auto !important;
}

.content_624 table .thumb_frm tr td[width],.content_672 table .thumb_frm tr td[width],
.content_624 table .thumb_frm_rank_1 tr td[width],.content_672 table .thumb_frm_rank_1 tr td[width],
.content_624 table .thumb_frm_rank_2 tr td[width],.content_672 table .thumb_frm_rank_2 tr td[width],
.content_624 table .thumb_frm_rank_3 tr td[width],.content_672 table .thumb_frm_rank_3 tr td[width] {
width: 100% !important;
}

.content_624 table tr td .thumb_uad_header table tr td[width],
.content_672 table tr td .thumb_uad_header table tr td[width]	{
width: 100% !important;
}

/*########## mypage ##########*/
.mb8p4 .bg_w_cts,.content_312 table[width="100%"] {
display: none !important;
}

.SYS_box_item table {
width: 100% !important;
}

.content_672 #SYS_box_mylist_body table tr[valign] > td {
width: auto !important;
}

.content_672 #SYS_box_mylist_body table tr[valign] > td.SYS_box_item_data {
width: 100% !important;
}

/*########## 4column ##########*/

.content_624 table tr,.content_672 table tr {
float: left;
width: 49.7% !important;
}

.thumb_uad_header {
width: 98.6% !important;
}

.content_624 table tr:nth-child(odd),.content_672 table tr:nth-child(odd) {
clear: both;
}

.content_624 .thumb_uad_header table tr,.content_672 .thumb_uad_header table tr,
.content_672 table[width="672"],.content_672 table[width="672"] tr {
width: 100% !important;
}

.content_624 table .thumb_frm tr,.content_672 table .thumb_frm tr,
.content_624 table .thumb_frm_rank_1 tr,.content_672 table .thumb_frm_rank_1 tr,
.content_624 table .thumb_frm_rank_2 tr,.content_672 table .thumb_frm_rank_2 tr,
.content_624 table .thumb_frm_rank_3 tr,.content_672 table .thumb_frm_rank_3 tr {
width: 100% !important;
}

前の記事：2009年10月

次の記事：2009年12月

名前未入力

2009年11月 9日 20:28

これは kaz への返信コメントです

なるほど
こちらは
あ、カワセミ入れたわこれは快適です
ipod 64ゲット今タッチから書きこ
入力慣れないわ笑

マクプロは64デフォルトで行ってます

このコメントに返信する

kaz

2009年11月 9日 18:24

これは 2.93うふふベロへの返信コメントです

> べろさん

最近見て凄いと思ったのはレースゲームのリプレイです。
随分前に PlayStation 2 を買ったきり、
PS3 や Xbox360 どころか DS も持っていない状態なので
最近のゲームはとんでもないなぁ、と感心しきりです。

[Forza3]富士見でダンスしてみたよ
http://www.nicovideo.jp/watch/sm8643222

同じゲーム機のタグにあったこれは笑いました。
途中の間がなんとも言えない。

ベヨネッタ紳士用
http://www.nicovideo.jp/watch/sm8663680

このコメントに返信する

2.93うふふベロ

2009年11月 7日 22:13

最近はどの辺にいますか？

このコメントに返信する

2.93うふふベロ

2009年11月 7日 22:12

最近はどの辺にいますか？

このコメントに返信する

コメントを投稿する

コメントの投稿には JavaScript が必要です。
ブラウザの JavaScript 機能を有効にしてください。
投稿ボタンを押してもエラーになりますのでご注意ください。

トラックバックURL : http://www.studio-ponytail.com/mt/mt-tb.cgi/164

Studio Ponytail

2009年11月

2009年11月10日

2009年11月2日

CSS

修正履歴

コメント(4)

名前未入力

kaz

2.93うふふベロ

2.93うふふベロ

コメントを投稿する

トラックバック(0)

MENU

検索

サイトマップ・月別アーカイブ