![[PukiWiki]](http://motioncafe.naaon.com/modules/xpwiki/image/pukiwiki.png "[PukiWiki]")
inc/templates4_legacy_theme のバックアップの現在との差分(No.3) :: Motion cafe
xpwiki:inc
/templates4_legacy_theme のバックアップの現在との差分(No.3)
- ソース[1] を表示
- inc/templates4_legacy_theme は削除されています。
3: 2012-12-02 (日) 12:44:21 なーお[4]  [5]  [6] |
現: - no date - [7] [8] |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | ** レガシーテーマのスタイルを利用したモジュールテンプレート [#wbfcbb2b] | ||
| - | XOOPSで気に行ったテーマを探す時に、使っているモジュールが固定の文字色指定のためにテーマによって文字が見えづらくなったりすることは良く経験します。 「テーマの色調に合わせて変わってくれれば良いのに・・」 と思いますね。 | ||
| - | |||
| - | テーマに合わせて色調や文字サイズなどを完全にフィットさせるには、 | ||
| - | - Bootstrap対応の最新のテーマ | ||
| - | - Bootstrap用にカスタマイズしたモジュールテンプレート | ||
| - | |||
| - | これらを組み合わせればベストだと思いますが、 テーマもまだ少ないですし、対応モジュールも現時点ではまだありません。 | ||
| - | でも諦めるのはまだ早い、もう少し簡単な方法でそれに近いことが可能なので、あらためてご紹介します。 | ||
| - | |||
| - | *** ニュースモジュールの表示を見てみよう [#e67259ed] | ||
| - | 典型的で分かり易い例で、newsモジュールから派生したbulletinモジュールの表示を見てみましょう。 | ||
| - | &ref(bulletin_legacy_default.jpg,mw:480,mh:360); | ||
| - | ヘッダー、本文、フッター をブロック要素であるdivでくくり、"itemHead" "itemInfo" "itemBody" "itemFoot" というクラス指定しています。 | ||
| - | そして、その中でspanやpなどの要素でくくり、"itemTitle" "itemPoster" "itempostDate" "itemText" "itemAdminLink" "itemPermaLink" というセレクタ指定です。 | ||
| - | これらクラス・セレクタ名は、XOOPS2.0系以前の古いテーマから使われてきており、ほぼ全てのテーマでスタイル指定されているレガシーなクラス群で、最新のlegacy_themeでもしっかりと記述されています。 | ||
| - | - https://github.com/XoopsX/legacy/blob/CorePack/html/themes/legacy_default/item.css | ||
| - | |||
| - | 実際のbulletinのテンプレート群で、確認してみてください。 item.htmlの例はこちらで見れます。 | ||
| - | - https://github.com/XoopsX/bulletin/blob/master/xoops_trust_path/modules/bulletin/templates/item.html | ||
| - | |||
| - | **** 色々なテーマで表示すると [#cce25534] | ||
| - | 色々なテーマで表示させて、色合いなどを確認してみましょう。 "_01bsn-04" "colorring_yourself" "trump_color4" "tw940" です。 | ||
| - | &ref(bulletin_01bsn-04.jpg,mw:200,mh:200);&ref(bulletin_colorring_yourself.jpg,mw:200,mh:200);&ref(bulletin_trump_color4.jpg,mw:200,mh:200);&ref(bulletin_tw940.jpg,mw:200,mh:200); | ||
| - | |||
| - | いかがでしょう？ テーマの色調にしっかり反映できているので、テーマ選択が楽しくなりますね！ :-) | ||
| - | |||
| - | ** 応用例 [#wf48bfc0] | ||
| - | 上の例のように、"item____"系のクラスやセレクタ要素を指定すれば、カスタムブロックなどでも従来テーマの色調にフィットさせることが可能ですし、他のモジュールでも同様に汎用性を持たせることができます。 | ||
| - | 以下、d3diaryとd3forumの例をご紹介します。 | ||
| - | |||
| - | *** d3diaryの例 [#dbaf7fe8] | ||
| - | &ref(d3diary_5dark_colors.jpg,mw:200,mh:200);&ref(d3diary_trump_color4.jpg,mw:200,mh:200);&ref(d3diary_ipon2.jpg,mw:200,mh:200);&ref(d3diary_01bsn-04.jpg,mw:200,mh:200); | ||
| - | |||
| - | [[inc]] | ||
- inc/templates4_legacy_theme のバックアップ一覧[9]
- inc/templates4_legacy_theme のバックアップの現在との差分(No. All)
- 1: 2012-12-02 (日) 07:55:00[10] なーお[4]
- 2: 2012-12-02 (日) 11:42:07[11] なーお[4]
- Deleted an attach file: bulletin_legacy_default.jpg at 2012-12-02 (日) 11:25:48
- 3: 2012-12-02 (日) 12:44:21 なーお[4]
- 4: 2012-12-02 (日) 18:08:30[12] なーお[4]
- 5: 2012-12-02 (日) 21:24:06[13] なーお[4]
Links list
(This host) = http://motioncafe.naaon.com
- (This host)/modules/xpwiki/index.php?cmd=backup&pgid=196&age=3&action=source
- (This host)/modules/xpwiki/index.php?cmd=backup&pgid=196&action=nowdiff&age=2
- (This host)/modules/xpwiki/index.php?cmd=backup&pgid=196&action=nowdiff&age=4
- (This host)/userinfo.php?uid=2
- (This host)/modules/xpwiki/?cmd=backup&pgid=196&action=source&age=3
- (This host)/modules/xpwiki/?cmd=edit&pgid=196&backup=3
- (This host)/modules/xpwiki/?cmd=backup&pgid=196&action=source&age=Cur
- (This host)/modules/xpwiki/?cmd=edit&pgid=196&backup=0
- (This host)/modules/xpwiki/index.php?cmd=backup&pgid=196
- (This host)/modules/xpwiki/index.php?cmd=backup&action=nowdiff&pgid=196&age=1
- (This host)/modules/xpwiki/index.php?cmd=backup&action=nowdiff&pgid=196&age=2
- (This host)/modules/xpwiki/index.php?cmd=backup&action=nowdiff&pgid=196&age=4
- (This host)/modules/xpwiki/index.php?cmd=backup&action=nowdiff&pgid=196&age=5