タグ：procss逆引きcss block.css header.thtml

　該当ＣＳＳ　

block.css

　該当ｔｈｔｍｌ

header.thtml

　該当CSSプロパティー

/* ウェルカムメッセージ */
div#centerblocks p.welcome_msg {
margin: 0 0 2em 0;
padding: 1em 0;
border-bottom: 1px solid #CCC;
}
/* ウェルカムメッセージのリンク */
div#centerblocks p.welcome_msg a,
div#centerblocks p.welcome_msg a:link,
div#centerblocks p.welcome_msg a:visited {
}
div#centerblocks p.welcome_msg a:hover,
div#centerblocks p.welcome_msg a:focus,
div#centerblocks p.welcome_msg a:active {
}

　該当thtmlタグ　

<p class="welcome_msg">{welcome_msg_jp}&nbsp;{datetime}</p>
 

参考事例

　ウエルカムメッセージの背景色を変更したい。　

方法
backgroundを追加しcolorを指定する。

/* ウェルカムメッセージ */
div#centerblocks p.welcome_msg {
margin: 0 0 2em 0;
padding: 1em 0;
background: #色指定;
border-bottom: 1px solid #CCC;
color:#色指定;
}

　ウエルカムメッセージの背景に画像を使いたい。　

方法
backgroundを追加しurl(画像パス)を指定する。

/* ウェルカムメッセージ */
div#centerblocks p.welcome_msg {
margin: 0 0 2em 0;
padding: 1em 0;
background: url(画像パス) no-repeat 0 0;
border-bottom: 1px solid #CCC;
color:#色指定;
}

ウエルカムメッセージの文字色を変更したい。

方法
colorの値を追加し変更する。

div#centerblocks p.welcome_msg {
margin: 0 0 2em 0;
padding: 1em 0;
border-bottom: 1px solid #CCC;
color:#色指定;
}

　ウエルカムメッセージのリンク色を変更したい。　

方法
colorの値を追加し変更する。

/* ウェルカムメッセージのリンク */
div#centerblocks p.welcome_msg a,
div#centerblocks p.welcome_msg a:link,
div#centerblocks p.welcome_msg a:visited {
color:#色指定;
}
div#centerblocks p.welcome_msg a:hover,
div#centerblocks p.welcome_msg a:focus,
div#centerblocks p.welcome_msg a:active {
color:#色指定;
}

　ウエルカムメッセージの場所を変更したい。　

方法
header.thtmlの該当部分を書き換える。

<p class="welcome_msg">{welcome_msg_jp}&nbsp;{datetime}</p>

この部分を削除すると
「ようこそ! auge さん 2008年12月 1日(月) 19:57 JST」が
表示されなくなる。
{welcome_msg_jp}は「ようこそ! auge さん」
{datetime}は「2008年12月 1日(月) 19:57 JST」
に対応している。
日付の変更はコンフィグレーションの言語とロケールで設定。