ヘッダーのサイト名（タイトル）を変更したい。

[tag:ProCSS逆引きCSS layout.css header.thtml]

　該当ＣＳＳ　

layout.css

　該当ｔｈｔｍｌ

header.thtml
 

　該当ＣＳＳプロパティー　

div#container div#header h1.site_name {
display: inline; /* Win IE 6用(フロートの左右マージンが指定値より大きくなる) */
margin: 12px 0 0 16px;
padding: 0;
float: left;
}

　該当ｔｈｔｍｌタグ

<!-- #header { -->
<!-- ヘッダコンテナ -->
<div id="header">
<h1 class="site_name"><a href="{site_url}">
<img src="{layout_url}/images/custom/logo.png" width="200px" height="60px" alt="{site_name}"{xhtml}></a></h1>
<p class="site_slogan">{site_slogan}</p>
</div>
<!-- } #header -->

参考事例

　サイト名の位置を変えたい。　

方法
マージンの値を変更する。
margin: 上　左　下　右;

div#container div#header h1.site_name {
display: inline;
margin: 12px 0 0 16px;
padding: 0;
float: left;
}

　サイト名のサイズを変えたい。　

方法
header.thtmlの該当部分の値を変更。
<h1 class="site_name"><a href="{site_url}">
<img src="{layout_url}/images/custom/logo.png" width="200px" height="60px" alt="{site_name}"{xhtml}></a></h1>

　サイト名を画像ではなく文字にしたい。　

方法
該当部分を以下のように画像指定を削除し書き換える。
<h1 class="site_name"><h1>

　サイト名を左ではなく右側に表示したい。　

方法
floatプロパティーを書き換えるleft（左）right（右）

div#container div#header h1.site_name {
display: inline;
margin: 12px 0 0 16px;
padding: 0;
float: left;
}