inc​/templates4_legacy_theme をテンプレートにして作成 :: なーおんWEB

開始行:
** 在来テーマのスタイルを利用したテンプレート 　XOOPSで配布されたテーマの中から自分好みのものを探す時に... 　そこで、テーマに合わせて色調や文字サイズなどを完全にフ... - Bootstrap対応の最新のテーマ - Bootstrap用にカスタマイズしたモジュールテンプレート 　これらを組み合わせて作り上げて行ければベストだと思いま... 　でも諦めるのはまだ早い、以前から使われていた簡単な方法... *** ニュースモジュールの表示を見てみよう 　典型的で分かり易い例として、newsモジュールから派生したb... CENTER:&ref(bulletin_legacy_default.jpg,mw:480,mh:360); 　ヘッダー、本文、フッター　をブロック要素であるdivでくく... そして、その中でspanやpなどの要素でくくり、"itemTitle" "i... 　これらスタイル要素は、XOOPS2.0系以前の古いテーマから使... - https://github.com/XoopsX/legacy/blob/CorePack/html/the... 　他方、HTMLを吐き出すテンプレートのほうは実際のbulletin... - https://github.com/XoopsX/bulletin/blob/master/xoops_tr... **** 色々なテーマで表示すると 色々なテーマで表示させて、色合いなどを確認してみましょう... CENTER:&ref(bulletin_01bsn-04.jpg,mw:200,mh:200);&ref(bul... いかがでしょう？　テーマの色調にしっかり反映できているの... ** 応用例 　上の例のように、"item____"系のクラスやセレクタ要素を指... *** カスタムブロック　に適用してみる 　実践としてまずはカスタムブロックで適応させてみましょう。 　このカスタムブロックの元ネタは、Ryusのmikaさんの記事「[... 　例えば、以下の内容で「php」種別のカスタムブロック「今年... CENTER:&ref(custom_original.jpg); #code(html,1-){{ global $xoopsUser; if (is_object($xoopsUser)) { $uname = $xoopsUser->getVar('uname'); }else{ $uname = 'ゲスト'; } /* ここに指定したい日付を入れる */ $toYear = 2013; $toMonth = 1; $toDay = 1; $toTime1=mktime(0,0,0,$toMonth,$toDay,$toYear); $currentTime=mktime(0,0,0,date("m"),date("d"),date("Y")); $atoDay=($toTime1-$currentTime)/86400; ?> <div style="background:#ffff99;text-align:center;padding-... <div><?php echo $uname;?>さん、こんにちは！</div> <div>今年も残すところあと <?php echo $atoDay;?> 日ですね... </div> }} 　これに、要素をクラス指定することで、以下の画像のように... CENTER:&ref(custom_with_class.jpg); #code(html,1-){{ global $xoopsUser; if (is_object($xoopsUser)) { $uname = $xoopsUser->getVar('uname'); }else{ $uname = 'ゲスト'; } /* ここに指定したい日付を入れる */ $toYear = 2013; $toMonth = 1; $toDay = 1; $toTime1=mktime(0,0,0,$toMonth,$toDay,$toYear); $currentTime=mktime(0,0,0,date("m"),date("d"),date("Y")); $atoDay=($toTime1-$currentTime)/86400; ?> <div class="item"> <div class="itemHead"> <span class="itemTitle"><?php echo $uname;?>さん、こんに... </div> <div class="itemBody"><p class="itemText">今年も残すと... </div> }} *** 他のモジュールの例 **** d3diary 　日記・ブログモジュールd3diaryのテンプレートは、こうした... CENTER:&ref(d3diary_5dark_colors.jpg,mw:200,mh:200);&ref(... **** d3forum 　もうひとつ、d3forumモジュールのオリジナル版はテーマの色... CENTER:&ref(d3forum_trump_color4.jpg,mw:300,mh:300); ** まとめ 　今回、レガシーなテーマのスタイルを利用して、テーマデザ...

