猫目とは、livedoor ねとらじ
で主に活動している人です。
最近ではガジェット通信一芸記者として、ガジェット通信に記事の寄稿をしています。
編集に役立つ的な大百科
お役立ちタグ
ソースコード兼、表示サンプル
<pre style="margin: 1em auto; padding: 1em; width: 650px; overflow: auto; border: 1px solid #333333; color: #000000;"><code>[内容]</code></pre>
記事背景に枠をいれて、記事上下を分断してるかのような偽装する
上部↓
<div style="width: 1px; height: 5px; padding: 0px; margin: -1px 0px 0px; border-width: 0px; display: block;"></div>
<div style="width: 1px; height: 5px; padding: 0px; margin: -1px 0px 0px; border-width: 0px; display: block;"></div>
<div style="width: 1px; height: 5px; padding: 0px; margin: -1px 0px 0px; border-width: 0px; display: block;"></div>
<div style="margin-left: -10px; margin-right: -10px; width: 740px; height: 7px;">
<div style="background-image: url('/oekaki/136025.png'); width: 16px; background-repeat: no-repeat; height: 7px; float: left;"></div>
<div style="background-image: url('/oekaki/136030.png'); width: 717px; background-repeat: repeat-x; height: 7px; margin-left: 0px; float: left;"></div>
<div style="background-image: url('/oekaki/136032.png'); width: 7px; background-repeat: no-repeat; height: 7px; float: left;"></div>
</div>
<!--▲上向き枠--><!--▼スペースをあける-->
<div style="margin: 0px -10px; height: 55px; background-color: #f0f2f5;"></div>
<!--▼▼▼記事ここから-->
↑下部
<!--▼上向き枠-->
<div style="width: 1px; height: 5px; padding: 0px; margin: -1px 0px 0px; border-width: 0px; display: block;"></div>
<div style="margin-left: -10px; margin-right: -10px; width: 740px; height: 7px;">
<div style="background-image: url('/oekaki/136025.png'); width: 16px; background-repeat: no-repeat; height: 7px; float: left;"></div>
<div style="background-image: url('/oekaki/136030.png'); width: 717px; background-repeat: repeat-x; height: 7px; margin-left: 0px; float: left;"></div>
<div style="background-image: url('/oekaki/136032.png'); width: 7px; background-repeat: no-repeat; height: 7px; float: left;"></div>
</div>
<!--▼スペースをあける-->
<div style="margin: 0px -10px; height: 40px; background-color: #f0f2f5;"></div>
<!--▼下向き枠-->
<div style="clear: both; margin-left: -10px; margin-right: -10px; width: 740px; height: 13px;">
<div style="background-image: url('/oekaki/141337.png'); width: 16px; background-repeat: no-repeat; height: 13px; float: left;"><a name="tsuri" id="tsuri"></a></div>
<div style="background-image: url('/oekaki/141341.png'); width: 717px; background-repeat: repeat-x; height: 13px; margin-left: 0px; float: left;"></div>
<div style="background-image: url('/oekaki/141347.png'); width: 7px; background-repeat: no-repeat; height: 13px; float: left;"></div>
</div>
- 2
- 0pt