FC2日記　Fraternity7

MPlayer & MEncoder on MacOSX

ホーム > カテゴリー－ FC2日記

safariがpreタグのナカミをちゃんと表示しない件について

結論：<code>～</code>使う。

「<pre><code>無改行一行め～最終行無改行</code<>/pre>」を墨守すりゃよさげ。

```
<start-frame>,<end-frame>,<option>
```

上記はこんな風に書いた。

<pre><code>＆lt；start-frame＆gt；,＆lt；end-frame＆gt；,＆lt；option＆gt；</code></pre>

なお、上記の＆lt；は実際には半角英数（実態参照）で書く必要があるます。
長いものは<pre>と<code>の直後や、</code></pre>の直前などで改行を打ちたくなるのだが、それやるとpreタグ内部に改行が反映され、上下に間のびする。てゆうかその為のpreタグですわな。

問題：preだけだと、Safariで<～>内部の表示が消える。

```
<start-frame>,<end-frame>,<option>
```
```
<start-frame>,<end-frame>,<option>
```

Firefox 2、Opera 9とも意図通りの表示になるが、Safari 2のみ、上記いずれも「,,」だけを表示する。
1. は＜だけ実態参照（＆lt；）、にして、後ろは（＞）のまま。
2. は後ろのとんがり括弧＞も＆gt；にしたもの。

ちなみに、＜と＞を実態参照にせずそのまま書くとFirefox 2, Safari 2, Opera 9とも「,,」だけ表示になったが、Opera だけそれ以降の表示に不具合が出た。タグが閉じてないぢゃないかと怒っているらしい。見逃してくれよん…そんなタグあんのかな？

Opera向け実験。

<start-frame>,<end-frame>,<option>
</option>,</end-frame>,</start-frame>

などと閉じてもだめぽい。ここから下のエリアがごそっと消える。かつ「,,」もワンセットしか出ない。他は２セット出るのだが。いや出たからどうだというもんでもないが。

まとめ：

preタグの中でもhtmlタグは解釈される。

preタグ中の<, >は、実態参照を使わないとFf, Sf, Op ともにhtmlタグと解釈するのでナカミを表示しない。特にOpは厳しい。
preタグ中の<, >は、実態参照を使っても、Sfだけ表示しない。Ffは<>と、間になにも書かなければ実態参照でなくてもとんがり括弧を表示する。
とにかく「<pre><code>無改行一行め～最終行無改行</code></pre>」を墨守すりゃよさげ。

参考リンク

jmblog.jp - ソースコードを表示させるのに使うべきHTMLタグは？

スポンサーサイト

[ 2007/09/08 00:00 ] FC2日記 | TB(0) | CM(0)

クリコモかパブドメか

自分がフォーカスすべきなのはクリコモよりパブドメなんでないかとふいに思った。

[ 2007/09/09 00:00 ] FC2日記 | TB(0) | CM(0)

フェアリアル・メソッド（妖精記法）

１）最新メモをトップに（ぐしゃまら）。
２）整理、推敲は後から。
３）各記事のURIは変えない。

[ 2007/09/09 00:00 ] FC2日記 | TB(0) | CM(0)

PV1500

一日のPVが1500くらいで「メディア」になるとゆう。
読み手の資質が変わって来るとゆう。…実感。

オレ主観では「ググラー」から「シチョーシャ」になった。
そこは超えないようにしたい。

[ 2007/09/09 00:00 ] FC2日記 | TB(0) | CM(0)

使えそうな実体参照

miの機能拡張から。


<｜＆lt；
>｜＆gt；
&｜＆ａｍｐ；
"｜＆ｑｕｏｔ；
 ｜＆ｎｂｓｐ；
¥｜＆ｙｅｎ；
£｜＆ｐｏｕｎｄ；
©｜＆ｃｏｐｙ；
®｜＆ｒｅｇ；
†｜＆ｄａｇｇｅｒ；
§｜＆ｓｅｃｔ；
²｜＆ｓｕｐ２；
³｜＆ｓｕｐ３；
‘’｜＆ｌｓｑｕｏ；＆rｓｑｕｏ；
“”｜＆ｌdｑｕｏ；＆rdｑｕｏ；

♨｜＆＃９８３２；
✓｜＆＃１０００３；
⌘｜＆＃８９８４；
✿｜＆＃１００４７；
▶｜＆＃９６５４；
◀｜＆＃９６６４；
▷｜＆＃９６５５；
◁｜＆＃９６６５；

