忍者ブログ

The Preparation Room

テンプレートを製作・テストしています。


[PR]

×

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

赤い鳥小鳥

梅雨に入って体調崩しやすいですが、元気ですかー?
σ(^ー゜)はばっりち風邪ひきましたよー(笑

いつの間にかテンプレートの数が150を突破!
おめでとうございます〜vv

他人のことはいいとして、自分は間に合うのかしら、新スキン。
シンプルに‥シンプルに‥と思いつつも20個近く画像使っちゃってるし(ーー;
3カラムのはずがタイトル部分のデザイン段階でしっくりせずに2カラムになってるし(笑
タイトル部分のデザインを考えるのが一番苦労します。
PR

気になる機能

衣替えも終わってほっと一息です。

記事投稿画面、どんどん進化してますね〜。
追記のリンクテキストが「続きを読む」と一緒になっててうれしいですvv
打てば響くような反応は清々しいですよーv

「フッターの設定」という新機能も増えてますねー。
ここにweb拍手のようなものをおいて管理人だけに送信するコメント機能をつけるのもいいなぁ。
あまぞんは一応「無料スペースでアフィリエイトはやらない」というのが信念なので(笑)、訪問先で見てみようかな。

それと、一番気になるのが自動改行の際に挿入されるタグが<br>から<br />になったということ。
テンプレをHTML4.01で作ってるので微妙です(^^;
出来ることなら管理画面の設定でツールもHTML用かXHTLM用かを選択出来ればいいですね〜。

コンテスト

少し話題に乗り遅れてますが(汗、「ブログテンプレートアワード vol.1」の開催告知が出されましたねー。
どんな形式になるのかが一番気になっていたんですが、6/23までに共有化された全てのテンプレの人気投票になるんですね。
ということでσ(^ー゜)も参加が確定したようです(笑
ごっそり新作が出てくるのを期待していたのですが、どうなるかなぁ。
締めきり近くなるとどどーっと来そうで楽しみです♪

締め切りまでに出来ればもう一つ作りたいんですが、本当に仕事が遅いので、どうなることやら。
今一生懸命作っている所です」と言いたいけど、6月仕様の改装準備中です(^^;
器用な方がうらやましい‥。

‥‥

自分のブログを見て気分が悪くなるのがとても残念です。

センタリングあれこれ。

CSSを使ってブロック要素をセンタリング(中央揃え)する時の基本は、
1. widthで幅を指定(%可)
2. marginで左右の隙間をautoにする
例:div.container{
width:700px;
margin-right:auto;
margin-left:auto;
}

だが、Win IEはこれではセンタリングしてくれない。
Win IEは親要素のtext-align:centerが本来ならばインライン要素限定なのにブロック要素にも適応されるので、これを利用して、
1. widthで幅を指定(%可)
2. marginで左右の隙間をautoにし、text-alignでテキストの表示位置を指定する。
3. 親要素でテキストをセンタリングする。
例:body{
text-align:center;
}
div.container{
width:700px;
margin-right:auto;
margin-left:auto;
text-align:left;
}

DIVブロックについてはこれでOK。

しかし、tableはMac IEの互換モードでは上の方法でセンタリングしてくれない(標準モードはOK)。
親要素をtext-align:leftにするとセンタリングされる。
ここでWin IEと指定がかぶって困るので、Win IEが対応していない(無視する)子供セレクタを利用する。
ついでにMac IEはテーブルはmarginを一括指定するとダメだという我侭っぷりなので、個別指定にするのも忘れずに、
1. widthで幅を指定(%可)
2. margin-rightとmargin-leftで左右の隙間をautoにし、text-alignでテキストの表示位置を指定する。
3. 親要素でテキストをセンタリングする。
4. 親要素で子供セレクタを使ってテキストを左寄せにする。
例:body{
text-align:center;
}
html>body{
text-align:left;
}
table.container{
width:700px;
margin-right:auto;
margin-left:auto;
text-align:left;
}

↑この書き方でほぼブロック要素のセンタリングはいけると思う。

ブログ内検索(4)

QRコード(4)


Template Designed by miu_uim

忍者ブログ [PR]