Joomler!.net - Decided on Joomla!

デル株式会社

Jboard is Multiple Board!

Home » Blog » tableタグ
2 votes
Written by:Joomler! 3935 hits Thursday, 06 December 2007 17:00

テンプレートを作成する際、

mosLoadModules( 'module position' );

または、

mosLoadModules( 'module position', 数字 );

などと書きますが、この数字部分には意味があります。

0の場合
Module毎にtableタグを使って出力されます。

<table cellpadding="0" cellspacing="0" class="moduletable">
<tr>
<th valign="top">Module Title</th>
</tr>
<tr>
<td>Module output</td>
</tr>
</table>


1の場合
これもtableタグですが、親のtableタグを出力し、それぞれのModule毎にtdタグの中にtableタグに囲まれ出力されます。よって水平(横)に並びます。

<!-- Module wrapper -->
<table cellspacing="1" cellpadding="0" border="0" width="100%">
<tr>
<td align="top"> <table cellpadding="0" cellspacing="0" class="moduletable">
<tr>
<th valign="top">Module Title</th>
</tr>
<tr>
<td> Module output</td>
</tr>
</table>
</td>
<td align="top"> <!-- ...the next module... -->
</td>
</tr>
</table>


-1の場合
Moduleがはき出すもののみが出力されます。

Module Output

-2の場合
divタグで出力されます。0の時のdivタグ版と思ってください。Module毎にdivタグで囲まれて出力されます。

<div class="moduletable">
<h3>Module Title</h3>
Module output
</div>

-3の場合
-2より複雑なデザイン向きで(例えば角丸なデザイン)出力されます。 この時、class名がmoduletableではなく、moduleであることに注意してください。

<div class="module">
<div> <div> <div>
<h3>Module Title</h3>
Module output
</div> </div> </div>
</div>

以上は、Joomla Template Tutorialから引用しています。

私自身よく忘れるので書いてみました。

 
0 votes
Written by:Joomler! 4132 hits Friday, 14 September 2007 01:24

Googleのモジュールばかりを表示していてそのまんまデモサイトとなっていたのでテンプレートを更新してみました。

 まだ、手直ししないといけないところがたくさんあって大変です。デモが1.5のみになってしまいましたので逐次デモメニューに追加していきます。

 今回も、blueprint css framework を使用しています。とにかくレイアウトが短時間で作成できるのでとっても便利です。CSSなどのファイル量は多いと思いますが、そのあたりは今後圧縮なりと考えています。

Blueprintで少し・・・

 

JContentPlus for Joomla!1.5 powered by Joomler!.net

joomler.net is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla!(R) name is used under a limited license from Open Source Matters in the United States and other countries.
joomler.net is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.