忍者ブログ

ブ熊

Google Ymail 忍者 AdMax QLOOKアクセス解析

私的なブックマークを整理して保存しておく場所

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

よく使うタグ一覧

編集　　テーブル作成ツール　テーブルcss設定ツール
<a href="" target="_blank"></a><br />
<a href="" target="_blank"></a><br />
<a href="" target="_blank"></a><br />
<a href="" target="_blank"></a><br />
<a href="" target="_blank"></a><br />
<a href="" target="_blank"></a>
<a href="" target="_blank"></a>
<a href="" target="_blank"></a>
<a href="" target="_blank"></a>
<a href="" target="_blank"></a>
<a href="" target="_blank"></a>
<a href="" target="_blank"></a>
<a href="" target="_blank"></a>


スクロール
<div style="height:100px; overflow-y:scroll;"></div>
<div style="height:200px;overflow-y:scroll;"></div>

引用　閉じるの忘れずに！　<blockquote>

JUMP　<a href="#"></a>
着地　新<div id=""></div>　旧<a name="" id=""></a>

背景に色
<span style="background-color: #f0f0f0;"></span>
<div style="background-color: #f0f0f0;"></div>

文字に色
<span color="#FF0000" style="color: #ff0000;"></span>
<span style="color: #ff0000;"></span>

文字の大きさ
<span size="4" style="font-size: large;"></span>
<span style="font-size: large;"></span>
<span style="font-size: x-small;"></span>

文字の位置　右、センター、左揃え
<div style="text-align: right;"></div>
<div style="text-align: center;"></div>
<div style="text-align: left;"></div>

太字（強調）
<strong></strong>

中央寄せ
<div align="center"></div>
<div style="text-align: center;"></div>

nofollow
旧？　<meta name="robots" content="nofollow" />
新？　<meta name="robots" content="nofollow">
個別　<a href="" rel="nofollow" target="_blank"></a>











PR

【囲み枠】コピペで使える htmlを使用した[囲み枠]のサンプル集

記事を編集

アメブロはCSSで編集して囲み枠を設定しても、スマホからだと表示されない。
スマホでもPCと同じように表示させるのであればCSSを使用せず、htmlだけで装飾しなければならない。
-------------------------------------------------------------------------------

h3とstrongを使用して強調。
★h3見出し★
<h3><div  style="font-size: 160%; padding: 10px; border: 2px solid #97CEC8; border-radius: 10px; color:#FFFFFF; background:#97CEC8;"><strong>★h3見出し★</strong></div></h3>

--------------------------------------------------------------------------------
★タイトル★
■本文■
<div style="background:#97CEC8; font-size:140%; padding:5px 10px; border:2px solid #97CEC8; border-radius:10px 10px 0px 0px; color:#fff; font-weight:bold;"><div>★タイトル★</div></div><div style="background:#ffffff; padding:10px; border-right:2px solid #97CEC8; border-bottom:2px solid #97CEC8; border-left:2px solid #97CEC8; border-radius:0px 0px 10px 10px;"><div>■本文■</div></div>

--------------------------------------------------------------------------
★テキスト★
<div style="background:#ffffff; font-weight:bold; font-size:140%; color:#333333; padding:10px; border:2px solid #97CEC8; border-radius:10px;">★テキスト★</div>
--------------------------------------------------------------------
★タイトル★
■本文■
<div style="background:#ff9B2C; padding:5px 10px; border:2px solid #ff9B2C; border-radius:10px 10px 0px 0px; color:#fff; font-weight:bold;"><div>★タイトル★</div></div><div style="background:#ffffff; padding:10px; border-right:2px solid #ff9B2C; border-bottom:2px solid #ff9B2C; border-left:2px solid #ff9B2C; border-radius:0px 0px 10px 10px;"><div>■本文■</div></div>

Seesaaブログの自由形式や、アメブロのプラグインなどに記入する時はこっちの方が分かり易くて便利（表示は上と同じ）
↓
<div style="background:#ff9B2C; padding:5px 10px; border:2px solid #ff9B2C; border-radius:10px 10px 0px 0px; color:#fff; font-weight:bold;">
<div>
★タイトル★
</div></div>
<div style="background:#ffffff; padding:10px; border-right:2px solid #ff9B2C; border-bottom:2px solid #ff9B2C; border-left:2px solid #ff9B2C; border-radius:0px 0px 10px 10px;">
<div>
■本文■
</div></div>



-----------------------------------------------------------------------
★本文★
<div style="background:#ffffff; padding:5px 10px; border:2px solid #ff9B2C; border-radius:10px 10px 10px 10px; color:#333333; font-weight:nomal;"><div>★本文★</div></div>

----------------------------------------------------------------------