ニコニコ大百科:HTMLテンプレート集

31
◆Vl2e//DQ9Q 2008/09/07(日) 21:25:01 ID: GSMenlP8Qv
<table style="background-color: #f9f8f8; height: 176px;" width="318" border="0">
<tbody>
<tr>
<td>
<img alt="Youtube" src="http://dic.nicovideo.jp/oekaki/1162.png" width="156" height="78" />
<a href="http://jp.youtube.com/watch?v=exit[動画ID]">[動画タイトル]</a>
<br />[説明文]
</td>
</tr>
</tbody>
</table>

YouTubeリンクする場合のテンプレ
👍
高評価
0
👎
低評価
0
32 ななしのよっしん
2008/09/21(日) 21:23:04 ID: iGXxyY8HRu
偽ニコニコ市場を作りましたが、
本物とは微妙に上下の余白の大きさが違います
できる限り似せはしましたが、修正方法についてご教授ねがえないでしょうか。
👍
高評価
0
👎
低評価
0
33 ななしのよっしん
2008/10/26(日) 14:24:53 ID: Zqw5UMjeXA
できない。。。
👍
高評価
0
👎
低評価
0
34 ななしのよっしん
2008/12/01(月) 09:36:41 ID: +cRpGTVmfP
動画や外部サイトリンクにつくアイコンを消せなくなったのかな?
a要素のstylebackground: noneの定を入れるとハネられちゃった
👍
高評価
0
👎
低評価
0
35 ななしのよっしん
2008/12/01(月) 16:45:39 ID: +cRpGTVmfP
>>34
自己レス
background を background-image に変えたら通ったので、本文にも反映しておきました。
👍
高評価
0
👎
低評価
0
36 ななしのよっしん
2009/04/10(金) 02:18:51 ID: ZC3cKCus1g
か昔の議論だけど、これでボタンずれないんじゃないかな。Safari 3.2.1 でのみ確認。

<p>
<a href="[href]" style="padding: 4px 0; background-image: url(/oekaki/15647.png); background-repeat: repeat-x; background-position: 50% 50%; color: #603000; font-weight: bold;">
<span style="padding: 4px; background-image: url(/oekaki/15638.png); background-repeat: no-repeat; background-position: 0% 50%;">&nbsp;</span>
ラベ
<span style="padding: 4px; background-image: url(/oekaki/15657.png); background-repeat: no-repeat; background-position: 100% 50%;">&nbsp;</span>
</a>
</p>

まあ自分はこういった煩雑なテクニックの類は好まないけど。
👍
高評価
0
👎
低評価
0
37 ななしのよっしん
2009/04/10(金) 18:26:41 ID: ZC3cKCus1g
<p>
<a href="[リンク先]" style="padding: 6px 0; background: url(/oekaki/15647.png) repeat-x 50% 50%; color: #603000; font-weight: bold;">
<span style="padding: 6px 2px; background: url(/oekaki/15638.png) no-repeat 0% 50%;">&nbsp;</span>
[ラベル]
<span style="padding: 6px 2px; background: url(/oekaki/15657.png) no-repeat 100% 50%;">&nbsp;</span>
</a>
</p>

なんだ、background プロパティーで一括定して大丈夫なのか。それならこれぐらいに短縮できる。
👍
高評価
0
👎
低評価
0
38 IWD1@PhotoshoP
2009/05/28(木) 17:56:09 ID: 0tA4+2l7tP
>>お絵カキコを記事に貼り付ける際に元の大きさから縮小するとどうしても画像の劣化が発生する(特に線画の場合)。

これって、ブラウザで縮小表示ではアンチエイリアスで、
お絵カキコサムネサーバで縮小する歳にバイキュービックで処理してるということなんでしょうか???
ちょっと素な疑問。
👍
高評価
0
👎
低評価
0
39 ななしのよっしん
2009/05/28(木) 18:22:50 ID: ZC3cKCus1g
バイキュービック」はアンチエイリアスの方式の一つだよ。
サーバー側で縮小してサムネイルを生成する際、何らかの方式のアンチエイリアスを掛けてある。バイキュービック三次補間)なりバイリニア(直線補間)なり。よく観察してないからどの方式かは知らない。
ブラウザーって言うか多分 Internet Explorer ではアンチエイリアスを掛けないニアレストネイバー(最近傍)方式で縮小してるんだろう。つまりギザギザが発生する。

