Joomlaでポン

　参考記事　＞＞メニューをツリー表示したい

メニューのツリー形式で、親子メニューとも常に表示させる設定

親子メニューを作り終わったところから設定を始めましょう。
今のトップページはこう。

 親メニューしか表示されていません。

 親メニューをクリックすると子メニューが表示されます。

エクステンション―モジュール
編集したいメニューのモジュールを選択します。

 モジュール編集画面
画面右側のパラメータから設定します。

 「常にサブメニューを表示」を「はい」にします。
そして保存。

 フロントページはこうなりました。トップページです。

親メニューをクリックしてなくても、常に子メニューが表示されています。

前の記事＞＞記事のCSSを編集して、画像メニューを作る1

Joomla!デフォルトのエディターを使って、記事のCSSを編集します。

表のセルごとに異なる背景色を設定するよっ。

記事編集画面です
背景色をつけたいセルを選択
ＣＳＳ編集ボタンをクリック

　このアイコンです。

CSS編集画面がポップアップされます
「background」タブを選択
カラー選択のボタンをクリック　

もうひとつポップアップされます
色を選択して
「Apply」をクリックすると・・・

Background colorに色番号が入ってます
「Update」をクリック

指定したセルに背景色が付きました

 JoomlaでポンではHTMLやCSSの編集は極力避けるようにしてるけど、このエディターを使ってのCSS編集は、簡単な使い方で感心したのでご紹介しました。ちゅん、ちゅん

参考記事：　 表の作り方の流れ ＞＞まとめJoomlaでポン　表の挿入　

 表へ画像を挿入、画像へのリンク設定は　＞＞表とモジュールで画像メニューを作成　

今回は、上記の参考記事の内容に加えて、表のbackground　colorを表示させます。

いいトコで続くよっ！

＞＞記事のCSSを編集して、画像メニューを作る2