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

271 ななしのよっしん
2022/05/05(木) 12:15:42 ID: cGOENTRK8K
ありがとうございます!
当記事のほうに追加しますね
👍
高評価
0
👎
低評価
0
272 ななしのよっしん
2022/05/05(木) 17:09:09 ID: y9acepTk49
こちらこそお褒めいただきありがとうございます
もう少し微細な部分も詰めれたらよかったのですが…。
記事の背景色有りのパターン
https://dic.nicovideo.jp/r/u/10450913/3027264
でサンプル表示してますのでご確認ください。

あと「吹き出し」の記事の編集は私に口出す権限なかったですね、ごめんなさい。
👍
高評価
0
👎
低評価
0
273 ななしのよっしん
2022/05/05(木) 21:31:02 ID: cGOENTRK8K
>>272
すいませんソースコードと睨めっこしてたんですがわからなかったので…
この吹き出しの右向きバージョンもできれば掲載したく考えてるんですが、差し支えなければ右向き用ソースコードを教えてもらえると助かります m(_ _)m
👍
高評価
0
👎
低評価
0
274 ななしのよっしん
2022/05/05(木) 22:10:32 ID: y9acepTk49
はい、他は変化ないのでん中の三角部分のtdだけ。

<td style="border: none; padding-left: 0; vertical-align: middle;">
<div style="float: left; margin-left: -1px;">
<div style="margin-top: 1px; margin-left: -0.75px; background: #fff; width: 2px; height: 14px; float: left; border-radius: 0px 8px 8px 0px;"></div>

<div style="margin-top: 0px; margin-left: 0px; background: linear-gradient(26deg, #fff 6.4px, #000 7.2px, #000 7.6px, white 8.2px); width: 16px; height: 7.8px;"></div>

<div style="margin-top: 0px; margin-left: 0px; background: linear-gradient(154deg, #fff 6.4px, #000 7.2px, #000 7.6px, white 8.2px); width: 16px; height: 7.8px;"></div>
</div>
</td>

ってこれ多分ズレますね………。ってことは左も書き直した方が良さそう…。
👍
高評価
0
👎
低評価
0
275 ななしのよっしん
2022/05/05(木) 22:40:13 ID: y9acepTk49
>>274のを

deg, #fff 5.9px, #000 6.7px, #000 7.1px, white 7.7px

って変えればズレなさそう。

左と右の違いは縞模様にしたグラデーション
上側の\と
下側の/
で別々にしているのでそれぞれの度の入れ替え
元々ある線部分に背景色で重ねて見えなくしてるfloatさせてるdiv丸を左右反転
左右の配置位置対応でright定してある部分をleftに変更(ここまで>>274で変更済み)

…と、あと上の細かい数値を変える感じですね。
👍
高評価
0
👎
低評価
0
276 ななしのよっしん
2022/05/05(木) 22:41:37 ID: cGOENTRK8K
>>275
ためしてみますね、助かります!
👍
高評価
0
👎
低評価
0
277 ななしのよっしん
2022/05/05(木) 23:23:43 ID: cGOENTRK8K
記事に"パターン2"として付き吹き出しを追加しました。
>>275 ありがとうございました
👍
高評価
0
👎
低評価
0
278 ななしのよっしん
2022/05/06(金) 21:28:44 ID: y9acepTk49
>>277
お疲れさまです。こうしてちゃんとテンプレの形になるといい感じですね。

画像素材とうまく組み合わせると
Siriの記事みたいなのとかLINEトーク画面再現なんてのもできるし、
ツイート引用吹き出しの中に入れてもおもしろそう。
👍
高評価
0
👎
低評価
0
279 ななしのよっしん
2022/06/15(水) 18:33:29 ID: cGOENTRK8K
今日から新たに<details>タグと<summary>タグが使えるようになりましたね!
運営さん対応ありがとうございます!
https://ch.nicovideo.jp/nico-nico-pedia/blomaga/ar2103515exit_nicochannel

当記事的にも色々と興味深い内容ですね
👍
高評価
0
👎
低評価
0
280 ななしのよっしん
2022/06/15(水) 18:56:11 ID: dF+FJCWxxB
理解した。Wikipediaでたまに見かける折りみのテーブル
あれが大百科でもできるようになるのか!
👍
高評価
0
👎
低評価
0
281 ななしのよっしん
2022/06/15(水) 21:40:36 ID: WuffANMWpJ
今日メンテ以降、動画リンクiframeにスクロールバーが出現している。height値が変わったんかな?
👍
高評価
0
👎
低評価
0
282 ななしのよっしん
2022/06/22(水) 12:54:01 ID: cGOENTRK8K
<details>タグを使って、Twitter引用を折りたたむ手法をいくつかの記事で見かけました。Twitter引用スペースを取るので、折りたたんでおくのはなかなかいいアイデアだなと思ったり。
この記事で取り上げても良いかもしれないです。
👍
高評価
0
👎
低評価
0
283 ななしのよっしん
2022/08/19(金) 19:23:32 ID: cGOENTRK8K
知らないうち?に、ニコニコニュースサムネイルを記事に貼り付けられるようになっていた模様。

サムネイル画像使用例】
スーパー野田ゲーWORLDいっき団結ストリートファイター6 のそれぞれ記事冒頭画像

