ポストを読み込み中です
https://twitter.com/ENDROLLPVP/status/1764567245701972386
|
自身の編集用に使ったHTMLテンプレートを設置しています。 |
- ▼HTML
■スタイル
テキスト
| 旧表現タグ | 新表現タグ |
|---|---|
<b>強調表現(B)</b><u>アンダーライン(U)</u><strike>抹消線(STRIKE)</strike><del>抹消線(DEL)</del><i>書体(italic)</i>
|
<strong>強調表現(STRONG)</strong><span style="text-decoration: underline;">下線(SPAN)</span><span style="text-decoration: line-through;">抹消線(SPAN)</span><span style="font-style: italic;">書体(italic)</span>
|
見出し
- 背景画像なし・背景色・ボーダーなし
<h4 style="background-image: none; background-color: #deb887; border: none;>Hタグスタイル</h4>- 背景画像変更・ボーダー色・タイトル色
<h4 style="border-bottom: #882222 thin solid; background: url('/oekaki/530958.png') no-repeat 0px -3px; text-indent: 13px; color: #771155; margin-left: 5px; margin-right: 5px; padding-left: 30px;">Hタグスタイル</h4>
脚注
引用・発言
■言葉
▲発言者
発言引用
<blockquote>
<p>■言葉</p>
<p style="text-align: right;">▲発言者</p>
<p style="text-align: right;">▲出典・引用元など</p>
</blockquote>
■リスト
- ▼分岐
<ul>
<li>▼分岐
<ul>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
</ul>
</li>
</ul>
<dl>
<dt>【タイトル】</dt>
<dd>内容</dd>
<dt style="margin-top: 1em;">【タイトル】</dt>
<dd>内容</dd>
<dt>■タイトル</dt>
<dd>内容</dd>
<dt style="margin-top: 1em;">■タイトル</dt>
<dd>内容</dd>
</dl>
<dl>
<dt style="margin-top: 1em; color: royalblue;">■男キャラ</dt>
<dd>キャラ紹介文</dd>
<dt style="margin-top: 1em; color: crimson;">■女キャラ</dt>
<dd>キャラ紹介文</dd>
<dt style="margin-top: 1em; color: mediumpurple;">■男?女?</dt>
<dd>キャラ紹介文</dd>
<dt style="margin-top: 1em; color: black;">■その他</dt>
<dd>キャラ紹介文</dd>
</dl>
<ul>
<li><a href="https://www.nicovideo.jp/search/【キーワード】">「【キーワード】」でキーワード検索</a></li>
<li><a href="https://www.nicovideo.jp/tag/【タグ】">「【タグ】」でタグ検索</a></li>
</ul>
■画像
【お絵カキコ用 - モバイル向け表示OK】
text-alignにより中央表示を設定。max-width(px指定)の設定により横サイズ限界あり。
text-alignにより中央表示を設定。max-width(px指定)の設定により横サイズ限界あり。
<p style="text-align: center;"><img src="https://dic.nicovideo.jp/oekaki/803251.png" style="width: 100%; max-width: 600px;" title="世界地図"></p>
静画用 (スマホ版仕様にmax-widthを設定)
<p style="text-align: center;"><a href="https://seiga.nicovideo.jp/seiga/im1747267"><img src="https://lohas.nicoseiga.jp/thumb/1747267i" style="width: 100%; max-width: 400px;"></a></p>
静画用 (スマホ版仕様にmax-widthを設定) display:block型
<p><a href="https://seiga.nicovideo.jp/seiga/im4991963" rel="nofollow" target="_blank"><img style="display: block; margin-left: auto; margin-right: auto; width: 100%; max-width: 300px;" alt="マインクラフト" title="マインクラフト" src="https://lohas.nicoseiga.jp/thumb/4991963i"></a></p>
記事あり項目 
記事あり項目 
【動画表示用 - センター位置・背景ブラック】
<div style="background: black; text-align: center;"><blockquote class="nicovideoplayer">1467290431</blockquote></div>
■エリア
テーブルテンプレ (基本 4 x 3)
<table style="margin: 1em auto; border: 1px solid #aaa;"">
<tbody>
<tr>
<th style="border: 1px solid #aaa;"> </th>
<th style="border: 1px solid #aaa;"> </th>
<th style="border: 1px solid #aaa;"> </th>
</tr>
<tr>
<td style="border: 1px solid #aaa;"> </td>
<td style="border: 1px solid #aaa;"> </td>
<td style="border: 1px solid #aaa;"> </td>
</tr>
<tr>
<td style="border: 1px solid #aaa;"> </td>
<td style="border: 1px solid #aaa;"> </td>
<td style="border: 1px solid #aaa;"> </td>
</tr>
<tr>
<td style="border: 1px solid #aaa;"> </td>
<td style="border: 1px solid #aaa;"> </td>
<td style="border: 1px solid #aaa;"> </td>
</tr>
</tbody>
</table>
動作環境テンプレ
| 最低環境 | 推奨環境 | |
|---|---|---|
| OS | ||
| プロセッサー | ||
| メモリー | ||
| グラフィック | ||
| ストレージ | ||
| DirectX | ||
| その他 |
<table style="margin: 1em auto;">
<tbody>
<tr>
<th></th><th style="color: #333;">最低環境</th><th style="color: #333;">推奨環境</th>
</tr>
<tr><td>OS</td><td>---</td><td>---</td></tr>
<tr><td>プロセッサー</td><td>---</td><td>---</td></tr>
<tr><td>メモリー</td><td>---</td><td>---</td></tr>
<tr><td>グラフィック</td><td>---</td><td>---</td></tr>
<tr><td>ストレージ</td><td>---</td><td>---</td></tr>
<tr><td>DirectX</td><td>---</td><td>---</td></tr>
<tr><td>その他</td><td>---</td><td>---</td></tr>
</tbody>
</table>
テーブルテンプレ (透明・並列)
|
|
|
<table style="border: none; width: 100%;">
<tbody>
<tr>
<td style="border: none; width: 50%;"> </td>
<td style="border: none; width: 50%;"> </td>
</tr>
</tbody>
</table>
配信リスト用テンプレート
| 話数 | サブタイトル | 配信日 | 動画 |
|---|---|---|---|
| 第1話 | -- | 2020 1/1 |
-- |
| 第2話 | -- | -- | -- |
<table style="margin: 1em auto; background: #fff; color: #333;">
<tbody>
<tr>
<th style="vertical-align: middle; text-align: center;">話数</th>
<th style="vertical-align: middle; text-align: center;">サブタイトル</th>
<th style="vertical-align: middle; text-align: center;">配信日</th>
<th style="vertical-align: middle; text-align: center;">動画</th>
</tr>
<tr>
<td style="vertical-align: middle; text-align: center;">第1話</td>
<td style="vertical-align: middle; text-align: center;">--</td>
<td style="vertical-align: middle; text-align: center;">2020<br>1/1</td>
<td style="vertical-align: middle; text-align: center;">--</td>
</tr>
<tr>
<td style="vertical-align: middle; text-align: center;">第2話</td>
<td style="vertical-align: middle; text-align: center;">--</td>
<td style="vertical-align: middle; text-align: center;">--</td>
<td style="vertical-align: middle; text-align: center;">--</td>
</tr>
</tbody>
</table>
紙テンプレート
|
【内容部分】 【内容部分】 【内容部分】 【内容部分】 |
||
<table style="color: #000000; margin-left: -6px;">
<tbody>
<tr>
<td style="border-width: 0px; padding: 0px; background-image: url('/oekaki/27101.png'); width: 50px; height: 50px;">
<td style="border-width: 0px; padding: 0px; background-image: url('/oekaki/27103.png'); width: 632px; background-repeat: repeat-x; height: 50px;"></td>
<td style="border-width: 0px; padding: 0px; background-image: url('/oekaki/27104.png'); width: 50px; height: 50px;"></td>
</tr>
<tr>
<td style="border-width: 0px; margin: 0px; padding: 0px; background-image: url('/oekaki/27080.png'); width: 50px; background-repeat: repeat-y;"></td>
<td style="border-width: 0px; margin: 0px; padding: 0px; background-image: url('/oekaki/27086.png'); width: 632px;">
<p>【内容部分】</p>
<p>【内容部分】</p>
<p>【内容部分】</p>
<p>【内容部分】</p>
</td>
<td style="border-width: 0px; padding: 0px; background-image: url('/oekaki/27083.png'); width: 50px; background-repeat: repeat-y;"></td>
</tr>
<tr style="height: 50px;">
<td style="border-width: 0px; padding: 0px; background-image: url('/oekaki/27094.png'); width: 50px;"></td>
<td style="border-width: 0px; padding: 0px; background-image: url('/oekaki/27098.png'); width: 632px; background-repeat: repeat-x;"></td>
<td style="border-width: 0px; padding: 0px; background-image: url('/oekaki/84266.png'); width: 50px;"></td>
</tr>
</tbody>
</table>
紙テンプレート (横部分なし・簡略化Ver)
|
【内容部分】 【内容部分】 【内容部分】 【内容部分】 |
<table style="color: #000000; width: 100%;">
<tbody>
<tr>
<td style="border-width: 0px; padding: 0px; background-image: url('/oekaki/27103.png'); background-repeat: repeat-x; height: 50px;"></td>
</tr>
<tr>
<td style="border-width: 0px; margin: 0px; padding: 0px; background-image: url('/oekaki/27086.png');">
<p>【内容部分】</p>
<p>【内容部分】</p>
<p>【内容部分】</p>
<p>【内容部分】</p>
</td>
</tr>
<tr>
<td style="border-width: 0px; padding: 0px; background-image: url('/oekaki/27098.png'); background-repeat: repeat-x; height: 50px;"></td>
</tr>
</tbody>
</table>
関連商品テーブルテンプレ(旧型)
<iframe frameborder="0" height="260" scrolling="no" src="https://ichiba.nicovideo.jp/parts/item/【アイテムID】" width="155" class="nicoichiba"></iframe>
内部フレーム・グレー
<div style="background-color: #eeeeee; width: 90%; padding: 1em; height: 100px; overflow: auto; border: #666666 1px inset;">
</div>
内部フレーム・ホワイト(スクロールなし)
<div style="margin: 0px -28px 0px -8px; padding: 0px 14px 0px 14px; height: 100px; overflow: auto;">
</div>
カラーフレーム(ボーダー色・背景色)
背景画像(くりかえし)
脚注
- 20
- 0pt



