TOP

ヘッダーのフォントカラーはスタイルシートで..

当サイト配布テンプレートのヘッダーテキストは、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作動する動的ヘッダーテキストを追加するご案内です。