Joomler!.net - Decided on Joomla!

Wiki or Wordpress? No it is JContentPlus.

 

Archives

Blog

Demo

Home » Blog » class名
0 votes
Written by:Joomler! 9460 hits Monday, 31 March 2008 16:28

Joomler!.netのテンプレートではBlueprint CSS フレームワークを使用しています。以前にご紹介しました。うちのは、さえないテンプレートになってしまっていますが、Blueprintはすごいです。

960_gs

先日、960 Grid SystemというCSS frameworkを発見しました。これもすごいかもしれない。まだ試していませんが、さっと見た感じBlueprintよりシンプルでまた、ファイルサイズ、ファイル量も少ないのでかなり良さそうです。class名のalpha, omegaってなんだ?という感じですが、一度試されてみてはと思います。

かなり、ナイスな感じです。

 
2 votes
Written by:Joomler! 8290 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から引用しています。

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

 

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.