君は英知を培うことがさんのページ ユーザー

もうプレミアム会員になることはないので編集できません。

• Web カラー 配色パターン 一覧リスト | iso.labo

• 
  ロックマンについて語るスレ>>330より

背景に透過イラスト
<div style="background-image: url('https://dic.nicovideo.jp/oekaki/82428.png'); margin: 0px -8px; padding: 10px 13px 18px; background-attachment: fixed; background-repeat: no-repeat; background-position: 40% 60%;">

静画切り抜き

<div style="overflow: hidden; width: 153px; height: 153px;"><iframe style="margin-left: -15px; margin-top: -13px;" class="nicovideo" src="https://ext.seiga.nicovideo.jp/thumb/im3272416" frameborder="0" height="176" scrolling="no" width="312"></iframe></div> 

商品レイアウト
<div style="float: right; margin-left: 4px; width: 105px; height: 155px; overflow: hidden;"><iframe style="margin-top: -30px; margin-left: -7px;" class="nicoichiba2" src="https://ext.ichiba.nicovideo.jp/thumb/azB00DQIW4W0" frameborder="0" height="210" scrolling="no" width="312"></iframe></div> 

<a href="#a">あ</a>
<a name="a" id="a"></a> 

メモ

• <h2>の緑色　→　下線は#8CC700、左の四角は#A3DA19
• padding: ○px;　→　内側の行間の余白
  margin: ○px;　　→　外側の行間の余白
• リンクの色　→　#3399FF
• 記事の幅　→　720px
• face属性のエラーが出た場合はその部分を削除、</span>は一番最後のものを削除
• ulを囲むときは<p>ではなく<div>を使う
• style="margin-left: 1em;"
• <cite>○○</cite>で脚注。
• <caption></caption>でテーブル見出し。
• <span style="color: #ff0000; background-color: #ffcccc;">権利者削除</span>

参考

• 【ドット】製作がカブらないようにするための記事【ポケモン図鑑】

動画

<iframe src="https://ext.nicovideo.jp/thumb/○○
" class="nicovideo" frameborder="0" height="176" scrolling="no" width="312">
</iframe><iframe src="https://ext.nicovideo.jp/thumb/○○
" class="nicovideo" frameborder="0" height="176" scrolling="no" width="312"></iframe>

<div style="overflow: hidden; height: 36px;"><a style="background-image: none;" href="動画のURL
" target="_blank" rel="nofollow">
<img width="65" height="50" style="margin-top: -7px;" alt="動画" src="動画のサムネイルのURL
" /></a></div>

静画

<iframe class="nicovideo" height="176" src="https://ext.seiga.nicovideo.jp/thumb/○○" 
frameborder="0" width="312" scrolling="no"></iframe><iframe class="nicovideo" height="176" 
src="https://ext.seiga.nicovideo.jp/thumb/○○"
frameborder="0" width="312" scrolling="no"></iframe>

商品

<iframe class="nicoichiba" height="260" src="https://ichiba.nicovideo.jp/parts/item/○○縦長商品URLaz
" frameborder="0" width="155" scrolling="no"></iframe>

<iframe src="https://ext.ichiba.nicovideo.jp/thumb/○○横長商品URLaz
" class="nicoichiba2" frameborder="0" height="210"scrolling="no" width="312"></iframe>

style="background-color: #ffffff;"

生放送

<iframe class="nicovideo" frameborder="0" height="176" scrolling="no" 
src="https://live.nicovideo.jp/embed/lv○○" width="312"></iframe>

引用

<blockquote style="margin: 10px;"> 

アイコン

<a style="background-image: none;" href="チャンネルURL" rel="nofollow" target="_blank">
<img style="margin: -2px 0px;"" src="/oekaki/84699.png" height="16" width="16" /></a> 

<a style="background-image: none;" href="動画URL" rel="nofollow" target="_blank">
<img style="margin: -2px 0px;"" src="/oekaki/22690.png" height="16" width="16" /></a> 

<a style="background-image: none;" href="大百科URL" rel="nofollow" target="_blank">
<img style="margin: -2px 0px;"" src="/oekaki/321948.png" height="16" width="16" /></a> 

<a style="background-image: none;" href="生放送URL" rel="nofollow" target="_blank">
<img style="margin: -2px 0px;"" src="/oekaki/104425.png" height="16" width="16" /></a> 

リンク

<a href="リンク先のURL" rel="nofollow" target="_blank">リンク先の名前</a>

<a href="/id/大百科記事のIDの番号">リンク先の名前</a>

テーブル

<table style="text-align: center; margin: 1em auto; border: #999999 2px solid;" border="0">
<tbody>
<tr>
<th>○○</th>
<th>○○</th>
</tr>
<tr>
<td style="vertical-align: middle;">○○</td>
<td>○○</td>
</tr>
</tbody>
</table>

縦　→ <td rowspan="2">
横　→ <td colspan="2">
float: right; →　右寄り
margin: 1em;　→　枠の行間
style="vertical-align: middle;"　→　テーブル内中央寄り

