記事の中に欄を作るための HTML タグ -タイトル右上バージョン-

以下の HTML タグをテキストモードで記事中に貼り付けると、

<div style="position:relative;border:5px solid #CCC;border-radius:5px;width:50% !important;max-width:50% !important;margin:15px !important;float:right;min-height:50px;padding:0!important;">
<h2 style="background-color:#ccc;text-align:center;font-size:11px !important;font-style:normal !important;color:#fff;border:none;margin:0 0 0 10px !important;padding:5px 0 9px!important;position:relative;float:right;width:70px;border-radius:0 0 0 5px;">memo</h2>
<div style="padding:15px!important;font-size:13px !important;line-height:1.7em !important;"> (ここに文章等を入力します。)</div>
</div>

memo

 (ここに文章等を入力します。)

右のような欄が表示されます。

適宜、色を変更するなり、

memo

(ここに文章等を入力します。)

左寄せにするなり、

memo

(ここに文章等を入力します。)

幅を変更するなり

memo

(ここに文章等を入力します。)

して、好きに使ってください。なお、Firefox のアドオン「Make Link」等に登録して使う場合、

2015-11-02 at 15.16

ビジュアルモードで貼り付けると HTML 内の CSS スタイルが欠落してしまいますので、そのようなツールを使う場合にはテキストモードの状態

2015-11-02 at 15.09

で貼るようにしてください。

投稿者: comemo

mac & iPad で情報をインテグレートする

%d人のブロガーが「いいね」をつけました。