記事のこの記述自体まずいんだけどね。Safari ではアンチエイリアス掛けて縮小してるぞ。すなわち記事の「通常」「サムネイル」の較には明らかな差は出ていない。
ブラウザーによってはギザギザになる」とでも言ってほしいところ。
👍
高評価
0
👎
低評価
0
40 ななしのよっしん
2009/05/28(木) 18:27:05 ID: ZC3cKCus1g
いや、バイキュービックは「アンチエイリアスの方式」と言うより、「画像の拡縮の方式のうち、アンチエイリアス効果のあるもの」って言った方がいいかな ?
👍
高評価
0
👎
低評価
0
41 IWD1@PhotoshoP
2009/05/28(木) 19:02:10 ID: 0tA4+2l7tP
>>39
さっそくのレスありがとう。

なるほどね。
後気になったのは、「画像の劣化」や「綺麗」という概念
画像の劣化は元ソースから変化が加わることですが、見本のようなモノクロ2階調の画像の場合は、縮小でアンチエイリアスの中間調(グレー)が生成されることが劣化に該当するかなあ、と思ってたりしてますw
👍
高評価
0
👎
低評価
0
42 まびいてて ないよ
2009/05/29(金) 02:32:36 ID: ZC3cKCus1g
情報学とか詳しくないけど、「劣化」ってのはまず普通の言葉として「質が悪くなること」だからなあ。
見た感じ質が落ちていれば劣化と呼んでいいと思う。専門用語とは別に。
綺麗」なんかはもう当然「見た感じ」の話。

縮小するんだったら内容は減らないはずがなく、情報学的な「劣化」は避けようがいでしょうね。
ニアレストネイバー方式にしたって画素を間引くわけで。

ただ、ニアレストネイバーでは間引かれた画素の情報全に捨てられてしまうのに対して、
アンチエイリアスの掛かる方式では、少なくなった画素に元の画素の情報み込まれてるので、
最近の技術ではある程度復元できるらしい(「超解像」技術)。
その点ではアンチエイリアスが掛かってる方が劣化が少ないと言えるんじゃないかな。
👍
高評価
0
👎
低評価
0
43 ななしのよっしん
2009/07/14(火) 22:01:13 ID: ZJdZIDK+BR
記事内部に見出しリンクを作るときは URLの末尾に#h2-1 
みたいに付け足すかと思うのですが、
対応しているのはh2だけでしょうか?

できればh3h4でも使いたいのですが。



👍
高評価
0
👎
低評価
0
44 ななしのよっしん
2009/07/31(金) 17:06:37 ID: I4BpRnl0YW
細かいことですみません

「編集記事の一時保存」内の
>あるいは投票内容を確認した時点で
という箇所ですが、「投稿内容」ではないでしょうか?
👍
高評価
0
👎
低評価
0
45 ななしのよっしん
2009/08/01(土) 07:41:44 ID: +cRpGTVmfP
>>43
記事の特定の場所にリンクをしておきたいときは明示的にアンカーを作ったほうがいいんでないかな。
というかh2についての自動生成に頼ると、項を増やしたときにちょっと困ったことになるかも。
👍
高評価
0
👎
低評価
0
46 ななしのよっしん
2009/08/20(木) 21:57:29 ID: ieFEOZ7k9H
HTMLエディタの不具合で、<code>タグを使った記事を投稿すると<br>タグが勝手に追加されるようです。

http://nicodic.razil.jp/test/read.cgi/bugyobo/1223652673/939-940nexit

何か回避策はありますか?
👍
高評価
0
👎
低評価
0
47 ななしのよっしん
2009/12/06(日) 21:17:40 ID: y9acepTk49
>>46
遅レスすまん 回避策