２分割

<table style="width: 100%;">
<tbody>
<tr>
<td style="border: none; width: 50%;">
本文
</td>
<td style="border: none; width: 50%;">
本文
</td>
</tr>
</tbody>
</table>

お絵かき

<img style="float: right;" title="タイトルポップアップ" alt="title" src="お絵カキコURL" />

<p><img style="display: block; margin-left: auto; margin-right: auto;" 
title="タイトル" alt="title" src="中央寄りURL" /></p> 

<img title="タイトル" alt="title" src="お絵カキコURL" width="100" height="100" />

<h2 style=" clear:both;">

<h2 style="width: 50%;">

背景

<div style="background-color: #fffef0; background-image: url('お絵カキコのＵＲＬ'); width: 736px;
margin-left: -8px; padding: 12px 0;">

<div style="background-color: #000000; color: #ffffff;
 margin: 0px -8px; padding: 10px 13px 18px; border: none;">

<div style="background-image: url('（お絵カキコ）か（動画サムネ）のＵＲＬ');
 background-repeat: repeat; width: 715px; padding: 10px 0; margin: 0;">

箇条書き

<ol><li>数字</li></ol>

<ul><li>（細分化）</li></ul> 

<ul style="list-style: disc; list-style-image: none; color: #箇条書きの色指定;"> 

<ul style="list-style-image: url('ulのお絵カキコのURL');"> 

<dl>
<!--

▼メモ欄（HTML）

-->

/*

▼メモ欄（CSS）

*/

<dt>定義する用語</dt>
<dd>内容</dd>
</dl> 

概要改変

• お絵かき素材（h2のレイアウト）

<h2 style="background: url('お絵カキコURL') no-repeat; 
padding-top: お絵カキコから罫線までの間隔px; 
text-indent: お絵カキコから見出までの間隔px;">概要</h2> 

<h2 style="background-image: none; text-indent: -15px; border-color: #ff0000;">見出し左寄せ</h2> 

<h2 style="clear: both; border-bottom: 1px solid #罫線の色指定;
background: url('h2のお絵カキコのURL') no-repeat 0px;">概要</h2>

チャンネル

<iframe class="nicovideo" frameborder="0" height="176"scrolling="no"src="http://ext.nicovideo.jp/
thumb_channel/ch○○" width="312"></iframe>

巨大文字

<p style="text-align: center;"><span style="color: #ff0000; font-size: 128px;
font-weight: bold;">○○○○</span></p>

外枠

<div style="border: 6px solid #0000CD;">
<div style="border: 6px solid #B0E0E6;">

枠

<pre style="margin: 1em auto; padding: 1em; width: 650px; overflow: auto; border:
1px solid #333333; color: #000000;"><code>ソースコード等</code></pre>

<div style="border: 1px solid #8cc700; margin: 0.5em 3em; padding: 1em; overflow:auto;">○○</div>

ＡＡ

<div style="margin: 1em auto; padding: 1em; width: 650px; overflow: auto; border: 1px solid #99ccff;">
<p style="font-size: 16px; line-height: 18px; font-family: 'Mona','IPAMonaPGothic',
'IPA モナー Pゴシック','MS PGothic AA','MS PGothic','ＭＳ Ｐゴシック',sans-serif;">
○○（改行時に<br />）</p>
</div> 

コミュニティ

<p><iframe class="nicovideo" height="176" src="https://ext.nicovideo.jp/thumb_community/co○○
" frameborder="0" width="312" scrolling="no"></iframe></p>

マイリスト（ユーザー）

<p><iframe src="http://ext.nicovideo.jp/thumb_mylist or user/○○○○
" class="nicovideo" scrolling="no" frameborder="0" height="176" width="312"></iframe></p>

罫線

<hr style="border-color: orange; background-color: orange; border-style: solid;" /> 

記事分割

<div style="margin: 50px -10px 0; width: 740px; height: 7px;">
<div style="background: url('/oekaki/136025.png') no-repeat; width: 16px; height: 7px; float: left;"></div>
<div style="background: url('/oekaki/136030.png') repeat-x; width: 717px; height: 7px; float: left;"></div>
<div style="background: url('/oekaki/136032.png') no-repeat; width: 7px; height: 7px; float: left;"></div>
</div>
<div style="margin: 0 -10px 10px; width: 740px; height: 13px;">
<div style="background: url('/oekaki/141337.png') no-repeat; width: 16px; height: 13px; float: left;"></div>
<div style="background: url('/oekaki/141341.png') repeat-x; width: 717px; height: 13px; float: left;"></div>
<div style="background: url('/oekaki/141347.png') no-repeat; width: 7px; height: 13px; float: left;"></div>
</div>

ピコカキコ

<div style="margin: 1em; width: 100px;"><img src="/img/pikoplayer.png" alt="○○
" width="86" height="18" /></div>