画像でメニューを作る Archive
記事のCSSエディターで、画像メニューの作り方2
- 2008-12-04 (木)
- CSSアイコン | Joomla!で実践サイト作成 | 画像でメニューを作る | 記事の作成
Joomla!デフォルトのエディターを使って、記事のCSSを編集します。
表のセルごとに異なる背景色を設定するよっ。
記事編集画面です
背景色をつけたいセルを選択
ＣＳＳ編集ボタンをクリック
このアイコンです。
CSS編集画面がポップアップされます
「background」タブを選択
カラー選択のボタンをクリック
もうひとつポップアップされます
色を選択して
「Apply」をクリックすると・・・
Background colorに色番号が入ってます
「Update」をクリック
指定したセルに背景色が付きました
JoomlaでポンではHTMLやCSSの編集は極力避けるようにしてるけど、このエディターを使ってのCSS編集は、簡単な使い方で感心したのでご紹介しました。ちゅん、ちゅん
- Comments: 0
- Trackbacks: 0
記事のCSSエディターで、画像メニューの作り方1
- 2008-12-02 (火)
- CSSアイコン | Joomla!で実践サイト作成 | やりたいこと別 | 画像でメニューを作る | 記事の作成
・表を作って、
・テキスト書いて、
・画像を入れて、
・リンクを貼って
・背景に色をつけて、
メニューみたいにしてあるのよ。
以前Joomlaでポンで記事にしたのと同じ方法ね。
参考記事： 表の作り方の流れ ＞＞まとめJoomlaでポン 表の挿入
表へ画像を挿入、画像へのリンク設定は ＞＞表とモジュールで画像メニューを作成
今回は、上記の参考記事の内容に加えて、表のbackground colorを表示させます。
だけど…backgroundcolorというと、CSSを触らなくちゃあいけないの？むつかしそうね…
いいトコで続くよっ！
- Comments: 0
- Trackbacks: 0
表とモジュールで画像メニューを作成
- 2008-05-26 (月)
- やりたいこと別 | カスタムHTMLイメージ | モジュール | 画像でメニューを作る | 表
もしやこれは・・・
画像は、商品カテゴリのTOPページへリンクしています!
画像を使った目次やメニューを作ります。
カスタムHTMLモジュールと表の挿入機能を使うよっ。
手順
1・カスタムHTML へ
2・表を挿入。
3・表へ画像を挿入
4・画像へリンク設定
します。
1・カスタムHTML
モジュール、カスタムHTMLを新規作成します。
＞＞自由にHTMLを書くモジュール1 カスタムHTMLモジュール
2・表を挿入
カスタムHTMLへ表を挿入。
3.表へ画像を挿入
画像を選択、挿入します。
表を新規作成。
画像をセルへドラッグします。
表へ画像を挿入できました。
画像の挿入は・・・
＞＞画像の挿入、表示 記事編集画面から
4・画像へリンク設定
表へ挿入した画像にリンクを貼りましょう。
テキストも画像も、同じ設定方法です。
- Comments: 0
- Trackbacks: 0
-
新生Joomlaでポン
Joomlaでポンはまとめポンと統合しました。
今後は新生Joomlaでポンをよろしくお願いします。 -
Joomlaism - Joomla！の使い方ガイド
joomlaeasy.netJoomla!1.5 Manual
Joomla! 1.5使い方解説サイトJoomla!の道しるべ
初心者チュートリアルやエクステンション日本語化などjoomler.net
ツール紹介や海外のエクステンションの日本語化
お問い合わせ