Uesr Page

Community

Related Item ユーザー生放送 コメント職人 弾幕 ニコニコ大百科 編集者一覧 編集者向けのページ 編集時のマナー 記事の編集方法 HTMLエディタヘルプ HTMLタグ一覧 HTMLテンプレート集 素材集 素材集2

User Box このユーザーはプレミアム会員です。 このユーザーはWindowsを利用しています。 このユーザーはGoogle Chromeで色々している模様です。 このユーザーは記事かなりゆっくり編集していく癖があります。 このユーザーはHTMLを適度に理解している、はず。 このユーザーはドコモのF906iを使っています。 このユーザーはFirefoxでニコニコしています。 このユーザーはInternet Explorerをたまに使ってます。 このユーザーは完治不可なほどのボカロ廃なようです。 このユーザーはCSSを適度に理解している、はず。

Templates Place

全部自分が編集した記事で使ってるもの　htmlタグの下にレイアウトを表示

<table style="border: 0px solid white; width: 100%;" border="0" frame="void" rules="none">
<tbody>
<tr>
<td style="border: 0px solid white; width: 50%;">
<h2 style="border-top: medium none; border-bottom: medium double #00bfff; background-image: url(/oekaki/297140.png); background-position: 1% 50%; text-indent: 15px;">Test</h2>
</td>
<td style="border: 0px solid white; width: 50%;">
<h2 style="border-bottom-color: #0000ff; border-bottom-width: 2px; border-bottom-style: solid; border-left-width: 18px; border-left-style: ridge; border-left-color: #ff0000; background-image: none; text-indent: -12px; text-align: left;">Test</h2>
</td>
</tr>
</tbody>
</table>

<div style="color: #000;">
<div style="border: 5px solid #000;">
<div style="background-image: url(/oekaki/231784.png);">
<p>上から文字の色、外枠、背景を決める。1番したになるやつ<p>
</div></div></div>

<div style="margin-left: 5px; margin-right: 5px;">
<table width="600px">
<tbody>
<tr>
<td style="background-image: url(/oekaki/253345.png); border: none; text-align: center; padding: 5px; vertical-align: middle;" width="10px">
<table style="text-align: left;" width="600px">
<tbody>
<tr>
<td style="text-align: left; background-color: #fff; color: #000; border: none;">
<p>枠と枠の左右の幅、サイズ、背景画像、枠の線部分を下の枠で作ってみた</p>
</td></tr></tbody></table>
</td></tr></tbody></table>
</div>

<div style="background-color: #fff; border: 10px dotted #00ff00; overflow: auto; width: 500px; height: 100px;">
<ul style="list-style: square;">
<li>スクロール化</li><li>ul　に　style　で組み込む</li><li>squareで■　discで●　circleで○　に変更できる</li>
<li style="list-style-image: url(/oekaki/313409.png); padding-bottom: 1px;">画像にも出来るが</li><li style="list-style-image: url(/oekaki/313409.png); padding-bottom: 1px;">ul　ではなく</li><li style="list-style-image: url(/oekaki/313409.png); padding-bottom: 1px;">li　に　style　で組み込む</li>
</ul>
</div>

<iframe class="nicovideo" frameborder="0" scrolling="no" src="https://ext.nicovideo.jp/thumb_user/7606729" style="width: 500px; height: 150px;">styleで大きさの調節</iframe>

<iframe class="nicovideo" frameborder="0" scrolling="no" src="https://ext.nicovideo.jp/thumb_community/co442222" style="width: 600px; height: 150px;">styleで大きさの調節</iframe>

☟ほめるはこの下から