Mac OSX以外でどう見えるかは不詳。

[ 2007/09/14 01:00 ] FC2日記 | TB(0) | CM(0)

プルダウンメニューむずい。

へんに透過する。
ヘッダにプルダウンメニュー作って、その下のdiv内でfloat使うとなる。
あと記事内でiframe使うのもダメ。

[ 2007/09/15 00:00 ] FC2日記 | TB(0) | CM(0)

例えばここに広告を入れるとする。

広告収入の10%をMPlayer/ffmpeg Projectに寄進するというのは、どうか？
一見少ないが、確かそんくらいがモチベーションが持続する目安だったと思う。

[ 2007/09/15 01:00 ] FC2日記 | TB(0) | CM(0)

ageha7

あたらしいテンプレが大体できた。と思う。ageha7と命名しよう。

[ 2007/09/25 00:00 ] FC2日記 | TB(0) | CM(0)

KompoZer バージョン 0.7.10 (20070904)

　これで結構な数のボタンが使えるようになる。ああ、いやfontタグとか使うのもあるから一通り確認すればという意味で。

≫ 続きを読む

[ 2007/10/09 01:00 ] FC2日記 | TB(0) | CM(0)

STYellow, STBlue, STGreen, STPink

あああ

いいい

ううう

えええ

≫ 続きを読む

[ 2007/10/09 01:01 ] FC2日記 | TB(0) | CM(0)

yakuchu

これは訳注です。

.yakuchu {color: green;font-size: small;}

[ 2007/10/09 01:03 ] FC2日記 | TB(0) | CM(0)

kbd

⌘ + C

≫ 続きを読む

[ 2007/10/09 01:04 ] FC2日記 | TB(0) | CM(0)

やっぱfirefoxとSafariとOperaでHTML解釈のコダワリポイントが違う。
Operaタソが一番ミスに厳しい。すぐしぬよくしぬすごくしむ。
厳しいだけならまだ良いが、存在しない筈のタグもとんがりカッコで括ってあればタグと見なすっぽい。見なすだけならまだ良いが、対応する閉じタグを創作してもなお崩れる。る～（泣）。なんだそれわ。どういうリクツだ。そこが萌えポイントなのか？そうなのか？てゆうか創作すんな＜オレ。ちゃんと実体参照おぼえろ＜オレ。イヤです＜拙者。てゆうかこのとんがりカッコは大丈夫なのか＜我輩。いや全角だし平気＜儂。

いっそなにもかもPDFにしてしまいたい。

[ 2007/10/15 22:12 ] FC2日記 | TB(0) | CM(0)

Webページの許容待ち時間

っていくつだっけ。げ、4秒？
科学ニュースあらかると｜Webサイト表示の待ち時間は4秒！(技術) - 06年11月09日（木）

てゆうか、科学ニュースあらかるとさんは一瞬だ。比べてもしょうがないのか。
ううむ、個別記事とトップくらいだな（今５件表示）。
今測ったら93件あるMov|x264cli --longhelpで12秒（Ff2）。

いや悪いというほどでも無いが、アク解等の外部スクリプトがコケればもっと掛かるし、ゴールデンタイム以外、とかの条件がつく。早いに越した事は無い。

それでなくてもFC2はリクエスト単位でページ生成するタイプみたいだから。あ、鯖にもキャッシュってあるよなたぶん。そこに少しでも長く滞留するには、うんとPVを稼ぐか、次々に読みたくなるような記事を書くか。

、、、たぶんこうゆうムダ記事は控えた方が良いw。

[ 2007/10/15 23:59 ] FC2日記 | TB(0) | CM(0)

今日は<%preventry_title>の様子がおかしい。

<%preventry_title>の様子がおかしい。

 <%preventry_title>[next] ＆＃９５６４；

とかくと（実体参照を全角で書いてます↑）、次記事タイトルにURLが前置される。↓

http://ageha909.blog121.fc2.com/blog-entry-delogo[=x:y:w:h:t] [next] ▶

一時的な不具合だよなぁコレ。オレのせいぢゃないよなぁ、、、。

2007/10/16追記：
FC2ユーザーフォーラムによると一時的なものらしく、ほっといたら直ったという声がある。
<%preventry_title>の変数について
ここはまだみたいだけど、もうちょいほっとこ。

