分析這個佈景主題-03

接下來我修改了這裡(下面紅色的部分),你看JJ的其中一個需求就達成囉^^
(完成率25%)

#header .titlewrapper {
background:#be4 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4MboHnNjoPzZ5PwOsZ0exGGE5TOWcjIOytkFjsXXpG1vm09eAOA7vBGpJM0lnKvdUcDBAEzshqe1U-DSS1FjxWIXqBFKGhW_nAz0mjzKd75TPsZQs3YDK6ZIMy3XZdMc1tV2RYtnSbnk/s1600-r/head-01.gif") no-repeat $startSide bottom; 這張圖就是把標題圖放上去(當然要先傳到picasa囉)
padding-top:0;
padding-$endSide:0;
padding-bottom:0;
padding-$startSide:260px;
margin:0px 0px 10px 0px;
color:#fff;
width:100%;
width/* */:/**/auto;
width:auto;
_height: 0px;
min-height: 122px; 原本是100,而jj做的圖示122的高,所以要調整一下
}
#header h1 {
/*---
background:url("http://www1.blogblog.com/no565/bg_header.gif") no-repeat $startSide
---*/ 這一行原本是那個565的浮水印,因為用不到所以就mark掉囉
top;
margin:0;
padding:40px 0 0px; 紫色這裡預設值是30,其實就是這個區域離頂的位置,因為我們不需要這個區域了,因此記得設為0
line-height: 97px;
font: $titleFont;
text-transform:lowercase;
_height: 0px;
}

接下來只要調整綠色字的地方就可以左右調整,調整藍色字的地方就是上下,
如此標題[kunnni]的字型與位置囉!