記事にコードを入れる時のCSS / Joomla!

記事中にプログラムコードを入れたい場合、通常の記事と区別するためにCSSで作成された枠があります。
Joomla!ではこれを簡単に表示してくれるエクステンションがあります。

Xtypo, An Extra CSS Styling for your Joomla Content

超便利！
コード枠としたいコードの先頭と最後に所定のタグ（モジュール名）をいれるだけ。
 

実際の表示

（通常のコード表示の場合）

if($article->metakey){
$texto = '<div class="XXXXX_Tags"><span class="first">'.$tagparams->get('previousword').'</span>&nbsp;';
$tags = explode(",",$article->metakey);
$numero = count($tags);
$i=1;

（Xtypoでのコード表示の場合）

if($article->metakey){
$texto = '<div class="XXXXX_Tags"><span class="first">'.$tagparams->get('previousword').'</span>&nbsp;';
$tags = explode(",",$article->metakey);
$numero = count($tags);
$i=1; 

となり、非常に見やすくなります。
 

その他の表現

コードのほか、アラート、引用文、警告、情報、ボックスなど様々です。
アラート：

アラートの文章がはいります。

引用文：

引用文の文章がはいります。

警告：

警告の文章がはいります。

情報：

情報の文章がはいります。

記述方法

設定したい文章の前後にタグ（実際はモジュール）を設定するだけ。

｛xtypo_code｝・・・実際のコード・・・｛/xtypo_code｝（｛｝の実際は半角）

となります。

< 前		次 >