CSSアイコン Archive
記事のCSSエディターで、画像メニューの作り方2
- 2008-12-04 (木)
- CSSアイコン | Joomla!で実践サイト作成 | 画像でメニューを作る | 記事の作成
Joomla!デフォルトのエディターを使って、記事のCSSを編集します。
表のセルごとに異なる背景色を設定するよっ。

記事編集画面です
背景色をつけたいセルを選択
CSS編集ボタンをクリック
このアイコンです。

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

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

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

指定したセルに背景色が付きました
JoomlaでポンではHTMLやCSSの編集は極力避けるようにしてるけど、このエディターを使ってのCSS編集は、簡単な使い方で感心したのでご紹介しました。ちゅん、ちゅん
- Comments: 0
- Trackbacks: 0
記事のCSSエディターで、画像メニューの作り方1
- 2008-12-02 (火)
- CSSアイコン | Joomla!で実践サイト作成 | やりたいこと別 | 画像でメニューを作る | 記事の作成
このメニューを作ります。ちょっとバナーメニューみたいでしょ。

記事にね、
・表を作って、
・テキスト書いて、
・画像を入れて、
・リンクを貼って
・背景に色をつけて、
メニューみたいにしてあるのよ。
以前Joomlaでポンで記事にしたのと同じ方法ね。
・表を作って、
・テキスト書いて、
・画像を入れて、
・リンクを貼って
・背景に色をつけて、
メニューみたいにしてあるのよ。
以前Joomlaでポンで記事にしたのと同じ方法ね。
参考記事: 表の作り方の流れ >>まとめJoomlaでポン 表の挿入
表へ画像を挿入、画像へのリンク設定は >>表とモジュールで画像メニューを作成
今回は、上記の参考記事の内容に加えて、表のbackground colorを表示させます。
確かにセルごとに色分けしてあって、見やすさとデザイン性があるよね。
だけど…backgroundcolorというと、CSSを触らなくちゃあいけないの?むつかしそうね…
だけど…backgroundcolorというと、CSSを触らなくちゃあいけないの?むつかしそうね…
ノンノン、Joomla!デフォルトのエディターにCSSのボタンがあるから簡単よ。
それじゃあCSSでセルごとに異なる背景色をつける手順を教えてください!
いいトコで続くよっ!
- Comments: 0
- Trackbacks: 0

お問い合わせ
