tomemo

タグ:CSS による記事編集 ( 7 ) タグの人気記事

装飾付き表・テーブルの表示テスト

Results
NoCompetitionJohnAdamRobertPaul
1Swimming1:302:051:151:41
2Running15:3014:1015:4516:00
3Shooting70%55%90%88%


HTML Table generator - TablesGenerator.com
[PR]
by asazuki508e | 2016-02-09 10:07 | Comments(0)

手書き枠の貼り付けテスト

本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文

本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文


<!-- border-image を使った手書き風の枠 comemo 2016-02-06 -->
[PR]
by asazuki508e | 2016-02-09 10:03 | Comments(0)

shape-outside の表示テスト

この記事を参考に shape-outside という命令の表示テストをしてみました。

結果

Chrome, Safari:OK
d0112463_13560443.png
Firefox, FirefoxDeveloperEdition: ×
d0112463_13564876.png


別に適用できなかったからといって、従来通りに表示されるだけの話なので、積極的に使っていってもいい命令かな、と思いました。しかし、実際に使っているのはほとんど見たことがありませんね。
[PR]
by asazuki508e | 2016-01-14 13:44 | Comments(0)

エキサイトブログの記事にマーカーを入れる方法

Firefox の「Wired-Marker」というアドオンを使って、エキサイトブログの記事にマーカーを入れることができることが分かったので、その覚え書きです。

本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文

実際に使っているようすはこんな感じです。


ショートカットキーを設定してあれば、「選択 → ショートカットキー」で OK です。

注意する点は、オートキャッシュを無効にしておくこと。
d0112463_14121727.png
この設定をやっておかないと、マーカーを設定した記事に再編集をかけるときに以前、設定したマーカーが削除されてしまいます。

色もいろいろ取り揃えられていますし、
d0112463_14235362.png
色を変更したり、
d0112463_14260222.png


d0112463_14260527.png


d0112463_14260960.png


d0112463_14261251.png
追加したりできるようです。
d0112463_14394131.png


[PR]
by asazuki508e | 2016-01-12 14:19 | Comments(0)

(Firefox アドオンの各種マーカーアドオンのテスト)

本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文

本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文

本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文

[PR]
by asazuki508e | 2016-01-11 14:19 | Comments(0)

(Firefox アドオン「Wired Marker」でのマーカー表示テスト)

本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文

本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文

本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文

[PR]
by asazuki508e | 2016-01-11 13:58 | Comments(0)

指定した部分の装飾を変更するためのCSS

以下のCSSを追加すると、

CSS


/* Mozilla based browsers */
::-moz-selection {
background-color: #FFA;
color: #000;
}

/* Works in Safari */
::selection {
background-color: #FFA;
color: #000;
}


指定した部分の背景色などが変更されます。

d0112463_22492069.jpg
d0112463_22525652.jpg

d0112463_2249219.jpg


なお、上記のCSSは参照先のものをそのまま貼り付けており、その中で「Works in Safari」となっておりますが、私のパソコン上で確認したところ、ie9でもちゃんと機能しています。

参照:
[PR]
by asazuki508e | 2011-05-10 22:59 | Comments(0)