2007/10/17追記：
まだ直ってない。本スレはこちららしい↓
<%preventry_title>の中身がおかしい。
新管理画面固有の不具合で、旧管理画面でログアウトすると直るとか。
ううむ。それやると他でナニが起るかわからないんだよな。
別に急がないけど報告だけしとこうかなぁ。

2007/10/18追記：
22時頃に見たら直ってた。嬉しい。
しかし今度はユーザーフォーラムにログインできない。これはぜったいオレのせいだ。問題解消のお礼が書けない。っかしいなぁ。

[ 2007/10/15 23:59 ] FC2日記 | TB(0) | CM(0)

広告を一番熱心に読むのってブログ主だよな^^;

となると、設置者がリンクを踏んぢゃイケナイGoogleはやや残念感が漂う。主に自分が。マッチング精度が上がってゆくほど、オレが踏まずに誰が踏むっ！！ってカンジ。

アマゾンのライブリンクというのが、指定キーワードに基づいて広告を自動で切り替えるらしい。画面モード事にキーワードを散らしてみた。

・カテゴリ - H.264（本）
・記事個別 - UNIX（本）
・その他 - Mac OSX（本）

FC2の画面モードは8個あるけど、他に普段見るのはタグ検索と検索くらいだよな。個別タグやカテゴリ番号で切り替えられりゃいいのに。

指定キーワードは一単語オンリーっぽい。複数入れるとマトモなものが出てこない。『電波利権 (新潮新書)』とか、『現代中国の産業―勃興する中国企業の強さと脆さ』とか、バラツキのある関心に一発で答えてくれるのは、やっぱ行きつけの本屋だよなぁ。オヤジ長生きしてくれ。

広告はいったんてんこもりにして、ダメなのを削いで行くのが良いよな。

[ 2007/10/18 01:00 ] FC2日記 | TB(0) | CM(0)

各種検索エンジンに掛かり始めた。

gooすげぇ。x264でいきなりagehaと並んでる。
っつかナカミみてねぇだろコレw
テクノラティもよく見つけるな、、、かゆ、、、うま。

[ 2007/10/21 01:00 ] FC2日記 | TB(0) | CM(0)

（試作ライセンス1号）"かみちゅドメイン" について

　当ブログのコピーライトは「かみちゅドメイン」に帰属します。と言っても勝手に作ったモノなので法的にはむちゃくちゃなハズであります。

１）かみちゅドメイン

当ブログの「原著作者の名誉」および「著作利権」はゆりえ様（全国初の中学生かみさま）に献納致します。
皆様におかれましてはゆりえ様への敬意を持ってお取り扱い下さい。
私物化すると「チームしやわせ」が懲らしめにきちゃうぞ。
引用や勝手翻訳の部分は元ネタのライセンス形式にご注意下さい。

　え～とつまり、そのへんの神社にいくと名札みたいのが掛かってる事がありますな。
　改築とかそういうときに寄付した人の名前が書いてあるような。盆踊りなどでもあるかもしれません。

　著作権の一切合切をそんなカンジでどっかに『奉納』してしまえ！という事です。

課題は以下：

アイコン作ると著作権侵害。
背後にヤツが居る。
かみちゅ！を知らなきゃわからない。

≫ 続きを読む

[ 2007/10/22 23:00 ] FC2日記 | TB(0) | CM(0)

これでわトラバ管理が大変なわけだ。

　よのなかにはこういうものがあるのか。
　はてダのように記事単位でバックリンクを探してくれるパーツが欲しいのだが、それも餌食だよなぁ。

[ 2007/10/24 01:10 ] FC2日記 | TB(0) | CM(0)

広告を一番熱心に読むのってブログ主だよな２

大丈夫ぢゃなくてすいませんw。

[ 2007/11/15 10:23 ] FC2日記 | TB(0) | CM(0)

Safari3最大の改善点

日本語の斜体表示ができるようになった。
emもイタリック
iタグもイタリック
varタグもイタリック

さらに、

bdoタグで右から左だ

Safari2のHTMLタグに関する問題のうち、手許で確認したものはこれで全部潰れた事になる。書き手の意図を見落とす心配が減った、、、でももう完全にFirefoxの人だしなオレ、、、。

[ 2007/11/16 02:00 ] FC2日記 | TB(0) | CM(0)

FC2はどこで儲けをだしているのか？

　端的には「書き手」だと思います。ただしこの記事は１ユーザーとしての印象であり、なんら根拠のあるものではないです。

≫ 続きを読む

[ 2007/12/03 01:00 ] FC2日記 | TB(0) | CM(0)

試訳：Switch Content Script

　Dynamic Driveにあった開閉スクリプトの解説試訳。訳しただけでまだ試してないです。

≫ 続きを読む

[ 2007/12/11 00:15 ] FC2日記 | TB(0) | CM(0)

Lc.ツリーカテゴリの使い方

概要

　基本的な紹介：Lc-Factory＠FC2ブログプラグイン「Lc.ツリーカテゴリー」

　FC2のカテゴリリストをツリー化するプラグイン。同種のものに、シンプルカテゴリツリー(YahooUI版)や、FcafeさんのTree シリーズがあるが、前者の簡便さと後者のカスタマイズ幅の広さを兼ね備える。

　、、、ように思うます。

▲もくじ

イ・基本的な使い方

１）ダウンロード時の設定

・デフォ「開」
・区切り記号「/」
・先頭記号「・」

　■グループの初期状態

デフォ開、他に閉。
手許では開を選択。
後から任意項目を「閉」にできる。

　■グループとカテゴリーを区切る文字

デフォ全角スペース、任意に変更可。
手許では"/"

　■リンクの先頭に付ける記号

デフォ★、任意に変更可。
手許では中黒（・）

▲もくじ

２）カテゴリ画面での設定

・「MPlayer」は開いているが、「Man」は閉じている。

　■基本的なグルーピング

カテゴリ名に区切り文字を入れる。
例：x264cli/ --longhelp

　■多段ツリー

カテゴリ名の例：MPlayer/Man/もくじ
区切り文字を複数使うと多段化する。
段数は8段程度まで行けるようだが、カテゴリ名に字数制限がある。

　■一部のカテゴリーだけ開く

カテゴリ名の例：MPlayer/.Man/ もくじ（図参照）
グループ名の先頭に半角ピリオドを打つと、そのカテゴリの初期状態が閉になる。

　※さらに上位のカテゴリを追加したり、右図のようにグループ先頭の記号を変更するには、プラグインのHTML(Javascript)内部に設定箇所がある。

▲もくじ

ロ・カスタマイズ

１）大カテゴリを追加する。（プラグインHTML（JavaScript）書き換え）

追記・変更箇所

■「追加グループ設定」を以下の手順で変更

// ■追加グループ設定です。

lc_cat_grList[lc_cat_grList.length] = new Array('野菜', 9998, 9999);
lc_cat_grList[lc_cat_grList.length] = new Array('Mov', 46, 47);

大カテゴリ「Mov」を作ってそこに突っ込むカテゴリの「カテゴリ番号」を列挙。
「カテゴリ番号」は、カテゴリ画面のURI末尾にある数字「blog-category-1.html」など。
ダウンロード時の設定で「開」を選んだので、左図の「Mov」は開いている。

　※参考：Lc-Factory/雑記ツリーカテゴリーのグループ指定方法。

▲もくじ

２）開閉記号を変える。（プラグインHTML（JavaScript）書き換え）

■「表示設定」を以下の通り変更

// ■表示設定です。
// 各設定項目とも、trueならON、falseならOFFです。

var LC_CAT_PARENTBOLD = false; //親項目太字
var LC_CAT_DISPLAYNUM = true; //記事数表示
var LC_CAT_DECOLESS_PARENT = true; //親の下線消し
var LC_CAT_DECOLESS_CHILD = true; //子の下線消し
var LC_CAT_DYNAMIC_SIZE = false; //記事数で文字サイズ
var LC_CAT_PARENTBOX = false; //親の＋などをボックス表示
var LC_CAT_CLASS = true; //class属性の付加

デフォルトの文字修飾を全て消している。
この他に別途CSSでの指定も可能。

　※Lc-Factory/雑記 Lc.ツリーカテゴリーの、CSS設定について（その１）
　※Lc-Factory/雑記 Lc.ツリーカテゴリーの、CSS設定について（その２）

■「その他」設定を以下の通り変更

// ■その他

var LC_CAT_INDENTCHR = '　　';
var LC_CAT_INDENTCHR_GROUP = null;
var LC_CAT_TOOPEN = 'クリックすると、ツリーを開きます。';
var LC_CAT_TOCLOSE = 'クリックすると、ツリーを閉じます。';
var LC_CAT_BOX_CLOSED = '&#9654;';
var LC_CAT_BOX_OPENED = '▼';
var LC_CAT_BRANCH_CONNECT = '　';
var LC_CAT_BRANCH_EDGE= '　';