『IEで編集する』
👍
高評価
0
👎
低評価
0
48 ななしのよっしん
2009/12/08(火) 19:40:33 ID: BqHguKVxAr
ttp://dic.nicovideo.jp/oekaki/13801.png
これの色が違うバージョンってありますか?
素材とかで。
👍
高評価
0
👎
低評価
0
49 ななしのよっしん
2009/12/08(火) 21:14:22 ID: y9acepTk49
>>48
ないはず
自分で好みの色を使って作るといいよ
サイズは18×18で作れば他のところも流用出来るから
👍
高評価
0
👎
低評価
0
50 ななしのよっしん
2010/01/09(土) 11:32:42 ID: SseDeJaGxr
表すべてのに色をつけるにはどう記述したらいいのですか?
セルは10行、上下左右すべてにい線を付けたい。
👍
高評価
0
👎
低評価
0
51 ななしのよっしん
2010/01/09(土) 11:37:51 ID: ZYkiG0ToZG
>>50
全てのセルに個別で定すればいいんじゃないかな
<td style="border: 1px solid #ff0000;">
こんな感じで
👍
高評価
0
👎
低評価
0
52 ななしのよっしん
2010/01/09(土) 11:41:39 ID: Gg8PHt8kTN
>>50
<table border="0"><tbody>
<tr><td style="border:1px solid #ff0000;"></td>
<td style="border:1px solid #ff0000;"></td></tr>
<tr><td style="border:1px solid #ff0000;"></td>
<td style="border:1px solid #ff0000;"></td></tr>
</tbody></table>
こんな感じに全てのtdに「style="border:1px solid #ff0000;"」つけて色を設定しないといけない。行数は長すぎるので省略
👍
高評価
0
👎
低評価
0
53 ななしのよっしん
2010/02/17(水) 14:24:41 ID: ZcAIn50Jsi
文字を巨大にして、縦に半分割して上下で色変えたいんだが、そんなことってできるのかな?
👍
高評価
0
👎
低評価
0
54 美雨
◆myun/402To 2010/03/01(月) 23:09:27 ID: 4L9cL+W8ME
>>53
今更かもしれませんがこういう事でしょうか(´・ω・`)
http://dic.nicovideo.jp/r/u/3042667/655944

<div style="background-color: #000000; margin: 0px -8px 0px -8px; padding: 100px 0px;">
<!--■■■上側ぬるぽ設定ここから■■■-->
<div style="margin: 0px; height: 140px; overflow: hidden;">
<p style="font-size: 120px; text-align: center; color: #ff0000; line-height: 140px; padding: 0px; margin: 0px 0px 0px 0px;">ぬるぽ!</p>
</div>
<!--■■■上側ぬるぽ設定ここまで■■■-->
<!--■■■下側ぬるぽ設定ここから■■■-->
<div style="margin: -70px 0px 0px 0px; height: 70px; overflow: hidden;">
<p style="font-size: 120px; text-align: center; color: #0000ff; line-height: 140px; padding: 0px; margin: -70px 0px 0px 0px;">ぬるぽ!</p>
</div>
<!--■■■下側ぬるぽ設定ここまで■■■-->
</div>

下側の方の自動リンクが気になるなら<a>タグで囲むなりすればいいと思います。
👍
高評価
0
👎
低評価
0
55 ななしのよっしん
2010/03/08(月) 07:31:00 ID: ZcAIn50Jsi
>>54
ありがとうございます
こんなのがやりたかったんです
👍
高評価
0
👎
低評価
0
56 ななしのよっしん
2010/03/19(金) 20:54:23 ID: QkFo8HAY8C
ユーザーページの貼り方って、テンプレとして載せるのはあり?

ニコレポが見れるようになったり、投稿動画が確認できるようになったから
ユーザーページを貼りたい人も少なからず居ると思うんだけど。

問題は、例としてページを上げるかくらい。
👍
高評価
0
👎
低評価
0
57 美雨
◆myun/402To 2010/03/19(金) 21:39:48 ID: 4L9cL+W8ME
>>56
いいんじゃないでしょうか
載せるとしたら運営長http://www.nicovideo.jp/user/4/exitとか。
👍
高評価
0
👎
低評価
0
58 ななしのよっしん
2010/03/30(火) 14:29:41 ID: IaxVEEUJJO
質問で、すいません。
現在コミュニティシンボルサムネ表示の仕方は、
http://icon.nicovideo.jp/community/coexit番号.jpg
でわかるのですが、
過去コミュニティシンボルを、変遷としてずらっと並べたいのですが
方法ありますでしょうか?画像はPCに保存してあります。
👍
高評価
0
👎
低評価
0
59 ななしのよっしん
2010/03/30(火) 15:29:31 ID: hYYrjnrI+Y
その画像をサムネにした動画作るとか
👍
高評価
0
👎
低評価
0
60 ななしのよっしん
2010/09/06(月) 21:24:23 ID: xlskcwVE9l
👍
高評価
0
👎
低評価
0

ニコニコニューストピックス