私が知らなかっただけで実はアナウンスとかされてましたか、これ?
👍
高評価
0
👎
低評価
0
284 ななしのよっしん
2022/08/19(金) 19:36:53 ID: aEnwtO8MAc
>>283 スマホ版にて実装されたニコニコニュース埋め込み機のための副次的実装です。
👍
高評価
0
👎
低評価
0
285 ななしのよっしん
2022/08/20(土) 12:38:16 ID: cGOENTRK8K
👍
高評価
0
👎
低評価
0
286 ななしのよっしん
2022/09/22(木) 09:26:14 ID: jTM6M3+dlJ
>>279
回PCプレビューしてエディタ編集すると
<details>タグ付近に駄な<p>タグが複数増えるのはバグか何かなんだろうか
👍
高評価
0
👎
低評価
0
287 ななしのよっしん
2022/09/22(木) 09:33:52 ID: SjqkY+t7gC
>>286
修正待ちの不具合ですね。改善までもうしばらくお待ちください
https://ch.nicovideo.jp/nico-nico-pedia/blomaga/ar2118806exit_nicochannel
上記「確認済み不具合」参照
👍
高評価
0
👎
低評価
0
288 ななしのよっしん
2023/01/14(土) 21:03:23 ID: 8gn0Vv3sVo
試し書き。汚しになったら申し訳ナイス

<iframe width="312" height="176" class="nicovideo" src="https://ext.nicovideo.jp/thumb/sm9exit" frameborder="0" scrolling="no"></iframe>
👍
高評価
0
👎
低評価
0
289 ななしのよっしん
2023/01/14(土) 21:06:05 ID: 8gn0Vv3sVo
>>sm9exit_nicovideo
👍
高評価
0
👎
低評価
0
290 削除しました
削除しました ID: xovencO+pF
削除しました
291 ななしのよっしん
2023/08/29(火) 16:52:10 ID: /RdIJlrfBN
👍
高評価
0
👎
低評価
0
292 ななしのよっしん
2023/09/09(土) 02:43:24 ID: fCMRR97tRU
とある記事に外部サイトの画像を引用して貼りたいんだが理なのだろうか?
👍
高評価
0
👎
低評価
0
293 ななしのよっしん
2023/09/09(土) 03:31:55 ID: aEnwtO8MAc
>>292 ニコニコ投稿された画像の引用が原則です。
👍
高評価
0
👎
低評価
0
294 ななしのよっしん
2023/09/14(木) 00:28:14 ID: dF+FJCWxxB
ニコニコ動画サムネイル貼るの不可能になっている?
👍
高評価
0
👎
低評価
0
295 ななしのよっしん
2023/09/14(木) 00:34:35 ID: aEnwtO8MAc
>>294 貼れるサムネとそうでないのがあります
動画ブログパーツに使われてるサムネなら貼れるはず
👍
高評価
0
👎
低評価
0
296 ななしのよっしん
2024/03/05(火) 17:24:24 ID: 8oYdc+mm2r
なんかニコ生の埋め込み内容変わった?
>>lv344243313exit_nicolive

https://live.nicovideo.jp/embed/lv344243313exit_nicolive
縦横固定のiframe埋め込みで利用されてるもののサイズを途中で変えるとか信じられないんだが
👍
高評価
1
👎
低評価
0
297 ななしのよっしん
2024/03/11(月) 01:54:37 ID: 8oYdc+mm2r
>>296
自己レス、今気づいたけど遅れてブロマガ出てたのね
https://blog.nicovideo.jp/niconews/217771.htmlexit
過去ブログパーツを貼っているものは幅と高さが違うため、下記のように両端に余白があり潰れた状態の表示となっております。
>このままでも表示されている番組へ遷移することはできますが、新しいブログパーツへの変更をお勧めいたします

既存のものの表示が不自然になるのは仕様であり各自対応せよということですか
記事に使われてるぶんは余白のあるままで残すか一つずつ書き換えるかの二択になるのかね
掲示板での埋め込みサイズもそのうち変わるんだろうか
(元のURLは元のサイズで機するまま残して新しく追加するという方法をとらなかったのは管理コストの問題なのかなぁ)
👍
高評価
0
👎
低評価
0
298 ななしのよっしん
2024/04/24(水) 23:02:02 ID: 2PXsSjiypo
ニコ生ブログパーツ変更したまではいいけどもしかしなくてもツールバーを使った場合の変更は未反映なのかこれ

👍
高評価
0
👎
低評価
0
299 ななしのよっしん
2024/05/07(火) 11:18:12 ID: 2PXsSjiypo
ニコ生ブログパーツについて

ツールバーから貼ろうとする場合
<iframe width="312" height="176" src="https://live.nicovideo.jp/embed/lv8931212exit_nicolive" scrolling="no" frameborder="0" class="nicovideo">lv8931212</iframe>
問題点としてwidth="312" height="176" をwidth="237" height="262" に手動で変更する必要がある

→放送ページ共有から引用する場合
<iframe width="237" height="262" src="https://live.nicovideo.jp/embed/lv8931212exit_nicolive" scrolling="no" frameborder="0" loading="lazy"></iframe>
アクセスが面倒な問題点に加えてloading="lazy"がエラーなので削除の必要がある
👍
高評価
2
👎
低評価
0
300 ななしのよっしん
2024/11/20(水) 18:31:23 ID: 8oYdc+mm2r
ニコ生ブログパーツツールバーからの貼り付けとついでに掲示板レスでの縦横が修正された模様
👍
高評価
1
👎
低評価
0

急上昇ワード改