// ■

デフォルトのプラマイ記号や罫線記号を全て全角スペースに置き換え、開閉記号を▼と▶に。
右向き三角の実体参照は、半角で&＃９６５４；。

　※参考：使えそうな実体参照

▲もくじ

３）その他のカスタマイズ項目

■アイコン画像設定

カテゴリ毎に別アイコンをつける：Lc-Factory/雑記｜「Lc.ツリーカテゴリー」にアイコン表示機能を追加。
階層単位でアイコンをつける：Lc-Factory/雑記｜デフォルトアイコン設定の説明。

■特定カテゴリの非表示

Lc-Factory/雑記「Lc.ツリーカテゴリー」で、特定のカテゴリーを非表示

■変更した設定の外部化

Lc-Factory/雑記 Lc.ツリーカテゴリー次版の、設定部分の外部化。

■その他

作者さんのブログを"Lc.ツリー"で検索：Lc-Factory/雑記 Lc.ツリー

▲もくじ

[ 2008/02/04 23:00 ] FC2日記 | TB(0) | CM(0)

title

　ブラウザのタイトルバー表示、および、ブックマークされる時の名前を、FC2変数と組み合わせて、記事単位、抽出条件単位で変えたい場合の例。<head>～</head>内で使う。

HTML（タグや画面にそのまま出る文字列）/CSS

FC2変数

テンプレ	メモ
<!--▼title-->	（コメント）
<title xml:lang="ja" lang="ja">	タイトルタグ開始（xmlとHTMLの両方式で日本語を指定）
<!--index_area--> <%blog_name> - <%introduction> <!--/index_area-->	表紙の場合、ブログ名 - ブログの説明表紙の場合・了
<!--permanent_area--> <%sub_title> - <!--topentry--> <%topentry_year>/<%topentry_month>/<%topentry_day> <!--/topentry-->  <%blog_name> <!--/permanent_area-->	記事個別の場合、汎用サブタイトル（permanent_areaでは記事タイトル） - 記事内容を繰り返し表示（記事の）年/月/日記事内容を繰り返し表示・了半角スペース-ブログ名記事個別の場合・了
<!--date_area--> 日付：<%sub_title> - <%blog_name> <!--/date_area-->	日付抽出の場合、日付：汎用サブタイトル（date_areaでは20080215など）- ブログ名日付抽出の場合・了
<!--category_area--> カテゴリ： <%sub_title> - <%blog_name> <!--/category_area-->	カテゴリ抽出の場合、カテゴリ：汎用サブタイトル（category_areaではカテゴリ名）- ブログ名カテゴリ抽出の場合・了
<!--tag_area--> タグ： <%sub_title> - <%blog_name> <!--/tag_area-->	タグ抽出の場合、タグ：汎用サブタイトル（tag_areaではタグ名）- ブログ名タグ抽出の場合・了
<!--search_area--> "<%sub_title>" の検索結果 - <%blog_name> <!--/search_area-->	単語検索の場合、 "汎用サブタイトル（search_areaでは検索語）" の検索結果 - ブログ名単語検索の場合・了
<!--not_search_area--> <!--not_tag_area--> <!--not_category_area--> <!--not_date_area--> <!--not_permanent_area--> <!--not_index_area--> <%blog_name> <!--/not_index_area--> <!--/not_permanent_area--> <!--/not_date_area--> <!--/not_category_area--> <!--/not_tag_area--> <!--/not_search_area-->	単語検索ではなく、タグ抽出でもなく、カテゴリ抽出でもなく、日付抽出でもなく、記事個別でもなく、表紙でもない場合、ブログ名表紙以外・了記事個別以外・了日付抽出以外・了カテゴリ抽出以外・了タグ抽出以外・了単語検索以外・了（つまり通常の時系列表示。URL末尾にpage=0などがつく）
</title>	タイトルタグ・了

■Code

