ニコニコ大百科

テスト
記事内参照用URL :

テスト２
記事内参照用URL :

テス
記事内参照用URL :

<div style="background-image: url('/oekaki/お絵カキコ番号.png');">

</div>

右下配置用
記事内参照用URL :

白　0.5
記事内参照用URL :

修正
この絵を基にしています！ 記事内参照用URL :

白グラデーション
記事内参照用URL :

0.8
記事内参照用URL :

修正
この絵を基にしています！ 記事内参照用URL :

更に修正
この絵を基にしています！ 記事内参照用URL :

重ねて修正
この絵を基にしています！ 記事内参照用URL :

<div style="padding:1em;">
<p style="margin: 1em 1px 1px;"></p>
<p style="margin: 1px;"></p>
</div>

<div style="background-color: #●●●; color: #●●●; margin: -40px -8px 0px;">


</div>

<div style="background-image: url('/oekaki/お絵カキコ番号.png');">

</div>

Music Lyrics同じ人用

<table style="color: #●; margin: 10px 1em; float: right;" border="0">
<tbody>
<tr>
<td style="border-left: 1px solid #●; border-top: 1px solid #●; border-bottom: 1px solid #●;">Lyrics</td>
<td style="text-align: right; vertical-align: middle; border: 1px solid #●;" rowspan="2">作者</td>
</tr>
<tr>
<td style="border-left: 1px solid #●; border-bottom: 1px solid #●;">Music</td>
</tr>
<tr>
<td style="border: 1px solid #●;">Illustration</td>
<td style="text-align: right; border: 1px solid #●;">作者</td>
</tr>
<tr>
<td style="border: 1px solid #●;">Vocal</td>
<td style="text-align: right; border: 1px solid #●;">歌</td>
</tr>
</tbody>
</table>

作詞作曲別々バージョン

<table style="color: #●; border: 1px solid #●; margin: 0px 10px 0px; float: right;" border="0">
<tbody>
<tr>
<td style="text-align: right; border: 1px solid #●;">Lyrics</td>
<td style="text-align: right; border: 1px solid #●;">作詞者</td>
</tr>
<tr>
<td style="text-align: right; border: 1px solid #●;">Music</td>
<td style="text-align: right; border: 1px solid #●;">作曲者</td>
</tr>
<tr>
<td style="text-align: right; border: 1px solid #●;">Illustration</td>
<td style="text-align: right; border: 1px solid #●;">イラスト</td>
</tr>
<tr>
<td style="text-align: right; border: 1px solid #●;">Vocal</td>
<td style="text-align: right; border: 1px solid #●;">歌</td>
</tr>
</tbody>
</table>

<dl>
<dt>見出し</dt>
<dd>説明本文</dd>
</dl>

両横グラデーション(宇宙仕様のアレ)
<div style="background-color: #●; padding: 0px 2px;">

縦グラデーション
<div style="background-color: #●; padding: 1px 0px;">

marginで縦横調節>>14

よく使うパターン

<div style="width: 400px; height: 70px; border: #● solid 1px; padding: 20px 30px; margin: 30px auto;">
<p style="text-align: center; font-style: italic; font-size: 125%;">●●●</p>
<p style="text-align: right; font-size: 90%;">―動画説明文より―</p>
</div>

見出しが外枠ぴったりにはまるmargin

<table style="color: #●; width: 100%; margin: 10px -8px 20px -8px;">
<tbody>
<tr>
<td style="border-style: none; width: 50%;">
<h2 style="color: #●; background-image: none; border-bottom: 3px double #●; text-indent: ●px; letter-spacing: ●px; margin: 10px -1px 5px -5px;">見出し左</h2>
</td>
<td style="border-style: none; width: 50%;">
<h2 style="color: #●; background-image: none; border-bottom: 3px double #●; text-indent: ●px; letter-spacing: ●px; margin: 10px -1px 5px -5px;">見出し右</h2>
</td>
</tr>
</tbody>
</table>

リンク元<a href="#●" style="">■■■</a>

リンク先<a name="●" id="●"></a>

25*18
記事内参照用URL :

80*80
記事内参照用URL :

星減量
この絵を基にしています！ 記事内参照用URL :

400*400
記事内参照用URL :

いずれの記事も丁寧なデザインで感服です！
そして、この掲示板に書かれているノウハウも大変参考にさせてもらいました！

>>27
書き込みありがとうございます。
お褒めの言葉まで…もったいない位です。とても嬉しいです。本当にありがとうございます。
まだまだ初心者ですが、これからも精進してまいります。