E-mail
パスワード
次回から自動ログインする
パスワード紛失
新規登録
ホーム
|
新着情報
|
研究室
|
掲示板
|
ぶろぐ
|
Wiki
|
お問合せ
|
アルバム
|
リンク
|
サイトマップ
|
|
一覧
検索
最新
ヘルプ
ページへ戻る
履歴
リンク元
印刷
inc/templates4_legacy_theme
をテンプレートにして作成
xpwiki
:inc/templates4_legacy_theme をテンプレートにして作成
開始行:
** 在来テーマのスタイルを利用したテンプレート
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);
** まとめ
今回、レガシーなテーマのスタイルを利用して、テーマデザ...
ページ名:
ぺージ情報
ぺージ名 :
inc/templates4_legacy_theme
ページ別名 :
未設定
ページ作成 :
なーお
閲覧可
グループ :
すべての訪問者
ユーザー :
すべての訪問者
編集可
グループ :
なし
ユーザー :
なし
Counter: 0, today: 0, yesterday: 0
Go Page Top
Powered by
XOOPS Cube
2.2 © 2001-2012
XOOPS Cube Project
, theme design by
BCOOL
ログイン
ユーザ名:
パスワード:
IDとパスワードを記憶
パスワード紛失
新規登録
メインメニュー
ホーム
なーお'nぶろぐ
フォーラム
なーお'n研究室
xpwiki
最新ページ一覧
全ページ一覧
ヘルプ
新着情報
マイアルバム
ラン記録
大会リスト
シューズリスト
画像マネージャ
マイフレンド
WEBリンク集