<!--▼title-->
<title xml:lang="ja" lang="ja">
<!--index_area--><%blog_name> - <%introduction>
<!--/index_area-->
<!--permanent_area--><%sub_title> - <!--topentry--><%topentry_year>/<%topentry_month>/<%topentry_day><!--/topentry--> <%blog_name>
<!--/permanent_area-->
<!--date_area-->日付：<%sub_title> - <%blog_name>
<!--/date_area-->
<!--category_area-->カテゴリ：<%sub_title> - <%blog_name>
<!--/category_area-->
<!--tag_area-->タグ：<%sub_title> - <%blog_name>
<!--/tag_area-->
<!--search_area-->"<%sub_title>" の検索結果 - <%blog_name>
<!--/search_area-->
<!--not_search_area-->
<!--not_tag_area-->
<!--not_category_area-->
<!--not_date_area-->
<!--not_permanent_area-->
<!--not_index_area-->
<%blog_name>
<!--/not_index_area-->
<!--/not_permanent_area-->
<!--/not_date_area-->
<!--/not_category_area-->
<!--/not_tag_area-->
<!--/not_search_area-->
</title>

※コピペは実体参照に注意。

[ 2008/02/15 01:00 ] FC2日記 | TB(0) | CM(0)

プラグイン

HTML（タグや画面にそのまま出る文字列）/CSS

FC2変数

テンプレ	メモ
<!--plugin-->	プラグインを繰り返し表示
<!--plugin_first-->	プラグイン1を繰り返し表示
<h2 style="text-align:<%plugin_first_talign>;">	h2開始。文字揃えは、プラグイン1で指定したもの。
<a id="<%plugin_first_title>" name="<%plugin_first_title>"></a>	アンカー指定。各プラグイン名をアンカー名に（XMLとHTML4の両方式で記載）。
<%plugin_first_title>	プラグイン1のタイトル
</h2>	h2・了
<div class="PlgCont">	div開始。クラス名PlgCont。
<p class="PlgDescript"> <%plugin_first_description> </p>	p開始、クラス名PlgDescript。プラグイン1の説明1 p・了
<%plugin_first_content>	プラグイン1のなかみ
<p class="PlgDescript"> <%plugin_first_description2> </p>	p開始、クラス名PlgDescript。プラグイン1の説明2 p・了
</div><!--cls PlgCont-->	div・了。クラス名PlgCont・了をコメントで附記。
<!--/plugin_first-->	プラグイン1を繰り返し表示・了
<!--/plugin-->	プラグインを繰り返し表示・了

■Code

<!--plugin-->
<!--plugin_first-->
<h2 style="text-align:<%plugin_first_talign>;"><a id="<%plugin_first_title>" name="<%plugin_first_title>"></a>
<%plugin_first_title>
</h2>
<div class="PlgCont">
<p class="PlgDescript"><%plugin_first_description></p>
<%plugin_first_content>
<p class="PlgDescript"><%plugin_first_description2></p>
</div><!--cls PlgCont-->
<!--/plugin_first-->
<!--/plugin-->

※コピペは実体参照に注意。

[ 2008/02/15 01:10 ] FC2日記 | TB(0) | CM(0)

パンくず

HTML（タグや画面にそのまま出る文字列）/CSS

FC2変数

