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;
}