Home > 記事の作成 > CSSアイコン

CSSアイコン Archive

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

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

JoomlaCSS表範囲選択

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

　このアイコンです。

Joomla,CSS,エディター,Background

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

JoomlaCSSエディター使い方

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

JoomlaCSSエディター使い方

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

JoomlaCSSエディター使い方

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

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

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

Joomla,CSS,記事,背景色

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

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

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

確かにセルごとに色分けしてあって、見やすさとデザイン性があるよね。
だけど…backgroundcolorというと、CSSを触らなくちゃあいけないの？むつかしそうね…

ノンノン、Joomla!デフォルトのエディターにCSSのボタンがあるから簡単よ。

それじゃあCSSでセルごとに異なる背景色をつける手順を教えてください！

いいトコで続くよっ！

検索: Joomlaでポン内の検索
まとめJoomlaでポン: 新生Joomlaでポン
Joomlaでポンはまとめポンと統合しました。
今後は新生Joomlaでポンをよろしくお願いします。
Joomlaでポンとは？: お問い合わせ
 サイトマップ
Joomla!日本語のサイト: Joomlaism - Joomla！の使い方ガイド

joomlaeasy.net

Joomla!1.5 Manual
Joomla! 1.5使い方解説サイト

Joomla!の道しるべ
初心者チュートリアルやエクステンション日本語化など

joomler.net
ツール紹介や海外のエクステンションの日本語化

ブログランキング

人気の記事

最近の投稿

カテゴリー

最近のコメント

Return to page top