テンプレート Archive

まずは、水平表示するためのツリーメニューをつくるよっ。

ツリー構造のメニューを作るには

＞＞ メニューをツリー表示したい

次にモジュールの作って、「配置」で"hornavi"を選択するよっ。

前回の記事＞＞JA_Purityテンプレートのサイトスローガン背景色を背景画像と同色にしたい２

サイトタイトル下部に表示されるスローガンテキスト　の背景色を調整しました。
CSSを編集したんだよっ。

サイトタイトル下のテキスト＝スローガン　の背景色が指定されています。
これが、

 

こうなりました。
サイトスローガンの背景色の指定をやめたため、
背景画像が表示されています。

こうなっちゃった。
スローガン部分に背景色がついて、やや明るい色になっています。

ふなは、テンプレートJA_Purityを使って、
ヘッダーのテーマはblue、
サイトスローガンの背景色は特に指定せず、背景画像が透けて表示されるように設定したいんだねっ。

参考　ヘッダーのテーマ

ヘッダーのテーマはここから設定。
テンプレート管理画面、画面右側パラメータ内
「ヘッダーのテーマ」をプルダウンで選択。

前回の記事は「ユーザーデフォルト」
今回の記事では「blue」を選択しています。

 

Joomla!は…
バックエンドから編集できるファイルとできないファイルがあります。

Joomla!バックエンドから編集できないファイルは、FTPで直接編集する必要があります。

テンプレートJA_Purityの「スローガン」の背景色を
背景画像と一緒にします。
（デフォルトの場合、「スローガン」の背景色が指定され、
背景画像と若干異なる色が表示されています。）

スローガン背景色の指定をやめ、背景画像の上にスローガンテキストが表示されて見えるようにします。

前回の記事＞＞JA_Purityテンプレートのサイトスローガン背景色を背景画像と  同色にしたい１

今回の作業はテンプレートJA_PurityのCSSを編集します。
CSSの編集はテンプレート管理画面から行えます。

エクステンション―テンプレート管理

 

編集したいテンプレートJA_Purityを選択
「編集」アイコンをクリック

 

テンプレート編集画面です。
画面右上のCSS編集アイコンをクリック。

 

テンプレートＣＳＳエディタ画面です。
template.css を選択して
「編集」

 

テンプレート編集画面です。
p.site-slogan　の　background
で設定します。

 

p.site-slogan {
    margin: 0;
    padding: 0;
    padding: 2px 5px;
    color: #FFFFFF;
    /* background: #444444; */
    font-size: 92%;
    position: absolute;
    bottom: 20px;
    left: 0;

 CSSをこのようにして、保存。すると・・・

フロントエンドはこうなります。

サイトスローガンの背景色は表示されなくなります。

背景色一色だけが表示されます。

この設定をする前はこうでした。

背景は真っ黒だけど、よく見ると
スローガン部分の背景のみ、やや明るい色でした。