標籤 ： 
另一個得意之作!!
這是在馬來西亞完成的css
所以非常的有成就感呀~~~~(網路是以龜速進行)
一樣拿走請回文♥
♄語法 :
/* CSS Document */
/*主體*/
html{
scrollbar-face-color:#ADD4F5;
scrollbar-highlight-color:#ADD4F5;
scrollbar-shadow-color:ADD4F5;
scrollbar-3Dlight-color:#337BF4;
scrollbar-arrow-color:#337BF4;
scroll-track-color:#ADD4F5;
scroll-darkshadow-color:#337BF4;
}
body{
margin:0px 0px 0px 0px;
text-align: center;
background-image:url(http://4.blog.xuite.net/4/5/e/9/17439326/blog_812303/txt/16329253/72.gif);
background-color:#EFFBB5;
background-repeat:repeat;
background-attachment : fixed;
cursor:url(http://sheng.phy.nknu.edu.tw/shengwjs08/a161.ani),pointer;
}
/*連結*/
A {
color: #004A9C;
text-decoration: none;
cursor:url(http://sheng.phy.nknu.edu.tw/shengwjs08/a161.ani),pointer;
}
A:link {
color: #004A9C;
text-decoration:none;
cursor:url(http://sheng.phy.nknu.edu.tw/shengwjs08/a161.ani),pointer;
}
A:visited {
color: #004A9C;
text-decoration:none;
}
A:active {
color: #004A9C;
text-decoration:none;
}
A:hover {
color: #005DC6;
text-decoration:none;
}
/*定位框*/
#container {
position: relative;
text-align: left; /*width:100%;*/ behavior:expression( this.style.width = (document.documentElement.offsetWidth<990)?"990px":"100%");
min-width:990px;
padding:0px 0px 0px 0px;
margin:0px auto;
background-repeat:no-repeat;
background-image: url(http://4.blog.xuite.net/4/5/e/9/17439326/blog_812303/txt/16329253/76.jpg);
}
/*檔頭*/
#banner{
margin: 0px 5px 0px 5px;
padding: 0px;
height:220px;
}
/*左欄*/
#linksLeft{
position:absolute;
left:50px;
width:180px;
margin:0px;
}
/*右欄*/
#linksRight{
position:absolute;
right:50px;
width:180px;
margin:0px;
}
/*中間欄*/
#mid{
position: center;
color:#7B7D7B;
margin: 0 240px 0 240px;
padding: 0 0px;
border: #ADD7F7 1px dashed;
}
/*檔尾*/
#footer{
clear: both;
text-align:center;
font-size: 13px;
color:#737373;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
line-height: 16px;
}
/*欄位名稱*/
.sidetitle{
padding:1px;
border: #7BB6F7 1px dashed;
background-image:url(http://4.blog.xuite.net/4/5/e/9/17439326/blog_812303/txt/16329253/73.gif);
background-color:#78B4F0;
color:#595959;
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0.1em;
font-size:15px;
margin-top:0px;
}
/*欄位內容*/
.side{
border: #7BB6F7 1px dashed;
background-color:;
font-size:12px;
font-weight:normal;
color:#7B7D7B;
line-height:140%;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:4px;
margin-bottom:8px;
}
.side li{
margin-left: 20px;
list-style-position: outside;
}
/*空白*/
.spacer{
clear:both;
}
/******************************************/
/*檔頭class*/
/*日誌名稱*/
.blogname{
font-size: 22px;
font-weight: bold;
color: #F17F15;
padding-left:550px;
padding-top:50px;
}
/*今日心情*/
.blogemotion{
}
/*日誌描述*/
.description{
font-size: 15px;
color: #7F7F7F;
padding-left:550px;
}
/*選單列*/
.menulist{
padding-top:3px;
width:100%;
}
/*選單*/
.menu{
padding-top:5px;
float:right;
padding-right:50px;
}
/*Logo*/
.logo{
visibility:visible;
padding-left:550px;
}
/******************************************/
/*中間欄位class*/
/*文章外框*/
#content{
padding: 6px;
margin: 3px;
background-color:;
border: #ADD7F7 0px solid;
}
/*文章標題列*/
.title{
width:100%;
height:25px;
background:url(http://4.blog.xuite.net/4/5/e/9/17439326/blog_812303/txt/16329253/74.gif);
padding-top:5px;
}
/*文章標題名稱*/
span.titlename{
font-size:15px;
color:#0059FF;
padding-left:5px;
}
/*文章日期*/
span.titledate{
float:right;
height:25px;
padding-right:10px;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
font-size: 11px;
color: #FFFFFF;
}
/*文章評價列*/
.blogrank{
width:100%;
line-height:200%;
margin-top:10px;
}
/*文章瀏覽數*/
span.counter{
float:right;
margin-top:15px;
font-size: 12px;
color: #999999;
}
/*文章瀏覽數項目符號*/
span.counter li{
list-style-image:url(http://s.blog.xuite.net/_image/skin/list/bulletCounter.gif);
}
/*文章分類*/
span.category{
float:right;
margin-top:15px;
}
/*文章分類項目符號*/
span.category li{
list-style-image:url(http://s.blog.xuite.net/_image/skin/list/bulletContentArticle.gif);
}
/*文章主體*/
.blogbody{
word-wrap: break-word;
width:100%;
}
/*作者列*/
.posted{
width:100%;
text-align:right;
}
/*上下文章*/
.selectbar{
width:100%;
text-align:center;
}
/*引用列*/
.trackbacktitle{
position:relative;
width:100%;
margin-top:20px;
margin-bottom:5px;
border-top:1px dotted #CCCCCC;
border-bottom:1px dotted #CCCCCC;
font-size: 12px;
color: #CC6600;
height:24px;
background:#FEFAED;
}
/*引用列項目符號*/
.trackbacktitle li{
list-style-image:url(http://s.blog.xuite.net/_image/blogIcon31a.gif);
}
/*引用網址*/
.trackbackurl{
width:100%;
background:#F2F2F2;
padding-top:20px;
padding-bottom:20px;
text-indent:10px;
}
/*引用日期*/
.trackbackdate{
width:100%;
text-align:right;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
font-size: 11px;
color: #A7A7A7;
}
/*引用內容*/
.trackbackcontent{
width:100%;
line-height:150%;
margin-top:5px;
border-bottom:1px dotted #CCCCCC;
}
/*留言列*/
.comment{
width:100%;
border-top:1px dotted #CCCCCC;
border-bottom:1px dotted #CCCCCC;
font-size: 12px;
color: #CC6600;
height:24px;
margin-top:20px;
padding-top:5px;
padding-bottom:5px;
background:#FEFAED;
}
/*留言名稱*/
span.commenttitle{
}
/*留言名稱項目符號*/
span.commenttitle li{
list-style-image:url(http://s.blog.xuite.net/_image/bulletMessageList.gif);
}
/*留言按鈕*/
span.commentbutton{
float:right;
}
/*留言作者列*/
.author{
width:100%;
}
/*留言作者名稱*/
span.authorname{
}
/*留言日期*/
span.commentdate{
float:right;
text-align:right;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
font-size: 11px;
color: #A7A7A7;
}
/*留言內容*/
.commenttext{
word-wrap: break-word;
width:100%;
margin-top:10px;
margin-bottom:10px;
}
/*留言編輯按鈕*/
.commentedit{
width:100%;
border-bottom:1px dotted #CCCCCC;
}
/*留言者信箱*/
span.email{
}
/*分隔線*/
span.line{
}
/*留言者網址圖示*/
span.urlicon{
}
/*留言者網址*/
span.url{
}
/******************************************/
/*左欄class*/
/*關於我分類---- 2006-5-12 Modify*/
.pTitle li{
list-style-image:url(http://s.blog.xuite.net/_image/skin/windows/10027/butterfly.gif);
}
.pTitle{
}
/*關於我欄位名稱---- 2006-5-12 Modify*/
.personaltitle{
padding:1px;
border: #7BB6F7 1px dashed;
background-image:url(http://4.blog.xuite.net/4/5/e/9/17439326/blog_812303/txt/16329253/73.gif);
background-color:#78B4F0;
color:#595959;
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0.1em;
font-size:15px;
margin-top:0px;
}
/*關於我*/
.avatar{ /* 2006-05-09 修改 */
border: #7BB6F7 1px dashed;
background-color:;
font-size:12px;
font-weight:normal;
line-height:140%;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:4px;
margin-bottom:8px;
}
/*照片*/
.avatarPhoto{
text-align:center;
}
/*帳號*/
.avatarID{
}
/*我的描述*/
.avatarDesciption{
}
/*關於我按鈕*/
.avatarbutton{
text-align: center;
}
/*個人項目*/
.personallink{
display: block;
width:150px;
margin:0px 0px 0px 0px;
}
/*關於我*/
.plink ul{
list-style-type:none;
margin:0 0px;
padding:0px 2px 0px 20px;
word-wrap: break-word;
display: block;
float:left;
}
.plink li{
padding:0 0 0 0px;
margin:0px 0px 0px 0px;
list-style-image:url(http://s.blog.xuite.net/_image/blogIcon19.gif);
}
.plink{
padding:0 0 0 0px;
WIDTH: 90px;
}
/*我的相簿*/
.pphoto ul{
list-style-type:none;
margin:0 0px;
padding:0px 2px 0px 20px;
word-wrap: break-word;
display: block;
float:left;
}
.pphoto li{
padding:0 0 0 0px;
margin:0px 0px 0px 0px;
list-style-image:url(http://s.blog.xuite.net/_image/blogIcon19.gif);
}
.pphoto{
padding:0 0 0 0px;
WIDTH: 90px;
}
/*加入好友*/
.pfriend ul{
list-style-type:none;
margin:0 0px;
padding:0px 2px 0px 20px;
word-wrap: break-word;
display: block;
float:left;
}
.pfriend li{
padding:0 0 0 0px;
margin:0px 0px 0px 0px;
list-style-image:url(http://s.blog.xuite.net/_image/blogIcon19.gif);
}
.pfriend{
padding:0 0 0 0px;
WIDTH: 90px;
}
/*我的留言板*/
.pboard ul{
list-style-type:none;
margin:0 0px;
padding:0px 2px 0px 20px;
word-wrap: break-word;
display: block;
float:left;
}
.pboard li{
padding:0 0 0 0px;
margin:0px 0px 0px 0px;
list-style-image:url(http://s.blog.xuite.net/_image/blogIcon19.gif);
}
.pboard{
padding:0 0 0 0px;
WIDTH: 90px;
}
/*文章分類*/
.categoryTitle li{
list-style-image:url(http://s.blog.xuite.net/_image/skin/windows/10027/butterfly.gif);
}
.categoryTitle{
}
.categorySide li{
list-style-image:url(http://s.blog.xuite.net/_image/blogIcon19.gif);
}
.categorySide{
}
/*日曆*/
.calendarTitle li{
list-style-image:url(http://s.blog.xuite.net/_image/skin/windows/10027/butterfly.gif);
}
.calendarTitle{
}
.calendarSide li{
list-style-image:url(http://s.blog.xuite.net/_image/blogIcon19.gif);
}
.calendarSide{
}
/*日曆table*/
.calMonth{
width:140px;
}
/*日曆首列*/
.calMonthNav{
}
/*日曆上個月*/
.calMonthBackward{
}
/*日曆目前顯示年月*/
.calMonthCurrent{
font-size: 12px;
font-weight: bold;
color: #000000;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}
/*日曆下個月*/
.calMonthForward{
color: #FF0000;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
font-size: 12px;
}
/*日曆星期列*/
.calMonthHeader{
}
/*日曆日欄*/
.calMonthDay{
font-size: 10px;
color: #999999;
text-align:center;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}
/*日曆今日日期*/
.calMonthToday{
font-size: 11px;
text-align:center;
}
/*日曆假日日期*/
.calholiday{
font-size: 11px;
color: #FF3300;
text-align:center;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}
.calendarbutton{
text-align:right;
}
/*搜尋文章*/
.searchTitle li{
list-style-image:url(http://s.blog.xuite.net/_image/skin/windows/10027/butterfly.gif);
}
.searchTitle{
}
.searchSide{
text-align:center;
}
.searchbutton{
text-align:center;
padding:2px;
}
/*我的哈拉室*/
.chatTitle li{
list-style-image:url(http://s.blog.xuite.net/_image/skin/windows/10027/butterfly.gif);
}
.chatTitle{
}
.chatSide{
}
/*已建立的日誌*/
.bloglistTitle li{
list-style-image:url(http://s.blog.xuite.net/_image/skin/windows/10027/butterfly.gif);
}
.bloglistTitle{
}
.bloglistSide li{
list-style-image:url(http://s.blog.xuite.net/_image/blogIcon19.gif);
}
.bloglistSide{
}
/*訂閱電子報*/
.epaperTitle li{
list-style-image:url(http://s.blog.xuite.net/_image/skin/windows/10027/butterfly.gif);
}
.epaperTitle{
}
.epaperSide{
text-align:center;
width:140px;
}
.epaperbutton{
text-align:center;
padding:2px;
}
/*自由欄位*/
.customTitle li{
list-style-image:url(http://s.blog.xuite.net/_image/skin/windows/10027/butterfly.gif);
}
.customTitle{
}
.customSide{
}
/*日誌使用資源*/
.resourceTitle li{
list-style-image:url(http://s.blog.xuite.net/_image/skin/windows/10027/butterfly.gif);
}
.resourceTitle{
}
.resourceSide{
text-align:center;
}
/*留言塗鴉版*/
.paintTitle li{
list-style-image:url(http://s.blog.xuite.net/_image/skin/windows/10027/butterfly.gif);
}
.paintTitle{
}
.paintSide{
text-align:center;
}
/******************************************/
/*右欄class*/
/*背景音樂*/
.musicTitle li{
list-style-image:url(http://s.blog.xuite.net/_image/skin/windows/10027/butterfly.gif);
}
.musicTitle{
}
.musicSide{
}
.musicbutton{
text-align:left;
padding:2px;
}
/*最新文章*/
.articleTitle li{
list-style-image:url(http://s.blog.xuite.net/_image/skin/windows/10027/butterfly.gif);
}
.articleTitle{
}
.articleSide li{
list-style-image:url(http://s.blog.xuite.net/_image/blogIcon19.gif);
}
.articleSide{
}
/*最新留言*/
.messageTitle li{
list-style-image:url(http://s.blog.xuite.net/_image/skin/windows/10027/butterfly.gif);
}
.messageTitle{
}
.messageSide{
text-indent: -3ex;
margin-left: 3ex;
}
.date {
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
font-size: 11px;
color: #A7A7A7;
}
/*參觀人次統計*/
.countTitle li{
list-style-image:url(http://s.blog.xuite.net/_image/skin/windows/10027/butterfly.gif);
}
.countTitle{
}
.countSide{
}
/*我的訂閱*/
.rssrollTitle li{
list-style-image:url(http://s.blog.xuite.net/_image/skin/windows/10027/butterfly.gif);
}
.rssrollTitle{
}
.rssrollSide li{
list-style-image:urlurl(http://s.blog.xuite.net/_image/blogIcon190.gif);
}
.rssrollSide{
}
.backbtn li{
list-style-image:url(http://s.blog.xuite.net/_image/blog038.gif);
}
.backbtn{
text-align:right;
}
.morebtn li{
list-style-image:url(http://s.blog.xuite.net/_image/blog037.gif);
}
.morebtn{
text-align:right;
}
/*日誌評價*/
.rankTitle li{
list-style-image:url(http://s.blog.xuite.net/_image/skin/windows/10027/butterfly.gif);
}
.rankTitle{
}
.rankSide{
}
/*已建立的相簿*/
.albumTitle li{
list-style-image:url(http://s.blog.xuite.net/_image/skin/windows/10027/butterfly.gif);
}
.albumTitle{
}
.albumSide{
}
/*最愛連結*/
.linkTitle li{
list-style-image:url(http://s.blog.xuite.net/_image/skin/windows/10027/butterfly.gif);
}
.linkTitle{
}
.linkSide li{
list-style-image:url(http://s.blog.xuite.net/_image/blogIcon19.gif);
}
.linkSide{
}
/*我的影音*/
.pvlog ul{
list-style-type:none;
margin:0 0px;
padding:0px 2px 0px 20px;
word-wrap: break-word;
display: block;
float:left;
}
.pvlog li{
padding:0 0 0 0px;
margin:0px 0px 0px 0px;
list-style-image:url(http://s.blog.xuite.net/_image/blogIcon19.gif);
}
.pboard{
padding:0 0 0 0px;
WIDTH: 90px;
}
/*下方換頁-----2007-04-02*/
.page {
margin-top: 10px;
margin-bottom: 10px;
font-size: 12px;
color: #005DC6;
line-height: 24px;
vertical-align:middle;
}
.page a:link, .page a:visited, .page a:active {
font-size: 12px;
color: #004A9C;
line-height: 24px;
text-decoration: none;
}
.page a:hover {
font-size: 12px;
color: #005DC6;
line-height: 24px;
text-decoration: underline;
}
/*留言回覆邊框*/
.reply_info{
width:70%;
border:1px dotted #A7A7A7;
padding:1.2em 1.2em ;
margin:1.2em ;
}
/*我的好友*/
.friendTitle li{
}
.friendTitle{
}
.LoveFriendSide{
}
.LoveFriendSide select{
color: #333333;
font-size:13px;
/* background-color:#FCE7E2; */
}
/*最愛日誌*/
.LoveBlogTitle li{
}
.LoveBlogTitle{
}
.LoveBlogSide{
}
.LoveBlogSide select{
color: #333333;
font-size:13px;
/* background-color:#FCE7E2; */
}
/*好文轉寄*/
span.mail{
float:right;
margin-top:15px;
}
/*好文轉寄項目符號*/
span.mail li{
list-style-image:url(http://s.blog.xuite.net/_image/skin/list/email_forward.gif);
}
