しるえっと どっと ほーりー

日記と気になるネタ、あと自分で気が付いた事を忘れない為にメモ書き等
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
公開テンプレート改定3回目のrev1.03

今まで、見る方の仕様に任せるという方針だったんで
メイン部分のフォントの指定はsans-serif(ゴシック系)としか指定してませんでしたが、
言語別にフォントを指定するIE(コンポーネントブラウザ含む)だと、
フォントの見栄えとかボックスモデルに放り込んだときのベースラインとか面倒なので
自分のブログでは、随分前からIEでは MS UIゴシックを指定

今回、カテゴリリストをプラグインを作ったついでに、
公開版も修正入れて、再度公開申請
変更点はフォント指定のみでIE以外ユーザーであれば変わりなしの修正

そのままIE系を全て"MS UIゴシック"にしてしまうのは、面白くないので
CSSハックにて
とりあえずIEでは"MS Pゴシック"
「IE7及びIE8」では、メイリオke(meiryoKe_PGothic)、"MS Pゴシック"
を指定
としてみました。
まあ、単にこれ↓を追加しただけなんですが
/************************************/
/* フォント再定義 */
* html body {font-family: 'MS PGothic',sans-serif ;}
*:first-child+html body {font-family:'meiryoKe_PGothic','MS PGothic',sans-serif ; }
/************************************/

メイリオkeを指定したのは単に趣味

ついでに、自分のブログでも突っ込んでみる
IE7を常用してない自分にとっては無用の設定だったりしますが

メモ:今回の動作確認ブラウザ
IE6
IE7
IE8 beta
Firefox 3.0
Safari 2.0
PLAY STATION3 内蔵ブラウザ


サブカテゴリ:FC2BLOGテンプレート
sil_st3c01m_r103
sil_st2c01m_r103
自分で使う為に作ったテンプレートですが
公開したこと事態が1つの実験だったりしてます。

公開してみて意外に思えたのが
テンプレートのダウンロード数は一応出るものの、
実態の使用者数までは把握できないがサーチエンジン等を使えば、概ね把握できたりします。
それで、知り得る限りでは、「日付単位対応はてな風テンプレート」の使用者数が妙に居ること
自分の中では完全に実験作なんですけど。


・「製作テンプレート」と「新管理画面モード」
「旧管理画面モード」と「新管理画面モード」では拍手の表示方法の他に
管理画面へのアクセスURLが変更になっていて、
新管理画面モード対応テンプレートとして公開申請中