テンプレ	メモ
<!--パンクズリスト -->	（コメント）
<!--index_area--> <%introduction> <!--/index_area-->	表紙の場合、ブログの説明表紙の場合・了
<!--category_area--> <a href="<%url>">表紙</a>  >  カテゴリ： <%sub_title> （↑古・新↓） <!--/category_area-->	カテゴリ抽出の場合、 a（リンク）「表紙」「半角スペース>半角スペース」「カテゴリ：」汎用サブタイトル（category_areaではカテゴリ名）「（↑古・新↓）」カテゴリ抽出の場合・了
<!--tag_area--> <a href="<%url>">表紙</a>  >  タグ： <%sub_title> （↑古・新↓） <!--/tag_area-->	タグ抽出の場合、 a（リンク）「表紙」「半角スペース>半角スペース」「タグ：」汎用サブタイトル（tag_areaではタグ名）「（↑古・新↓）」タグ抽出の場合・了
<!--date_area--> <a href="<%url>">表紙</a>  >  日付： <%sub_title> （↑古・新↓） <!--/date_area-->	日付抽出の場合、 a（リンク）「表紙」「半角スペース>半角スペース」「日付：」汎用サブタイトル（tag_areaでは20080215など）「（↑古・新↓）」日付抽出の場合・了
<!--search_area--> <a href="<%url>">表紙</a>  >  検索： <%sub_title> （↑古・新↓） <!--/search_area-->	単語検索の場合、 a（リンク）「表紙」「半角スペース>半角スペース」「検索：」汎用サブタイトル（search_areaでは検索語）「（↑古・新↓）」単語検索の場合・了
<!--titlelist_area--> titlelist_area <!--/titlelist_area-->	タイトルリスト表示モードの場合、「titlelist_area」タイトルリスト表示モードの場合・了
<!--permanent_area--> <a href="<%url>">表紙</a>  >  <!--topentry--> Category : <a href="<%topentry_category_link>"> <%topentry_category> </a>  >  e<%topentry_no> <!--/topentry-->   <%sub_title> <!--/permanent_area-->	記事個別の場合、 a（リンク）「表紙」「半角スペース>半角スペース」記事内容を繰り返し表示「Category：」 a（リンク）開始、その記事のカテゴリへ「カテゴリ名」 a（リンク）終了「半角スペース>半角スペース」 e「記事番号」記事内容を繰り返し表示・了「半角スペース」汎用サブタイトル（permanent_areaでは記事タイトル）記事個別の場合・了
<!--not_search_area--> <!--not_tag_area--> <!--not_category_area--> <!--not_date_area--> <!--not_permanent_area--> <!--not_index_area--> <a href="<%url>">表紙</a>  >  時系列（↑新・古↓） <!--/not_index_area--> <!--/not_permanent_area--> <!--/not_date_area--> <!--/not_category_area--> <!--/not_tag_area--> <!--/not_search_area-->	単語検索ではなく、タグ抽出でもなく、カテゴリ抽出でもなく、日付抽出でもなく、記事個別でもなく、表紙でもない場合、 a（リンク）「表紙」「半角スペース>半角スペース」「時系列（↑新・古↓）」表紙以外・了記事個別以外・了日付抽出以外・了カテゴリ抽出以外・了タグ抽出以外・了単語検索以外・了（つまり通常の時系列表示。URL末尾にpage=0などがつく）

■Code

<!--パンクズリスト-->
<!--index_area--><%introduction>
<!--/index_area-->
<!--category_area--><a href="<%url>">表紙</a> > カテゴリ：<%sub_title>（↑古・新↓）
<!--/category_area-->
<!--tag_area--><a href="<%url>">表紙</a> > タグ：<%sub_title>（↑古・新↓）
<!--/tag_area-->
<!--date_area--><a href="<%url>">表紙</a> > 日付：<%sub_title>（↑古・新↓）
<!--/date_area-->
<!--search_area--><a href="<%url>">表紙</a> > 検索：<%sub_title>（↑古・新↓）
<!--/search_area-->
<!--titlelist_area-->titlelist_area
<!--/titlelist_area-->
<!--permanent_area--><a href="<%url>">表紙</a> > 
<!--topentry-->Category : <a href="<%topentry_category_link>"><%topentry_category></a>
 > e<%topentry_no><!--/topentry--> <%sub_title>
<!--/permanent_area-->
<!--not_search_area-->			
<!--not_tag_area-->				
<!--not_category_area-->		
<!--not_date_area-->			
<!--not_permanent_area-->		
<!--not_index_area-->	<a href="<%url>">表紙</a> > 時系列（↑新・古↓）
<!--/not_index_area-->
<!--/not_permanent_area-->
<!--/not_date_area-->
<!--/not_category_area-->
<!--/not_tag_area-->
<!--/not_search_area-->

※コピペは実体参照に注意。

[ 2008/02/15 01:20 ] FC2日記 | TB(0) | CM(0)

理想のレイアウト

最終更新：2008/04/17

　T字配置。トップ水平と左サイドバー固定。サイドバーは別スクロール。

Neat fonts - Discover Free fonts from all over the web

　よーするにGoogle Readerやld Readerなのだが、難しいったらありゃしない。

ageha7

　＊↑正常動作はしません。特にIEではブラクラまがいになる筈です。

[ 2008/04/17 23:00 ] FC2日記 | TB(0) | CM(0)

border-radius

最終更新：2008/04/19

資料

　手許のブラウザでの表示


Firefox 3.0b5	Safari 3.1	Opera 9.50b

border-radius

　borderなどの四辺をまるくする。これはp。

　背景だけでもなぜか行ける。これもp。

書式

	書式	手許表示
CSS3	border-radius
Fx3	-moz-border-radius	○
Sf3	-webkit-border-radius	○
Op9.5b	？？？	×

※FC2の試作テンプレートにHTMLを直書きし、プレビューで確認。
※MSもなんらかのプレフィックスを付けて先行実装してるのではないかと思うが、未確認。

表示確認に使ったHTML/CSS

<p style="
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border: solid 5px blue;
width: 100px;
">

　Safari, Fx, 未来のCSS3ブラウザ用。後ろに書いたものほど優先。

　資料1によると、CSS3はまだ全体像すら固まっていない。従って、ブラウザによる実装の違いは、H.264やMP4なみかそれ以上の可能性がある。バグが有ろうがショボかろうが、先駆けてデファクトを取ってしまえば左団扇なのは、IEもiPodも一緒だ一緒だ。

　でも使う。面白いから^^;。

Kompozerによる書き換え。

　Kompozerで html を書くと、設定が「ページの保存・公開時に、」/「元のソースの書式のままにする」でも補正がかかる。上記を記事にするためにKompozerに挿入したらこうなった。

-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;

　資料3.によると、現段階のCSS 3では border-top-left-radius なのでちょっと書式が違う。Sf3の -webkit-border-top-left-radius の方が近い。

　しかし、書き換えるという事は、少なくとも -moz-border-radius は理解しているという事で、、、CSS辞書とか内蔵してないのかこれは。GUIの枠線指定からは入力できないようだが。思うに、-moz-xxx系はCSS3 の先行実装だと思っていたが、先行してるだけに、規格が固まってくると書式が変わったりもするのだろう。そーなるとFx系しか面倒見てくれないCSSになるわけで、、、そうか。そりゃGUIに入れちゃまずいよな。

　Kompozerは、Fx3系からコピペすると素のテキストになるようになってしまい、スクラップには向かなくなった。また、開発はいろいろあって不活発で、新しいGecko版が出るかどうかはちと微妙。Safariや未来のCSS3ブラウザを考えると不安。しかし WYSIWYG の HTMLエディタとしてはお手軽千万であり、ブログの下書きには重宝千万なのであった、、、できれば勝手に改行挟むの止めてほしいけど。和文だと変なスペースが入る。

＊＊＊

　なお、-moz-xxx系の一覧は、資料4のMの項、Netscape CSS Extensions - Cascading Style Sheets Syntax にある。これによると、特に解説ドキュメントの類いは用意されておらず、直にMozillaのコード読むしかない、、、と書いてある印象を受けた。うーん。規格はあるけど実装は様々てのは、H.264やMP4以下略。MSも腰を上げた事だし、HTML5 / CSS3戦争の明日はどっちだ。

[ 2008/04/19 01:00 ] FC2日記 | TB(0) | CM(0)

サイドバーを別スクロールにする汎用ブログテンプレ

　「サイドバースクロール」という検索語があったのですが、そゆ人はここへゆくとしあわせになれるかもしれません。

Dynamic Drive CSS Layouts- CSS Frames

　ただし、水平固定は、全て画面をタテカラムに区切ってから指定しているので、上部を横一線で固定、その下を2分割という、、、ファインダーやノーチラスやエクスプローラやgoogle readerっぽい事はできません。そういうサイトはjavascript使ってるようです。
　また、最終更新が06年12月と古いので、リンク先の対応確認はIE5+, Opera7+, and Firefox（たぶん1.5）というカンジです。

　3カラムそれぞれを別スクロールさせると、以下のサンプルみたような事になりました。

　やっぱサイドバーやメニューが本文と一緒に流れてくのって、おかしいよねぇ？

[ 2008/04/21 02:00 ] FC2日記 | TB(0) | CM(0)

| ホーム | 次ページ≫
Page Top↑

≪ ≫
日	月	火	水	木	金	土
-	-	-	-	-	-	1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31	-	-	-	-	-

≪ ≫
日	月	火	水	木	金	土
-	-	-	-	-	-	1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31	-	-	-	-	-

MPlayer & MEncoder on MacOSX

１）かみちゅドメイン

もくじ

概要

イ・基本的な使い方

１）ダウンロード時の設定

２）カテゴリ画面での設定

ロ・カスタマイズ

１） 大カテゴリを追加する。（プラグインHTML（JavaScript）書き換え）

２）開閉記号を変える。（プラグインHTML（JavaScript）書き換え）

３）その他のカスタマイズ項目

資料

border-radius

書式

表示確認に使ったHTML/CSS

Kompozerによる書き換え。

人気記事 08Q1（2008年1月1日 - 2008年3月30日）

１）大カテゴリを追加する。（プラグインHTML（JavaScript）書き換え）

≪ ≫
日	月	火	水	木	金	土
-	-	-	-	-	-	1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31	-	-	-	-	-