Home > 記事の作成 > 表

表 Archive

表とモジュールで画像メニューを作成

2008-05-26 (月)
やりたいこと別 | カスタムHTMLイメージ | モジュール | 画像でメニューを作る | 表

これ見てー

Joomla1.5画像メニュー作成

商品カテゴリを画像で一覧にしたのね！
もしやこれは・・・

そうです！表を使ったのよ。
画像は、商品カテゴリのTOPページへリンクしています!

へぇーまるでメニューみたいね。

しかも！記事でなくてカスタムHTMLモジュールなのです！

すると全てのページに表示することもできるのね。

そうなの。表示位置も自由に設定できるよ。

商品カテゴリは、通常のテキストメニューでもいいんだけど、今回みたいに画像を使うと分かりやすいでしょ。

画像を使った目次やメニューを作ります。
カスタムHTMLモジュールと表の挿入機能を使うよっ。

手順
1・カスタムHTML　へ
2・表を挿入。
3・表へ画像を挿入
4・画像へリンク設定　
します。

1・カスタムHTML

モジュール、カスタムHTMLを新規作成します。

＞＞自由にHTMLを書くモジュール1　カスタムHTMLモジュール

2・表を挿入

カスタムHTMLへ表を挿入。

＞＞表の挿入＿新規作成

3.表へ画像を挿入

Joomla1.5画像挿入

画像を選択、挿入します。

Joomla1.5表挿入

表を新規作成。

Joomla1.5表へ画像挿入

画像をセルへドラッグします。

Joomla1.5モジュール表と画像

表へ画像を挿入できました。

画像の挿入は・・・
＞＞画像の挿入、表示　記事編集画面から

4・画像へリンク設定　

表へ挿入した画像にリンクを貼りましょう。

＞＞リンクを貼ろう

テキストも画像も、同じ設定方法です。

そうすると、こうなるのね。

Joomla1.5画像メニュー表示

工夫次第すれば、Joomlaで楽天みたいなデザインの通販サイトも作れそうねー。

Comments: 0
Trackbacks: 0

表の挿入＿文字位置を変更する（セル単位）

2008-05-22 (木)
表

表の作成、これまで。
＞＞新規作成
 ＞＞表の大きさを調整
 ＞＞文字位置を変更（列単位でAlighn設定）

Joomla1.5table文字位置

今はこんなかんじ・・・列ごと右寄せになっています。
この列にある一つのセルだけをAlighnで左寄せにします。

Joomla1.5表セルの設定

セルをひとつ選んで・・・

Joomla1.5表セルの設定「Table Cell Properties」アイコン。をクリック

Joomla1.5セルのプロパティ

ダイアログが表示されます。
AlignmentプルダウンでLeftを選択。

Joomla1.5表の文字位置

このセルだけ左寄せになりました。

・・・記事で見るとこんな感じで表示されます。

Joomla1.5表の記事

センタリングと右寄せを行いました。左寄せは使っていません。

Comments: 0
Trackbacks: 0

表の挿入＿文字位置を変更（列単位）

2008-05-20 (火)
表

これまで。
＞＞表の挿入＿新規作成
 ＞＞表の挿入＿表の大きさを調整

セル内の文字を右寄せやセンタリングできる？

できるよっ

Joomla1.5table表の右寄せ

右寄せしたいセル範囲を選択。

Joomla1.5表の列プロパティ「Table Low Properties」アイコン。をクリック

Joomla1.5表のAlign

ダイアログが表示されます。
AlignmentをプルダウンでRightを選択。

Joomla1.5表の列を右寄せ

文字が右寄りになります。

いちばん左のセルだけは左寄せがいいなあ。

一つのセルだけに効くAlign設定もできるよ。

次は
＞＞表の挿入＿文字位置を変更する（セル単位）

Comments: 0
Trackbacks: 0

ホーム > 記事の作成 > 表

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

joomlaeasy.net

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

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

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