阿杰老師的部落格實驗室

AutoPage 的模版如果要套用到 LifeType 中，主要就是要取得它的 CSS 樣式檔。 特別的是 AutoPage 有三個 CSS 檔，分別是

user.css

teacup.css

gmo_header.css

其中最重要的是 user.css 。

跟主版有關

body {
text-align: center;
margin: 0px;
padding: 0px;
color: #000;
background-color: #5D7C48;
background-image: url();
}

#tcpbody {
width: 800px;
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px 0px;
text-align: left;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
background-color: #FBAF5D;
background-image: url(/common/img/user/110-a/footer.gif);
background-position: bottom;
background-repeat: no-repeat;
}

#tctoptitlelay {
width: 800px;
height: 290px;
margin: 0px;
padding: 0px;
background-color: #000;
background-image: url(/common/img/user/110-a/header.gif);
background-repeat: no-repeat;
}

跟功能欄位有關

.recentpost {
width: 150px;
font-size: small;
list-style: none;
margin: 0px 0px 10px 0px;
padding: 0px 0px 10px 0px;
background-image: url(/common/img/user/110-a/side_foot.gif);
background-position: bottom center;
background-repeat: no-repeat;
}

.recentpost h3 {
color: #A36209;
width: 150px;
height: 44px;
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 12px;
line-height: 44px;
margin: 0px;
padding: 0px 10px 0px 0px;
text-align: center;
background-image: url(/common/img/user/110-a/side_head.gif);
background-position: top center;
background-repeat: no-repeat;
}

.recentpost ul {
list-style: none;
list-style-position: outside;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 10px;
background-image: url(/common/img/user/110-a/side_bg.gif);
background-position: top center;
background-repeat: repeat-y;
}

跟內文有關

.postdate {
width: 450px;
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
background-color: #FFF;
background-image: url(/common/img/user/110-a/entry_head.gif);
background-position: top left;
background-repeat: no-repeat;
}

.postbody {
color: #000;
margin: 0px;
padding: 20px 5px 20px 5px;
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: medium;
line-height: normal;
background-image: url(/common/img/user/110-a/entry_bg.gif);
background-position: top left;
background-repeat: repeat-y;
}

.postcommtb {
color: #000;
text-align: center;
margin: 0px;
padding: 0px 5px 10px 0px;
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: small;
background-image: url(/common/img/user/110-a/entry_foot.gif);
background-position: bottom left;
background-repeat: no-repeat;
}

跟超連結有關

A {
text-decoration: none;
}

a:link {
color: #A36209;
}

a:visited {
color: #A36209;
}

a:active {
color: #A36209;
}

a:hover {
color: #A36209;
}