終了行:
** 在来テーマのスタイルを利用したテンプレート 　XOOPSで配布されたテーマの中から自分好みのものを探す時に... 　そこで、テーマに合わせて色調や文字サイズなどを完全にフ... - Bootstrap対応の最新のテーマ - Bootstrap用にカスタマイズしたモジュールテンプレート 　これらを組み合わせて作り上げて行ければベストだと思いま... 　でも諦めるのはまだ早い、以前から使われていた簡単な方法... *** ニュースモジュールの表示を見てみよう 　典型的で分かり易い例として、newsモジュールから派生したb... CENTER:&ref(bulletin_legacy_default.jpg,mw:480,mh:360); 　ヘッダー、本文、フッター　をブロック要素であるdivでくく... そして、その中でspanやpなどの要素でくくり、"itemTitle" "i... 　これらスタイル要素は、XOOPS2.0系以前の古いテーマから使... - https://github.com/XoopsX/legacy/blob/CorePack/html/the... 　他方、HTMLを吐き出すテンプレートのほうは実際のbulletin... - https://github.com/XoopsX/bulletin/blob/master/xoops_tr... **** 色々なテーマで表示すると 色々なテーマで表示させて、色合いなどを確認してみましょう... CENTER:&ref(bulletin_01bsn-04.jpg,mw:200,mh:200);&ref(bul... いかがでしょう？　テーマの色調にしっかり反映できているの... ** 応用例 　上の例のように、"item____"系のクラスやセレクタ要素を指... *** カスタムブロック　に適用してみる 　実践としてまずはカスタムブロックで適応させてみましょう。 　このカスタムブロックの元ネタは、Ryusのmikaさんの記事「[... 　例えば、以下の内容で「php」種別のカスタムブロック「今年... CENTER:&ref(custom_original.jpg); #code(html,1-){{ global $xoopsUser; if (is_object($xoopsUser)) { $uname = $xoopsUser->getVar('uname'); }else{ $uname = 'ゲスト'; } /* ここに指定したい日付を入れる */ $toYear = 2013; $toMonth = 1; $toDay = 1; $toTime1=mktime(0,0,0,$toMonth,$toDay,$toYear); $currentTime=mktime(0,0,0,date("m"),date("d"),date("Y")); $atoDay=($toTime1-$currentTime)/86400; ?> <div style="background:#ffff99;text-align:center;padding-... <div><?php echo $uname;?>さん、こんにちは！</div> <div>今年も残すところあと <?php echo $atoDay;?> 日ですね... </div> }} 　これに、要素をクラス指定することで、以下の画像のように... CENTER:&ref(custom_with_class.jpg); #code(html,1-){{ global $xoopsUser; if (is_object($xoopsUser)) { $uname = $xoopsUser->getVar('uname'); }else{ $uname = 'ゲスト'; } /* ここに指定したい日付を入れる */ $toYear = 2013; $toMonth = 1; $toDay = 1; $toTime1=mktime(0,0,0,$toMonth,$toDay,$toYear); $currentTime=mktime(0,0,0,date("m"),date("d"),date("Y")); $atoDay=($toTime1-$currentTime)/86400; ?> <div class="item"> <div class="itemHead"> <span class="itemTitle"><?php echo $uname;?>さん、こんに... </div> <div class="itemBody"><p class="itemText">今年も残すと... </div> }} *** 他のモジュールの例 **** d3diary 　日記・ブログモジュールd3diaryのテンプレートは、こうした... CENTER:&ref(d3diary_5dark_colors.jpg,mw:200,mh:200);&ref(... **** d3forum 　もうひとつ、d3forumモジュールのオリジナル版はテーマの色... CENTER:&ref(d3forum_trump_color4.jpg,mw:300,mh:300); ** まとめ 　今回、レガシーなテーマのスタイルを利用して、テーマデザ...

ページ名: