Ubuntu_Press - 20140625のエントリ
自分お決まりのパターンでテンプレートを作成しました。
完成画像

今回はどんなブラウザから見てもレイアウトが崩れないようレーアウトはテーブルタグを利用し
最大幅1024PX・サイドバーは左右207px・センターを610pxに固定させDIVでラッピングしセンター配置にしてから作成しました。
ヘッダーには自分でリンクさせるページへのナビゲーションバーを設置
Bodyの背景はグレーのグラデーションを配置、テーブル内背景は3カラム画像を配置し左右に色を入れました。
その後Magic3のPHPの埋め込み
他のテンプレートのindexページ・templateDetails.xml への宣言を参考にしCSSで作成していきました。
メニューバーをh3として背景に余白を入れ画像を埋め込みました。
文字はサイズとテキストインデントを入れ調整
最後に、
テーブルを利用しての作成はレイアウトが簡単ですがSEO的にはやはりDIV・floatを使いレイアウトするのべきなんでしょうね?
次回はテーブルタグを使用しないでDIV・floatを使いレイアウトしてみます。
JoomlaのテンプレートがMAgic3で使えるということで何点かダウンロードし試してみました。
結果問題なく表示されました。
Joomlaのテンプレートはたくさんあるのでお気に入りのテンプレートを探して使うのもいいと思います。
完成画像

今回はどんなブラウザから見てもレイアウトが崩れないようレーアウトはテーブルタグを利用し
最大幅1024PX・サイドバーは左右207px・センターを610pxに固定させDIVでラッピングしセンター配置にしてから作成しました。
ヘッダーには自分でリンクさせるページへのナビゲーションバーを設置
Bodyの背景はグレーのグラデーションを配置、テーブル内背景は3カラム画像を配置し左右に色を入れました。
その後Magic3のPHPの埋め込み
他のテンプレートのindexページ・templateDetails.xml への宣言を参考にしCSSで作成していきました。
メニューバーをh3として背景に余白を入れ画像を埋め込みました。
文字はサイズとテキストインデントを入れ調整
最後に、
テーブルを利用しての作成はレイアウトが簡単ですがSEO的にはやはりDIV・floatを使いレイアウトするのべきなんでしょうね?
次回はテーブルタグを使用しないでDIV・floatを使いレイアウトしてみます。
JoomlaのテンプレートがMAgic3で使えるということで何点かダウンロードし試してみました。
結果問題なく表示されました。
Joomlaのテンプレートはたくさんあるのでお気に入りのテンプレートを探して使うのもいいと思います。