3ペインの新しいテーマ

category-icon

 こんばんは。ケータイの着信音をジャックバウアーの「24G」(ピッ、ピッ、ピッってなるやつ)にしているのですが、仮眠中に鳴った着信音に起きるどころか、何故か、ジャックと一緒に、日本の某所で潜入捜査をしていて「日本だけに、銃が使えないよね」と匍匐(ほふく)前進しつつ、ジャックに夢の中で話しかけていたmartinです。

 さて、ppBlog1.5版では、デフォルトでついているテーマは、2ペイン(サイドバーとメインコンテンツの2カラム)のベーシックなやつですが、それ以前のバージョンには3ペインのテーマも付けていました。で、1.5系に対応する手間だとか、配布ファイルサイズが大きくなるからなどの理由で、1.5系からは付けていなかったのですが、3ペインの要望もあり、とりあえず1.5系に対応させてみました。自分の3ペインには、「こだわり」があって、クリックで2ペインと3ペインの切り替えが出来たり、ソースを見ると、メインコンテンツがサイドバーの内容より先に表示されるとかです。

 まだ、細かい詰めはこれからなのですが、まぁまぁの出来かなと思っています。記事日付の表示に少し凝ってみました。これは、1.5β版で作成していたテーマ「le chic」などでも似たようなことはやっていたんですが、「日めくりカレンダー」のような雰囲気です。ちなみに、「りえっぺさんLink のと似てない?」という突っ込みはなしで。。

 日付周りは、テーマディレクトリにあるtemplate.phpの記事ボックススタイルで指定するわけですが、実は、それなりに多彩な表現が可能です。このカレンダーっぽい日付の部分は以下のように指定しています。

<p class="article-date" title="%_ARTCL_DATE_FORMAT[g:iA]_%">
   %_ARTCL_DATE_FORMAT[D]_%
   <em>%_ARTCL_DATE_FORMAT[d]_%</em>
   %_ARTCL_DATE_FORMAT[M]_%
   ’%_ARTCL_DATE_FORMAT[y]_%
</p>

これに対応するスタイルシートの指定は、article-dateというクラス名に対して、

.article-date {
  width: 48px; height: 48px;
  color: #585d86;
  float: left; /* この指定がポイント */
  text-align: center;
  font: 500 11px Arial, sans-serif;
  margin-right: 10px;
  background: url(Images/date.png) no-repeat;
}
.article-date em { /* 日付の太文字数字に対応 */
  font: 800 23px Georgia, serif;
  text-decoration: none;
  display: block;
  margin: -6px 0 -3px 0;
}

という指定をしています。template.phpでのポイントは、%_ARTCL_DATE_FORMAT[*]_% という日付に関する変数を複数回用いていることです。これの(*)の部分にはPHPのマニュアルにある日付に関する様々なフォーマット文字を入れることが出来ます。詳しくは、マニュアルの該当箇所Link をどうぞ。

 ちなみに、このテーマは、途中なので、まだテーマのプルダウンメニューに入れていませんが、http://p2b.jp/index.php?theme=theme/3pane2/3pane.cssLink で見ることが出来ます。

— posted by martin at 07:29 pm   commentComment [8]  pingTrackBack [2]

この記事に対するコメント・トラックバック [10件]

scrollUp1. ぷらむ — 2006/09/12@21:00:36

前から3ペインで気になっていたところがあります。
2paneviewにして、「次の○件」をクリックすると、3paneviewになってしまいます。
3ペイン配布なら、そこを直しておかれたほうがいいと思います。

2. ぷらむ Website — 2006/09/12@21:39:04

どうも「次の○件」をクリックすると、だけでなく、どこをクリックしても、3paneviewに戻ってしまいますね。

3. ぷらむ Website — 2006/09/12@21:46:40

あれ、どうも勘違いをしていたかも知れません。
martin先生、もともと、こういう仕様だったんでしょうか?

Owner Comment martin Website  2006/09/12@22:22:46

ぷらむさん、こんばんは。これは、もとよりこういう仕様です。
3ペインと2ペインの切り替えは、アドホックなもので、例えば、記事中のPREタグソースを広い画面で見たいとか、その場で一時的にコンテンツのエリアを広くしたいという目的を想定しています。2ペインがよければ、2ペインのテーマを選んでいただくというスタンスです。まぁ、切り替えのタイミングで、それをクッキーに入れて云々・・・とすることも出来ますが、シンプルなのが好きなので。

5. りえっぺ Website — 2006/09/12@23:19:12

ジャァーック!!違
結構すごい夢ですよね。
あたしもこないだまで着信音はピッピッピッピッでした。
あとメール着信音はCTU着信音でした(プップピブ〜ってのです

それはそうと...
知らない間に話題になってる:E
日めくりカレンダーはあたしも余所からゴ(ry

しかし新しいテンプレートは楽しみです。
le chicはかっこよくて好きだったのですが
1.4?の最初のダウンロードに入ってたっきりで
その後からなくなってたような気がするので。。。

今後の復活?が楽しみです;v)

scrollUpOwner Comment martin Website  2006/09/12@23:49:24

自分もメールの着信音それでした。あれって音が小さくってすぐに止めましたが。確か、ケータイも白のSO902i? このケータイ、概ね、気に入ってますが、今どき、目覚ましがひとつしか設定できないという仕様にびつくりしつつ、FOMAの秋冬モデルに期待しています:)
 le chicは、スタイルシートの挙動を、IE6に合わせるのが面倒くなって、放置してましたねぇ。個人的には好きな感じではあるので、復活させようかなぁ。

7. yuuki — 2006/10/14@18:33:57

konnnitiha:)

8. 24<twenty four>超人気ドラマの節約レンタルする方法! Website — 2006/10/19@14:57:50

ジャックがテロに立ち向かう―超人気ドラマ24シーズン5はここが面白い!
続き »

9. ppBlog1.5.3 Website — 2006/10/25@21:17:18

 こんばんは。ケータイの着信音をジャックバウアーの「24」(ピッ、ピッ、ピッってなるやつ)にしているのですが、仮眠中に鳴った着信音に起きるどころか、何故か、ジャックと一緒に、日本の某所で潜入捜査をして...
続き »

10. rafan — 2008/10/02@23:51:41

よろしくです

この記事に対する TrackBack URL:

設定によりTB元のページに、こちらの記事への言及(この記事へのリンク)がなければ、TB受付不可となりますのであらかじめご了承下さい。

コメントをどうぞ。 名前(ペンネーム)と画像認証のひらがな4文字は必須で、ウェブサイトURLはオプションです。

ウェブサイト (U):

タグは使えません。http://・・・ は自動的にリンク表示となります

:) :D 8-) ;-) :P :E :o :( (TT) ):T (--) (++!) ?;w) (-o-) (**!) ;v) f(--; :B l_P~

     
T: Y: ALL: Online:
Created in 0.0080 sec.
prev
2024.3
next
          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