E-mail パスワード
次回から自動ログインする　   
パスワード紛失　 新規登録　　　　　　
   ホーム | フォーラム | ブログ | Wiki | 用語集 | マイアルバム | カレンダー | リンク | サイト内検索 |  
  • ソース を表示
  • inc/templates4_legacy_theme は削除されています。
1: 2012-12-02 (日) 07:55:00 なーお ソース バックアップ No.1 を復元して編集 2: 2012-12-02 (日) 11:42:07 なーお ソース バックアップ No.2 を復元して編集
Deleted an attach file: bulletin_legacy_default.jpg at 2012-12-02 (日) 11:25:48
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
 +
 +
[[inc]] [[inc]]
トップ   編集 差分 バックアップ 複製 名前変更 リロード印刷に適した表示   ページ新規作成 全ページ一覧 単語検索 最新ページの一覧   ヘルプ   最新ページのRSS 1.0 最新ページのRSS 2.0 最新ページのRSS Atom Powered by xpWiki
ぺージ情報
ぺージ名 :inc/templates4_legacy_theme
ページ別名 :未設定
ページ作成 :ゲスト
閲覧可
グループ :すべての訪問者
ユーザー :すべての訪問者
編集可
グループ :すべての訪問者
ユーザー :すべての訪問者
Counter: 0, today: 0, yesterday: 0

サイト管理: 管理人
Wiki新着ページ　
最新の10件

メインメニュー