ヘッダーのフォントカラーはスタイルシートで..
当サイト配布テンプレートのヘッダーテキストは、h1標準となっておりますが、個々事情により
シリウスの全体設定で指定するヘッダーテキストも表示は可能です..
改行はHTMLで....上基本 h1
以下参照
<div id="top">
<h1 id="logo"><a href="<% pageDepth %>"><% logoImage | ifEmpty({%h1text%}) | str_replace(alt="",alt="{%h1text%}") | oneline %></a></h1>
</div>
<div class="inner">
<div id="header">
<img src="<% pageDepth %>img/header.jpg" />
<div id="headertxt">
<% headerText | tag_insert(a href="<% pageDepth %>") | tag_insert(div class="title") %>
<% pageDescription | str_replace(id="headertext",class="desc") %>
</div>
書き換え後...コピーして使えます...ヘッダーテキストを表示する
<div id="top">
<div id="logo">
<% headerText | tag_insert(a href="<% pageDepth %>") | tag_insert(div class="title") %>
<% pageDescription | str_replace(id="headertext",class="desc") %></div>
</div>
<div class="inner">
<div id="header">
<img src="<% pageDepth %>img/header2.jpg" alt="<% pageTitle %>" />
<div id="headertxt">
</div>
お忘れなく....
シリウス機能、サイトオプションで、ヘッダーテキストを表示するに設定してください...
○フォントカラー切り替え....○
シリウス機能..サイトオプションからでは、切り替えを設定したとしても..変化しません...
読み込み不可..
ま、いろいろいじくりまわしているので、機能が及ばない...
でも、サイト環境により色合いは相応に変化させたいものですね
では、説明に進みます...
配布テンプレートの初期ヘッダーテキストは、h1を読み込んでいますが、改変し
ヘッダーのタイトルをそのまま読み込むようにしても...変更は以下の箇所になります...
説明...
スタイルシートの以下.....を確認
color: #FFF; 現在白指定...このカラーコードを変えてください...
#top #logo a, #top h1 a {
color: #FFF;
text-shadow: 0 0 1px rgba(153,153,153,.3);
font-size: 26px;
font-weight: 600;
text-decoration: none;
}
上コードは、3カラムCSSと2カラムCSSの2か所ございますので、どちらも書き換えてください..
ヘッダーテキストフォントのカラー変更
動的ヘッダーテキストの追加方法
トップTP3カラム組み込み済みHTMLソース..その1
3カラム特異指定..スタイルシート記述..その2
3カラムの設定..その3
動的ヘッダーテキストの追加方法
当サイトレイアウト3カラムバージョンソース..公開
関連ページ
- トップTP3カラム組み込み済みHTMLソース..その1
- トップTPを3カラムバージョンにカスタマイズ済みの ソースを記載しております。
- 3カラム特異指定,,スタイルシート記述..その2
- 3カラムボックスレイアウトの最終設定解説です。
- 3カラム目のボックスを取り付けて、カスタマイズは終了します。
- 動的ヘッダーテキストの追加方法
- 当サイトご案内の改変レスポンシブテンプレートに 開いた時..スクロールオンでと2作動する動的ヘッダーテキストを追加するご案内です。