ニコニコ大百科: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.nicov ideo.jp/ oekaki/1 162.png" width="156" height="78" />
<a href="http://jp.youtub e.com/wa tch?v=
[動画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
-
👍0高評価👎0低評価
-
35
ななしのよっしん
2008/12/01(月) 16:45:39 ID: +cRpGTVmfP
-
👍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%;"> </span>
ラベル
<span style="padding: 4px; background-image: url(/oekaki/15657.png); background-repeat: no-repeat; background-position: 100% 50%;"> </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%;"> </span>
[ラベル]
<span style="padding: 6px 2px; background: url(/oekaki/15657.png) no-repeat 100% 50%;"> </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
-
👍0高評価👎0低評価
-
42
まびいてて ないよ
2009/05/29(金) 02:32:36 ID: ZC3cKCus1g
-
情報学とか詳しくないけど、「劣化」ってのはまず普通の言葉として「質が悪くなること」だからなあ。
見た感じ質が落ちていれば劣化と呼んでいいと思う。専門用語とは別に。
「綺麗」なんかはもう当然「見た感じ」の話。
縮小するんだったら内容は減らないはずがなく、情報学的な「劣化」は避けようが無いでしょうね。
ニアレストネイバー方式にしたって画素を間引くわけで。
ただ、ニアレストネイバーでは間引かれた画素の情報は完全に捨てられてしまうのに対して、
アンチエイリアスの掛かる方式では、少なくなった画素に元の画素の情報が畳み込まれてるので、
最近の技術ではある程度復元できるらしい(「超解像」技術)。
その点ではアンチエイリアスが掛かってる方が劣化が少ないと言えるんじゃないかな。 -
👍0高評価👎0低評価
-
43
ななしのよっしん
2009/07/14(火) 22:01:13 ID: ZJdZIDK+BR
-
👍0高評価👎0低評価
-
44
ななしのよっしん
2009/07/31(金) 17:06:37 ID: I4BpRnl0YW
-
👍0高評価👎0低評価
-
45
ななしのよっしん
2009/08/01(土) 07:41:44 ID: +cRpGTVmfP
-
👍0高評価👎0低評価
-
46
ななしのよっしん
2009/08/20(木) 21:57:29 ID: ieFEOZ7k9H
-
👍0高評価👎0低評価
-
47
ななしのよっしん
2009/12/06(日) 21:17:40 ID: y9acepTk49
-
👍0高評価👎0低評価
-
48
ななしのよっしん
2009/12/08(火) 19:40:33 ID: BqHguKVxAr
-
👍0高評価👎0低評価
-
49
ななしのよっしん
2009/12/08(火) 21:14:22 ID: y9acepTk49
-
👍0高評価👎0低評価
-
50
ななしのよっしん
2010/01/09(土) 11:32:42 ID: SseDeJaGxr
-
👍0高評価👎0低評価
-
51
ななしのよっしん
2010/01/09(土) 11:37:51 ID: ZYkiG0ToZG
-
👍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.nicov ideo.jp/ r/u/3042 667/6559 44
<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
-
👍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
-
👍0高評価👎0低評価
-
58
ななしのよっしん
2010/03/30(火) 14:29:41 ID: IaxVEEUJJO
-
👍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低評価