・弱いヤツ程よく吼えるスパム対策
弱いヤツです(苦笑
「承認制を取るのは簡単だが、与えられた環境で何かをやってみる」
を、継続試験中だがそろそろ限界
大穴は見つけてはあるのだが、塞いだ際のデメリットがちょっと大きい


サブカテゴリ:FC2BLOGテンプレート
sil_st3c01m_r102(3カラム版)
sil_st2c01m_r102(2カラム版)

新管理画面モード対応版になっただけで
本テンプレートの基本的なことと制約事項は前と変わらず
前のバージョンの記事

使う側の問題に対応しただけの修正

サブカテゴリ:FC2BLOGテンプレート
sil_st3c01m_r102
sil_st2c01m_r102
注:この記事にあるテンプレートは修正版の公開と同時に削除しています。

FC2テンプレート 3つ目が公開されたのはいいんだが、
旧管理画面モードと新管理画面モードだと
拍手、ブックマークの挿入位置が変わってる。

旧管理画面モード
 「続きを読む」の設定が無い場合
  <%topentry_body>の後ろ

 「続きを読む」の設定がある場合
  個別記事モードのみで<%topentry_more>の後に表示

新管理画面モード
  <!--/more_link-->および、<!--/more-->の後ろ

に、変わっているっぽい。
これ故に新管理画面モードでもは<!--more_link-->周りを取っ払うと拍手等が表示されない。
取る必要性は無いんだが

拍手とブックマークを使わなければ、修正する必要は無いんですが
sil_st1cth_r200の修正方法
・HTMLの編集
<div class="entry_body">
<%topentry_body>
</div>
<!--more_link--><div class="more_link"><a href="<%topentry_link>#more">≪ 続きを読む ≫</a></div><!--/more_link-->
<!--more--><div class="entry_body"><a name="more" id="more"></a><%topentry_more></div><!--/more-->
  ↓
<div class="entry_body">
<%topentry_body>
<!--more_link--><div class="more_link"><a href="<%topentry_link>#more">≪ 続きを読む ≫</a></div><!--/more_link-->
<!--more--><div class="entry_body"><a name="more" id="more"></a><%topentry_more></div><!--/more-->
</div>
とした上で
・スタイルシートの編集
.more_link {
(中略)
}
を削除

サブカテゴリ:FC2BLOGテンプレート
sil_st1cth_r201
日付単位前提のテンプレートなんだが
ほけーとみてたら、プラグイン対応ってもしかして簡単じゃね?
とか思って、先に作ったテンプレートを流用して
対応させてみた

突貫工事っぽさは消せないな
共有テンプレートで公開されたら気になるところは直すか。
サブカテゴリ:FC2BLOGテンプレート
sil_st1cth_r200
fc2blogのアドバンス設定に「日付単位」で記事を表示する設定があるんだがよく判らんので
自分で理解するが為にサンプルテンプレートを作ってみた雑感。

<topentry_same>と書いてあるが、実際にはテンプレート機能一覧一覧にある通り
<!--same_day-->

「アドバンス設定で日付ネストを選択した場合、一つ前のエントリーと日付が異なる場合に表示」
ある通り、
「同じ日付があったら後に出てきた部分を表示しない」
ってだけが提供されるだけ
実はコレだけ、これ以外に提供されていない
途中に出てきたとか、最後に出てきたとか言うブロック変数も用意されてはいないので
出来る表現にそれなりに制約が出てくる(と思う)

もともと、記事単位で構成する仕組みで作られてる物に後付したブロック変数で特別の処理をしているんで、
表示自体は日単位で記事を呼び出すので、コメント・トラックバック表示は出来ない 別な方法で後日試してみてる
という制限はやっぱり付いてまわる

これらをふまえて作ったサンプルテンプレートがこれ



ちゃんと考えながら作ったわけじゃないので、結構適当です。
どっかで見たことある雰囲気ですが、気にしない
例によって、
フォントはブラウザ指定に依存、
サイズは相対指定
javascriptは使わない
書いたコメントの再編集は入れてないが、最低限必要な機能は載せたつもり

さらに、プラグインには未対応。
つか、この見た目を維持しつつプラグイン対応は難しい面倒くさいかも
この真下にある記事は日付単位の表現するためのサンプル(笑

とりあえず、プラグインエリアを付けてみたんで続く


サブカテゴリ:FC2BLOGテンプレート
sil_st1cth_r100
sil_st3c01m_r100(3カラム版)
sil_st2c01m_r100(2カラム版)


本テンプレートの基本。
・中央カラム可変/左右カラム固定
・デザインをスタイルシートのみで記述
・フォント周りの設定は基本的にブラウザの設定に依存
 タイトルを除いて、font-familyはsans-serifしか指定していません。
 必要に応じて指定してください
・フォントサイズは相対指定
・JavaScriptを使わない(プラグインで使うことを想定して宣言はしてる)
・画面の狭いモバイル機器、携帯フルブラウザでの表示も何とか対応

制約事項。
・フォントサイズを極端に大きくするとカレンダー(FC2標準プラグイン)が崩れる

挙動を逆手に取って、ついでにやってみたこと。
・コメント修正画面に戻るボタンをつける(新管理画面モードでは動作不可)

とりあえずwindowsXP版の
・IE6
・Mozilla Firefox 2.0
・Opera 9
・Safari β3
で適宜確認しながら作成。

まともに表示しないと確認しているブラウザ
・Windows Mobile版のIE
Windows MobileではOperaを激しく推奨



その他メモ書き

・IEのmin-width(横幅下限)対策
IE7は対応しているのですが
IE5、5.5、6では対応しないmin-width対策に
スタイルシートにIEしか対応しないダイナミックプロパティで記述してます
他のブラウザでも
読めないcssは読まないだけで影響は出ないのでほっておいても構わないといえば構わないのですが
自分用では外部化してますのでとりあえず
外部cssから当該部分を消した上で
<!--[if lt IE 7.0]><link href="&l
t;%url>file/ie_lt7.css" type="text/css" rel="stylesheet"><![endif]-->

を追加して
コレをアップロードしてます

・公開テンプレート版と自分が使っている版(2007年11月末現在の話)
公開されているテンプレートでは
若干フォントサイズを大きくしてます
このページと同じサイズのcssはこちら
2カラム版
3カラム版
色々面倒なので保存はS-JIS

・プラグインエリアが下に落ちる対策
原因:プラグインエリアの横場が想定(設定)値を超えたため
ちなみに、想定値は左右ともborder込みで200px
これらの値は全てCSSで記述(CSSの最後の方で設定)

基本的にCSSによる段組(マルチカラム)レイアウト講座
 3カラム(メインカラム→サイドバー1→サイドバー2)
 メインカラム幅可変、サイドバー幅固定
を参考に作ってあるんで、興味がある方はそちらを参照のこと

・記事とか、プラグインエリアの中の話
あまり余計なことはしていません
本文のところは、あるけどプラグインエリアにpaddingは設定していない等々
必要だと思うことは、使う側でcssを定義するなりして使ってください

・本文上部の二重線で囲ってあるところ
改行は<br>じゃなくて<p>~</p>で書いたほうがいいかも

・本テンプレートの使用制限等について
って、エロがダメとかアングラがダメとか、
決めてる人がいるけどだったら公開しなきゃいいじゃんかとか
気持ち的に解らない訳ではないんだけどねぇ


サブカテゴリ:FC2BLOGテンプレート
sil_st3c01m_r100
sil_st2c01m_r100
 
 
トップへ

買い物

FC2Ad

書いてる人:もーん@管理人

苦情・罵倒等はこちらから。

買ったモノ
ワンセグ向けブースター
exemode
B660
[関連記事]
テンキー + 電卓 + マウス
Canon
LS-100TKM
[関連記事]
microSD + SDカードリーダー
ロアス
CRW-2M32
[関連記事]
USB片手キーボード
ミサワホーム
CUT Key
VC-201
[関連記事]
USBワンセグチューナー
サンワサプライ
VGA-TV1S
[関連記事]
ポータブルナビゲーションソフト
edia
MAPLUSポータルブナビ
GPSアンテナ同梱版
[関連記事]
テレビゲーム機
SCEI
PLAYSTATION 3
HDD 60GB
[関連記事]
簡易型積算電力量表示器
タケモトデンキ
エコワット
T3T-R
[関連記事]
USB接続HDDケース
センチュリー
ドライブドア テラタワー
[関連記事]
BlueToothネックバンド型
ヘッドセット
mobilecast
MPX2000AD
[関連記事]
ブログ内検索
カレンダー
09 | 2017/10 | 11
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 - - - -
最近の記事
サブカテゴリ
カテゴリ
アーカイブ
管理用
試験用プラグイン
not_index_area
not_permanent_area
not_date_area
not_category_area
search_area

softbank
スカパー!
XR250
掃除
日付単位
topentry_same
ドコモ
Foretrex201
デジモノ
au
WindowsMobile
garmin
docomo
PS3
PHS
今日のおやつ
日付単位
日付単位
topentry_same
copylight
もーん@しるえっと どっと ほーりー
注意事項
時間経過、法令等改正による現行法令等との不整合、誤認等による記事の修正を行っていない場合があります。掲載月日は各記事右上に記載してありますので、ご確認くださるようお願いいたします。
FC2 Management
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。