ニコニコ大百科: 「ニコニコ大百科:HTMLテンプレート集」について語るスレ 31番目から30個の書き込み

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

について語るスレ

記事をみる

303

2/11

31 非表示 ◆Vl2e//DQ9Q

2008/09/07(日) 21:25:01 ID: GSMenlP8Qv

<table style="back ground-color: #f9f8f8; height: 176px;" width="318" border="0">
<tb ody>
<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=[動画ID]">[動画タイトル]</a>
<br />[説明文]
</td>
</tr>
</tb ody>
</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要素のstyleにback ground: noneの指定を入れるとハネられちゃった
👍
0
👎
0
35 ななしのよっしん非表示

2008/12/01(月) 16:45:39 ID: +cRpGTVmfP

>>34
自己レス。
back ground を back ground-image に変えたら通ったので、本文にも反映しておきました。
👍
0
👎
0
36 ななしのよっしん非表示

2009/04/10(金) 02:18:51 ID: ZC3cKCus1g

遥か昔の議論だけど、これでボタンずれないんじゃないかな。Safari 3.2.1 でのみ確認。

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

まあ自分はこういった煩雑なテクニックの類は好まないけど。
👍
0
👎
0
37 ななしのよっしん非表示

2009/04/10(金) 18:26:41 ID: ZC3cKCus1g

<p>
<a href="[リンク先]" style="padding: 6px 0; back ground: url(/oek aki/15647.png) repeat-x 50% 50%; color: #603000; font-weight: bold;">
<span style="padding: 6px 2px; back ground: url(/oek aki/15638.png) no-repeat 0% 50%;"> </span>
[ラベル]
<span style="padding: 6px 2px; back ground: url(/oek aki/15657.png) no-repeat 100% 50%;"> </span>
</a>
</p>

なんだ、back ground プロパティーで一括指定して大丈夫なのか。それならこれぐらいに短縮できる。
👍
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
さっそくのレスありがとう。

なるほどね。
後気になったのは、「画像の劣化」や「綺麗」という概念。
画像の劣化は元ソースから変化が加わることですが、見本のようなモノクロ２階調の画像の場合は、縮小でアンチエイリアスの中間調（グレー）が生成されることが劣化に該当するかなあ、と思ってたりしてますｗ
👍
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だけでしょうか？

できればh3～h4でも使いたいのですが。
👍
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-940n

何か回避策はありますか？
👍
0
👎
0
47 ななしのよっしん非表示

2009/12/06(日) 21:17:40 ID: y9acepTk49

>>46
遅レスですまん　回避策

『ＩＥで編集する』
👍
0
👎
0
48 ななしのよっしん非表示

2009/12/08(火) 19:40:33 ID: BqHguKVxAr

ttp://dic.nicovideo.jp/oek aki/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 sol id #ff0000;">
こんな感じで
👍
0
👎
0
52 ななしのよっしん非表示

2010/01/09(土) 11:41:39 ID: Gg8PHt8kTN

>>50
<table border="0"><tb ody>
<tr><td style="border:1px sol id #ff0000;"></td>
<td style="border:1px sol id #ff0000;"></td ></tr>
<tr><td style="border:1px sol id #ff0000;"></td>
<td style="border:1px sol id #ff0000;"></td ></tr>
</tb ody></table>
こんな感じに全てのtdに「style="border:1px sol id #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="back ground-color: #000000; mar gin: 0px -8px 0px -8px; padding: 100px 0px;">

<div style="ma rgin: 0px; height: 140px; overflow: hi dden;">
<p style="font-size: 120px; text-align: center; color : #ff0000; line-height: 140px; padding: 0px; margin: 0px 0px 0px 0px;">ぬるぽ！</p>
</div>


<div style="ma rgin: -70px 0px 0px 0px; height: 70px; overflow: hi dden;">
<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/とか。
👍
0
👎
0
58 ななしのよっしん非表示

2010/03/30(火) 14:29:41 ID: IaxVEEUJJO

質問で、すいません。
現在のコミュニティシンボルのサムネ表示の仕方は、
http://icon.nicovideo.jp/community/co 番号.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

<if rame frameborder="0" height="176" scrolling="no" src="http://ext.nicovideo.jp/thumb/sm9" width="312"></if rame>
👍
0
👎
0

2/11

TOP