カテゴリー'CSSアイコン'の記事一覧

記事のCSSエディターで、画像メニューの作り方2

木曜日, 12月 4th, 2008

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

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

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

 

JoomlaCSS表範囲選択

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

Joomla記事CSSアイコン このアイコンです。

 

Joomla,CSS,エディター,Background

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

 

JoomlaCSSエディター使い方

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

 

JoomlaCSSエディター使い方

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

 

JoomlaCSSエディター使い方

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

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

Posted in CSSアイコン, Joomla!で実践サイト作成, 画像でメニューを作る, 記事の作成 | No Comments »

記事のCSSエディターで、画像メニューの作り方1

火曜日, 12月 2nd, 2008

このメニューを作ります。ちょっとバナーメニューみたいでしょ。

Joomla,CSS,記事,背景色

記事にね、
・表を作って、
・テキスト書いて、
・画像を入れて、
・リンクを貼って
・背景に色をつけて、
メニューみたいにしてあるのよ。
以前Joomlaでポンで記事にしたのと同じ方法ね。

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

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

Joomls,記事,CSS,画像,メニュー今回は、上記の参考記事の内容に加えて、表のbackground colorを表示させます。

確かにセルごとに色分けしてあって、見やすさとデザイン性があるよね。
だけど…backgroundcolorというと、CSSを触らなくちゃあいけないの?むつかしそうね…
ノンノン、Joomla!デフォルトのエディターにCSSのボタンがあるから簡単よ。
それじゃあCSSでセルごとに異なる背景色をつける手順を教えてください!

Joomla,記事,CSS,,画像,メニューいいトコで続くよっ!

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

Posted in CSSアイコン, Joomla!で実践サイト作成, 画像でメニューを作る, やりたいこと別, 記事の作成 | No Comments »