端午節即將來臨,在此做個應景的版型, 也先預祝大家~端午佳節萬事如意。 ★.版型主圖來源:千圖網,弦月下的世界編製。 ★.語法若有問題時,請回本格重新複製+貼上。 ★.以下三種語法請自選,於欄內點右鍵後反藍即可複製語法。 NO.12粽情四海-三欄式版型語法(2025年6月9日修正版) 三欄式 /*CSS reset*/ html{ margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 100%; vertical-align: baseline; background: transparent;} /* ------------ IE瀏覽器捲軸的顏色設定 ------------ */ html{ SCROLLBAR-ARROW-COLOR:#1F5C1A;/*上下箭頭*/ SCROLLBAR-FACE-COLOR:#3B8E32;/*軸的主體色*/ SCROLLBAR-DARKSHADOW-COLOR:#26711F;/*右及下方框線*/ SCROLLBAR-HIGHLIGHT-COLOR:#26711F;/*左及上方框線*/ SCROLLBAR-SHADOW-COLOR:#21741A;/*右及下方框線*/ SCROLLBAR-TRACK-COLOR:#E7FEE5;/*軸的底色*/ SCROLLBAR-3DLIGHT-COLOR:#21741A;/*左及上方框線*/ } /* ------------Google瀏覽器的捲軸設定 ------------ */ ::-webkit-scrollbar{ /*捲軸的底色*/ background-color:#E7FEE5;} ::-webkit-scrollbar-thumb{ /*捲軸主體的顏色*/ background-color:#3B8E32; -webkit-border-radius: 6px ;} ::-webkit-scrollbar-button:vertical:decrement{ /* 捲軸上方的箭頭 */ background-image: url("https://i.imgur.com/3oB6rcb.png"); background-repeat: no-repeat;} ::-webkit-scrollbar-button:vertical:increment { /* 捲軸下方的箭頭 */ background-image: url("https://i.imgur.com/JOv8fEO.png") ; background-repeat: no-repeat;} #comment-form table{width: 96% ;margin: 0 auto ;} #comment-form td , #comment-form th{border: 1px solid #43963A;padding: 3px 5px;} .article-content p{ margin-bottom:1em;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;} table { border-collapse:collapse; border-spacing:0;} /*日曆框的顏色設定*/ td { border: 1px solid #14C604;} fieldset,img { border:0;} address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal;} ol,ul { list-style:none;} caption,th { text-align:left;} h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;} q:before,q:after { content:'';} abbr,acronym { border:0;} pre{ font-size: 1em ;} .article-content{ _height: 1% ; overflow: hidden ; _overflow: none;} /*全站分類+日曆+文章區內文+版主回覆字+文章分類標題+個人資訊欄+本日+累積人氣等字體顏色設定*/ body { color:#2A9631; font-size:15pt; font-family:"Century Gothic"; line-height:180%; /*---部落格背景重覆底圖---*/ background-image:url(http://i.imgur.com/3DKsiMi.jpg); background-repeat:repeat; background-position:undefined;} /*部落格中間欄位底圖*/ #container{ width: 1460px; background: url("https://i.imgur.com/kR3BEb0.jpg") repeat-y left top; margin: 0 auto;} /*部落格中間欄位重覆底圖*/ #container2{ background: url(//) no-repeat center bottom; display:block;} #container3 { overflow:hidden; position:relative;} /*中間欄位寬度設定*/ #main{ #main{width:1460px;margin:auto;} #content{line-height:180%;width:900px;padding-right:10px;padding- bottom:15px;overflow:hidden;}/*中間欄位寬度*/ background:url() repeat-y center ; overflow:hidden; padding:30px 20px;/*公告欄與主圖距離*/ _height: 1%; } #body-div{} /*置頂及廣告字+關鍵字+個人分類後的標題+文章內留言IDE-mail轉寄+免費註冊文字顏色設定*/ a, a:link, a:visited{color:#2A9631;text-decoration:none;} a:hover{color:#2A9631;position:relative;top:2px;background:url(https://i.imgur.com/EOA9zY3.gif) repeat-x bottom;} /*版型主圖高度+部落格名稱位置*/ #header{ height: 630px;/*版型主圖寬1440高度630*/ padding-left: 100px; /*部落格名稱與左邊的距離*/ background:url(https://i.imgur.com/YFXYvFs.jpg) no-repeat center bottom; display:block;} /*部落格置頂功能顏色設定*/ /*招呼語+登入+登出*/ #login-bar{ text-align:left; padding:10px 0px 0px 20px; height:30px; line-height:10px; color:#2A9631;} #login-bar a{color:#2A9631} #login-bar a:hover{color: #;background: #2A9631;} #login-bar .separator{color:#2A9631} #login-bar a:hover { color: #2A9631; background: #3E8637;} /*部落格名稱字體位置*/ #banner { width: 400px; height: 100px; overflow:hidden;} #banner h1 { font-weight:bold; font-family:微軟正黑體; font-size:22px; position:absolute; text-align:left; padding:80 80px;/*第二個數字-部落格名稱字體位置靠左的位置*/ top:20px; margin-top: 90px;/*字體高度*/ margin-left: 600px;/*字體靠左或右*/ } /*部落格名稱的顏色*/ #banner h1 a{ color: #2A9631;} /*部落格字體按下去的顏色*/ #banner h1 a:hover { color: #82B771; /*部落格字體按下去的底色*/ background: #;/*底圖色*/ /*部落格框的虛線顏色*/ border:2px dotted #2A9631;} /*部落格招呼語字體位置*/ #banner h2 { width:300px ; color: #2A9631; margin:25px 0; font-weight:bold; font-family:微軟正黑體; font-size:18px; position:absolute; top:140px;/*字體高度*/ left:620px; /*字體靠左或右*/ line-height:30px;/*字體的行距高度*/ overflow:hidden;} /*跳回主文字體高度*/ .skiplink { position:absolute; top:580px;/*此處需與不設分類字體高度一樣*/ /*部落格招呼語字體-全站分類字位置*/ left:250px; /*此處數字要比不設分類的數字大*/ font-size:16px;} /*跳回主文顏色設定*/ .skiplink a{ color:#2A9631;} /*跳回主文字體按下去的顏色*/ .skiplink a:hover { color: #03830C; background: #;/*底圖色*/ } /*不設分類字體的位置*/ #blog-category { position:absolute; top:580px; /*此處需與跳回主文字體高度一樣*/ left:50px;/*此處數字要比跳回主文的數字小*/ font-size:16px;} /*不設分類字體顏色設定*/ #blog-category a { color: #2A9631;} /*不設分類字體按下去的顏色*/ #blog-category a:hover { color: #03830C; background: #;/*底圖色*/ } #authority { width: 100%; font-size: 16px; text-align: center; border-bottom: 0px solid #; background: #; padding: 5px 1000px;} /*發表文章+管理後台字體顏色設定*/ #authority a { color: #2A9631; background: #FFFFFF; border: 2px solid #82B771;} #authority a:hover { color: #FFFFFF; background: #82B771;} /*四功能鍵位置高度+顏色設定*/ #navigation{ position:absolute; top:580px;/*高度*/ left:710px;/*位置*/ } #navigation li{ float:left;} /*相簿+部落格+留言+名片的框線顏色*/ #navigation a{ background: #;/*框內底色*/ padding: 4px; /*框框上邊顏色*/ border-top:2px solid #2A9631; /*框框左邊顏色*/ border-left:2px solid #2A9631; /*框框右邊顏色*/ border-right: 2px solid #2A9631; /*框框下方顏色*/ border-bottom: 2px solid #2A9631; position:relative; font-weight:bold; font-size:15px; width:50px; height:20px; /*相簿+部落格+留言+名片的字體顏色*/ color:#2A9631; letter-spacing:3pt} /*四功能鍵位框內底色顏色設定*/ #navigation a:hover { color: #2A9631;/*字體的顏色*/ background: #;/*底色*/ } /*------------------留言區底圖及欄位寬度---------------*/ /*留言區底圖*/ #content{ width:940px ;/*留言區底圖寬度距離需配合左右欄位邊線距離*/ float:left ; background:url(https://i.imgur.com/ZFS6orU.jpg) repeat; /*留言區底色*/ background: #E9F3DB;/*底色*//*此處顏色需與中間欄位底色一樣*/ margin:0 auto; margin-left: 265px ;/*留言區底圖寬度距離需配合左右欄位邊線距離*/ margin-top: 5px ;} /*-----公告版欄位設定-----*/ #spotlight{ /*公告欄位底色*/ background:#;/*底色*/ padding:5px; margin-bottom: 5px ; /*公告欄位線框的顏色*/ margin-bottom: 5px ; margin-top: 0px ;/*公告欄位線框的高度*/ border: 8px double #2A9631;} /*公告版欄位標題設定*/ #spotlight h5 { background:url(); /*公告版位標題字體顏色及字型*/ color:#2A9631; font-weight:bold; font-family:微軟正黑體; font-size:22px; /*公告版位標題字體下方虛線顏色*/ border-bottom:2px dotted #2A9631; padding:2px;} /*公告版欄位底圖+顏色+字體及字體大小設定*/ #spotlight-text { background:url(https://i.imgur.com/ZFS6orU.jpg); color:#2A9631; font-weight:bold; font-family:微軟正黑體; font-size:18px; padding:5px;} /*瀏覽模式*/ #display{ text-align:right; margin : 5px 0px ;} /*瀏覽方式這四個字*/ #display span{} /*標題列表/簡短摘要*/ #display a{} /*文章標題*/ .article { clear: both; _height: 1%; position: relative; margin: 0 auto 5px;} /*----------文章區的設定----------*/ /*文章區標題前的圖示*/ .article-head { overflow: hidden; height: 100px; line-height:30px; background: url(https://i.imgur.com/81UtjOC.gif) no-repeat;} .title { font-weight:bold; font-family:微軟正黑體; float:left; font-size:22px; line-height: 30px; padding: 10px 0px 0px 70px;/*第四個數字是文章標題圖與標題的距離*/ } /*文章區標題字體的顏色*/ .title a { color: #2A9631; } .title a:hover{ /*文章區標題字體按下去時的超連結字體顏色*/ color: #82B771; /*文章區標題字體按下去時的框內底色*/ background: #EDFFE2;} .title img { vertical-align: middle; } .article-body {} /*文章發表-字體大小*/ .publish { font-size: 15px; padding: 0 0 0 70px;/*第四個數字是文章標題圖與標題的距離*/ } /*文章發表-月份的顏色*/ .month{color: #2A9631; } /*文章發表-日期的顏色*/ .date { color: #2A9631; } .day{display: none;} /*文章發表-年份的顏色*/ .year{color: #2A9631; } .time { display: none; } /*繼續閱讀小圖與字體色*/ .more { float: right; padding-top: 0px;/*圖片的高度*/ padding-right: 30px;/*圖片與括弧的距離*/ background: url(https://i.imgur.com/PCnR2AV.gif) right no-repeat; margin-right: 20px ;} .more a{ font-weight:bold; font-family:微軟正黑體; font-size: 20px;/*字體大小*/ /*繼續閱讀字體的顏色*/ color:#2A9631;} .more a:hover{ /*繼續閱讀按下去時框內字體的顏色*/ color: #82B771; /*繼續閱讀按下去時超連結的顏色*/ background: #;/*底色*/ } /*作者ID+發表+留言()+人氣的設定*/ .author{ /*作者ID+發表+留言()+人氣-虛線上的顏色*/ background: #; /*作者ID+發表+留言()+人氣的字體顏色*/ color: #2A9631; font-size: 15px; text-align:right ; padding: 0px 15px 10px 0px; margin: 25px 0px 0px 0px; /*文章下方分隔線的顏色*/ border-bottom: 1px dashed #2A9631; line-height: 30px;} /*文章下方痞客幫+留言功能的顏色*/ .author a{ color: #2A9631;} .author a:hover{ /*文章下方痞客幫+留言功能超連結時字體顏色*/ color: #82B771; /*文章下方痞客幫+留言功能超連結底圖色*/ background: #;/*底色*/ } /*文章附加資訊*/ .article-footer{ text-align:right ; color:#2A9631; line-height:20px ;} /*加入書籤*/ .bookmark{ text-align:right ; padding: 20px 0px 0px 0px;} /*個人分類+全站分類+上一篇+下一篇字體顏色*/ .refer{ color:#2A9631; text-align:left; margin: 0px 0px 0px 10px; padding-bottom: 10px; padding-top: 10px ;} /*個人分類按下去時的字體顏色*/ .refer a:hover { color: #82B771; /*文章內頁-全站分類+上一篇+下一篇字體連結時的底色*/ background:#;/*底色*/ } .history{ display:none;} .forward{ text-align:right; margin: 5px 5px 0px 0px;} .forward img{ width: 10px; height: 10px; filter :gray; padding-right: 2px;} /*轉寄文章-E-mail轉寄*/ .forward a:hover { color: #2A9631;/*字體色*/ background: #;/*底色*/ } #article-box{ margin: 10px 0px 0px 0px;} /*標題模式的文章列表*/ .main-list table{ border-collapse : collapse ; width:100% ; margin: 20px 0px 0px 0px;} .main-list table td { /*標題模式的文章列表線框顏色*/ border:1px solid #2A9631; border-top:0px solid #2A9631; border-left:0px solid #2A9631; border-right:0px solid #2A9631; } .main-list td , .main-list th{ padding: 5px ;} /*文章區分隔線*/ .back-to-top { background: #; background-image:url(https://i.imgur.com/tfLLZwH.gif); background-repeat:repeat; padding: 15px 15px 15px 5px; /*第1是字體高度*/ margin: 0px 0px 0px 0px;/*第3個是文章內圖與留言框的距離-第4個是圖與左邊的距離*/ line-height: 20px;/*分隔線圖的高度*/ border: 2px double #2A9631;/*線框的顏色*/ } /*TOP鍵的顏色*/ .back-to-top a{ color: #2A9631;} .back-to-top a:hover { /*TOP鍵按下去時的連結字體顏色*/ color: #008800; /*TOP鍵按下去時的連結顏色*/ background: #;/*底色*/ } /*-----引用+留言區塊設定----*/ /*引用+回應列表列表欄底圖*/ #user-post{ background:#EDFFE2; background:url(https://i.imgur.com/kR3BEb0.jpg) repeat; padding:15px; /*引用+回應列表列表欄線框*/ margin-bottom: 0px ; border: 2px solid #2A9631;/*外框顏色*/ } #trackback-box {text-align: center;} #comment-box {text-align: left;} /*引用與留言分隔線+文字顏色設定*/ .user-post-title { text-align: center; /*-----留言版區各項設定-----*/ /*留言列表-字體顏色*/ color: #2A9631; background:url(https://i.imgur.com/68MJgdg.gif) center no-repeat; font-size:15pt; font-weight: bold; margin: 0 auto; /*留言列表圖檔與上方的距離*/ padding-bottom: 80px; padding-left: 5px;} /*-----留言版上方的圖片與顏色設定-----*/ .post-comment{ /*留言版上方的圖片的高度*/ padding-top: 280px;/數字越小離下方越近*/ padding-bottom: 15px; line-height: 2.8em; height: 100%; font-size: 18px; /*留言版上方的圖片*/ background:url(https://i.imgur.com/hPeKM9t.gif) ; background-repeat: no-repeat; background-position: center top; color: #2A9631; text-align:center;} #trackback-input {width:50%;} /*單一引用*/ .single-post { /*---引用+留言框的線框設定---*/ /*引用+留言框-右線*/ border-right:4px double #2A9631; /*引用+留言框-下線*/ border-bottom:4px double #2A9631; /*引用+留言框-左線*/ border-left:4px double #2A9631; /*引用+留言框-上線*/ border-top:4px double #2A9631; overflow:hidden; _overflow:none; _height:1%; margin:30px 0;} /*引用者資訊*/ .post-info { text-align: center; /*引用+留言框的-中線*/ border-bottom:2px dashed #2A9631; font-weight:600; padding:5px 10px; margin-bottom:10px;} /*單一引用內容*/ .post-text{ float:left; margin-bottom: 10px ;} /*回響區塊*/ #trackback-box .post-text{ width: auto ; float:none ;} /*單一引用內容*/ .post-text{ float:left; margin-bottom: 10px ;} /*回響區塊*/ .post-photo { width:120px; float:left;} /*-----留言區底圖及顏色設定-----*/ li.post-photo img { width:70px; height:70px; /*留言區-留言者頭像右+下方線框*/ border:2px double #2A9631;; /*留言區-留言者頭像-上方線框*/ border-top:2px double #2A9631;; /*留言區-留言者頭像-左線框*/ border-left:2px double #2A9631;; /*留言區底圖*/ background:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png) repeat-y; background:#EDFFE2;/*底色*/ padding:4px;} /*版主回覆圖與框顏色設定*/ .reply-text { float:right; width:800px; background:url(https://pic.pimg.tw/moon1230e/1510504562-65207536.jpg) 0px top /*版主回覆區底色*/ no-repeat #FCFFFA; /*版主回覆區-上+左外框顏色*/ border:2px solid #2A9631; /*版主回覆圖區-右框顏色*/ border-right:2px solid #2A9631; /*版主回覆圖區-下框顏色*/ border-bottom:2px solid #2A9631; /*版主回覆圖+文字+框靠左邊的距離設定*/ margin-right:10px; display:inline; /*版主回覆-文字的顏色*/ color:#2A9631; min-height:40px; _height:40px; padding:20px 5px 5px 0px;} /*回覆留言分隔線*/ li.reply-text p { background:url(https://pic.pimg.tw/moon1230e/1513697868-867603417.gif) repeat-x; text-align:right; /*回覆留言的時間位置*/ padding:20px 150px 0px;/*第1是圖與下方文字高度-第4是靠左或右*/ font-size: 18px; /*回覆留言的時間*/ color: #2A9631;} .secret{} /*--發表留言設定--*/ .post-comment a { /*發表留言-字體的顏色*/ color: #2A9631; /*發表留言-框內的顏色*/ background: #FFFFFF; /*發表留言-框框的顏色*/ border: 3px double #2A9631;} /*發表留言連結時-框框內+字的顏色*/ .post-comment a:hover { color: #2A9631;/*字體色*/ background: #;/*底色*/ } /*回響區塊*/ #comment-form { line-height:1.5; margin:10px 0; padding: 0 10px 10px; border: 1px solid #2A9631;/*底色*/ } #comment-form table { width:100%; margin:0 auto; background: #2A9631 url() no-repeat; padding: 10px;} #comment-form th, #comment-form td { border: 1px dashed #2A9631; padding: 5px 10px; text-align: left;} #comment-form input#send-comment { padding:3px 5px; float: right;} #comment-form textarea { width:95%; background:#2A9631 url() right bottom no-repeat; line-height:1.5; height:120px; padding:5px 10px;} /*文章列表*/ .main-list { margin-bottom:15px; padding:10px 0;} .main-list table { width:100%; margin:10px 0;} .main-list h3 { margin-bottom:10px; padding:5px 10px;} .main-list th,.main-list td { border:1px solid #2A9631; padding:3px 10px;} /*頁尾頁數顏色設定*/ .page { clear: both; height: 40px; line-height: 20px; font-size: 15px; text-align: left; background: none; padding: 0px 15px; margin: 6px auto;} .page a { /*頁尾頁數-第1頁框內顏色設定*/ background:#F2FCEF;/*底色*/ margin:0 5px; /*頁尾頁數-第2頁字體顏色設定*/ color: #06AE06; padding:5px 10px;} /*頁尾頁數-第2頁字體顏色設定*/ .page span { color: #06AE06; /*頁尾頁數-第1頁框內顏色設定*/ background:#F9FEF7;/*底色*/ padding:5px 10px;} /*----------側欄區設定----------*/ /*日曆字體+側欄-版主回覆+留言者+個人資訊+文章分類內的+訂閱內+參觀人氣內字體顏色*/ #links{ color: #2A9631; width:220px ; float:left; margin: -310px 0px 0px 25px ;/第4-與欄框距離*/} #links a{ font-size: 18px; /*日曆上下月份+站方公告+所有瀏覽列表字+文章分類內的展開+最新文章字體+訂閱動態標題*/ color:#2A9631;} /*----------左右欄位設定----------*/ /*側欄-左欄的位置與寬度*/ #links-row-1{ width:220px ; float:left; background:#; background-image: url(); background-repeat: repeat; position:relative ; margin-left: -1210px ;/*左右欄位此處與邊線距離需配合留言區底圖距離寬度*/ margin-top: 315px ;} /*側欄-右欄的位置與寬度*/ #links-row-2{ width:220px ; float:right ; background:#; background-image: url(); background-repeat: repeat; margin-right: -10px ;/*左右欄位此處與邊線距離需配合留言區底圖距離寬度*/ margin-top: 315px ;} /*左右欄位圖示*/ /*左右欄位-中欄*/ .box{ background:url(https://i.imgur.com/jw3FKo3.png) left top repeat-y; margin-bottom:20px;} .box-title{ height:50px; line-height: 5px; overflow:hidden; /*側欄區標題顏色*/ color:#2A9631; text-align: left; font-weight:bold; /*側欄區標題-字型*/ font-family:微軟正黑體; /*側欄區標題-字型大小*/ font-size:18px; /*左右欄位-上欄*/ background: url(https://i.imgur.com/UdVBJKN.png) left top no-repeat; margin:0px 0px 0px 0px; /*左右欄位-字體的位置*/ padding:50px 0px 0px 58px;/*第一個是字體與欄位上方高度-第四個是文字與欄位左右的距離*/ } /*左右欄位-下欄*/ .box-text{ background:url(https://i.imgur.com/FGi3jIR.png) left bottom no-repeat; text-align: left; line-height: 150%; margin: 0px auto; padding:0 10px; padding-bottom:80px;} /*所有瀏覽列表框顏色*/ .box-more{ text-align:right; margin: 15px 0; padding:2px;} .box-more a{ -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding:2px 2px; float:right ; margin: 0px 30px 0px 0px; /*所有瀏覽列表-框的顏色*/ color:#2A9631; /*所有瀏覽列表-底色*/ background:#;/*底色*/ /*所有文章+瀏覽列表框顏色*/ border: 2px double #2A9631;}/*線框色*/ .box-more a:hover{ color: #2A9631;/*字體色*/ /*所有文章+瀏覽列表內底色*/ background: #;/*底色*/ } /*-----日曆顏色設定-----*/ #calendar table{ width: 100%; /*日曆框內底色*/ margin:0 auto;background:#;}/*底色*/ #calendar th, #calendar td{ text-align:center; padding:1px;} /*上個月發文日期的顏色設定*/ #calendar .calMonthHeader{} #calendar td a{ font-size:11px; display:block; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; /*發文日的框框顏色*/ border: 2px double #028502; font-size:11px; /*發文日的框框內文字顏色*/ color:#21A621; /*發文日的框框內底色*/ background:#E7FAE8;} #category li{margin-left:13px} #murmur li{ background:none; border:0;} .murmur-time{ font:bold 12px Century Gothic; margin-bottom:2px;} .murmur-text{ line-height:160%;} #counter .box-text{padding-left:50px;} #visitor{} #visitor ul,#crumb ul{ overflow: hidden;_overflow: none;_height: 1%; margin-bottom:25px;margin-top:5px;} #visitor li,#crumb li{ float:left; line-height:0; margin:1px;} /*誰來我家+我去誰家的圖片設定*/ margin-right:1px;} #visitor .box-text li , #crumb .box-text li { float: left;padding-left:6px;} #visitor .box-text li a{height:50px;width:50px;display:block;MARGIN: 2px; /*誰來我家的圖*/ background:url(https://pic.pimg.tw/moon1230e/1510455151-3372316660.gif) no-repeat left top;} #crumb .box-text li a{height:50px;width:50px;display:block;MARGIN: 2px; /*我去誰家的圖*/ background:url(https://pic.pimg.tw/moon1230e/1510455151-2620709952.gif) no-repeat left top;} /*我去誰家的框框設定*/ #visitor .box-text li a{ border-right:2px solid #2A9631; border-left:2px solid #2A9631; border-top:2px solid #2A9631; border-bottom:2px solid #2A9631;} #visitor .box-text li a img , #crumb .box-text li a img {visibility:hidden;height:50px;width:50px;padding: 3px;padding-left:3px;} #visitor .box-text li a:hover img , #crumb .box-text li a:hover img {visibility:visible;height:50px;width:50px;} #visitor .box-more , #crumb .box-more {clear:both;} /*文章分類資料夾小圖*/ #category .box-text h6 img{display:none;} #category .box-text{padding-left:20px;padding-bottom:120px;}/*第一是框靠左的距離*/ #category .box-text h6 { background-image:url(https://pic.pimg.tw/moon1230e/1510460249-1784172121.gif);background-repeat:no-repeat; border: 2px double #2A9631;/*框線的粗細度與顏色*/ padding-left:30px; line-height: 30px; font-size: 16px;} /*文章分類-展開小圖*/ #category .box-text li a{ background-image:url(https://pic.pimg.tw/moon1230e/1510460247-495919459.gif); background-repeat:no-repeat; background-position:left; padding-left:20px;} /*文章分類-展開時連結小圖*/ #category .box-text li a:hover{ background:#;/*底色*/ /*文章分類-展開時字體的顏色*/ color:#008800; /*文章分類-展開時框框的顏色*/ border: 2px double #028502; background-image:url(https://pic.pimg.tw/moon1230e/1609176648-285136049-g.gif); background-repeat:no-repeat;} /*最新文章前小圖與顏色設定*/ #recent-article .box-text{padding-left:10px;padding-bottom:50px;} #recent-article li { background-image:url(https://pic.pimg.tw/moon1230e/1510460249-1784172121.gif); background-repeat:no-repeat; background-position:left top; padding-top:18px; padding-bottom:20px; padding-left:10px; line-height: 20px; /*最新文章分隔虛線顏色設定*/ border-bottom: 2px dashed #2A9631;} #recent-article li a:hover { /*最新文章-連結的字體顏色*/ color: #028502; /*最新文章-連結框底色*/ background: #;/*底色*/ } /*---最新回響區設定---*/ /*最新回應前的小圖*/ #latest-comment li{ background-image:url(https://pic.pimg.tw/moon1230e/1510460249-1784172121.gif); background-repeat:no-repeat; background-position:left top; padding-top:18px; padding-bottom:20px; padding-left:15px; line-height: 20px; /*最新回響的字體顏色*/ border-bottom: 3px solid #2A9631;} #latest-comment li a:hover { /*最新文章區-版主回覆的字體顏色*/ color: #2A9631; /*最新文章區-版主回覆內容的底色*/ background: #FCFFFA;/*底色*/ } #latest-comment li span { /*最新文章區-版主回覆的時間顏色*/ color:#2A9631; font-size:.50em; /*最新留言-版主回覆的時間間隔直線*/ border-right:3px solid #2A9631; margin:0 4px 0 0; padding:0 4px 0 0;} /*最新文章區-版主回覆的字體顏色*/ #latest-comment li a { color:#2A9631; display:block; height:50px; overflow:hidden;} /*熱門文章標題小圖*/ #hot-article li { background-image:url(https://pic.pimg.tw/moon1230e/1510460249-1784172121.gif); background-repeat:no-repeat; background-position:left; font-size: 16px; padding-left:25px; line-height: 25px; /*熱門文章-下方虛線顏色*/ border-bottom: 2px dashed #2A9631;} #hot-article li a:hover { /*熱門文章-連結時的顏色*/ color: #028502; /*熱門文章-連結時的底色*/ background: #;/*底色*/ } #search{} #search ul{ overflow: hidden; _overflow: none; _height: 1%;} #search .box-text{padding-left:22px;padding-top:15px;} #search .box-text li{ display: inline;} /*最新引用*/ #latest-trackback li, #latest-comment li, #latest-trackback li, #subscription li{border-bottom: 2px dashed #2A9631;} /*最新引用-引用過去的文章標題*/ #latest-trackback a{ color: #2A9631; background: #F9FEF7; } #latest-trackback a:hover { } #latest-trackback a, #latest-comment a, #subscription a{ display:block; width:100%;} #counter .box-text {font-size:16px;} #feed {} #announce{} #hot-article {} #category h6{} #category li{margin-left:15px;} #category .box-more {} #archive select, #favorite select { width:150px; margin-left:20px;padding-top:0px;} #recent-article li, #announce li, #hot-article li{} /*最新留言顏色設定*/ #latest-comment li, #latest-trackback li, /*最新留言區-間隔虛線*/ #subscription li{border-bottom: 2px dashed #2A9631;}/*間隔虛線*/ #latest-trackback a:hover { color: #2A9631;/*字體色*/ background: #F9FEF7;} #latest-comment a, #latest-trackback a, #subscription a{ display:block; width:100%;} #mylink {font-weight:bold; font-family:微軟正黑體; font-size:18px;} /*單一個我的連結*/ #mylink .inner-box{ text-align: left; padding-left: 25px; font-size: 18px; margin-bottom:5px; color:#2A9631;} #mylink .inner-box li{ margin-left:15px; line-height: 25px;} /*誰來我家顏色設定*/ #mylink a:hover { color: #2A9631;/*字體色*/ background: #F9FEF7;} /*站方公告間隔虛線顏色*/ #announce .box-text li{border-bottom: 2px dashed #2A9631;} #announce a:hover { /*站方公告連結字體顏色*/ color: #2A9631; background: #F9FEF7;} /*頁尾中間欄位底圖+文字顏色設定*/ #footer{ clear:both; padding-top: 20px; /*頁尾中間欄位底圖*/ background:url(https://i.imgur.com/kR3BEb0.jpg) repeat #E4FAA7; _height:1%; text-align: center;} #footer p{color:#929D59;} #bottom , /*頁尾中間欄位-回到頁首+回到主文+免費註冊+客服中心+痞客邦首頁字體的顏色*/ #bottom a{color:#2A9631;} /*頁尾中間欄位文字連結顏色設定*/ #bottom a:hover { /*頁尾中間欄位-回到頁首+回到主文+免費註冊+客服中心+痞客邦首頁字體按下去時的顏色*/ color: #028502;/*字體色*/ background: #F9FEF7;/*底色*/ } /*文章搜尋設定*/ input, textarea { vertical-align: middle; font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif; font-size: 1.0em; /*文章搜尋-字體的顏色*/ color: #2A9631; /*文章搜尋-框框的顏色*/ border: 3px double #06AE06; /*文章搜尋-框內的顏色*/ background: #F2FCEF; /*文章搜尋-框內的底圖顏色*/ background-image:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png) ; padding: 2px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} /*文章搜尋-框內字體顏色+寬度設定*/ input#search-target { width: 150px; color: #2A9631; background-image:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png) ;} /*文章精選設定*/ select { font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif; font-size: 1.0em; /*文章精選+發文的年月份-字體的顏色*/ color: #2A9631; /*文章精選-框框的顏色*/ border: 2px solid #028502; /*文章精選-框內的顏色*/ background: #F2FCEF; background-image:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png) ; padding: 2px;width:90%;} /*下列語法請勿任意更改變動 ↓ */ #content .recommended-posts {display:none;} #blog468x60Banner{display:none !important;} #container #links-row-1 div.hslice[id*="-mib-"], #container #links-row-1 div.hslice[id*="-Mib-"], #container #links-row-1 div.hslice[id*="-mIb-"], #container #links-row-1 div.hslice[id*="-miB-"]{ display:none !important; } /*各式去廣告語法*/ /*去除網頁閒置時出現廣告*/ #idle-pop {display: none;} /*文章下方廣告無動態*/ #content .recommended-posts {display:none;} #blog468x60Banner{display:none !important;} /*去除部落格上方廣白框廣告*/ #content .recommended-posts3 ul li > :nth-child(1):not([class*="source-emma"]) { display: none;} #comment-text ul li.post-info > span.user-name img{display:none;} #idle-pop , #ad-full-page , .article-inread-ad {display:none;} /* CSS for Blocking Pixnet AD */ #pixblogad-banner2, #idle-pop, /* 閒置廣告 */ #ad-full-page, /* 蓋版廣告 */ /* 推薦文章的下一行 */ #content .article-body div:last-child > div:first-child, #comment-text > div, /* 留言中廣告 */ .article-content-inner .article-inread-ad /* 內文廣告 */ { display:none!important; height:0!important } .article-body .trv-player-container, /* 右下廣告影片輪播 */ .article-content-inner .article-inread-ad /* 內文廣告 */ { /* 移除推薦文章中的廣告, 並調整顯示樣式 */ #content ul.demo, #content ul.demo li a { width:100%; border-left:none } #content ul.demo li { border-right:1px solid #ccc; width:32% !important } #content ul.demo li:nth-child(1) { border-left:1px solid #ccc; margin-left:2% } #content ul.demo li div[id^="pixad"] { display:none !important } /*-- 刪除邊線 --*/ #article-main .author-profile .author-profile__subscribe {border:0;} #_popIn_recommend_article, div[id*="dablewidget"] {display:none !important;} NO.12粽情四海-左欄版型語法(2025年6月9日修正版) 左欄式 /*CSS reset*/ html{ margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 100%; vertical-align: baseline; background: transparent;} /* ------------ IE瀏覽器捲軸的顏色設定 ------------ */ html{ SCROLLBAR-ARROW-COLOR:#1F5C1A;/*上下箭頭*/ SCROLLBAR-FACE-COLOR:#3B8E32;/*軸的主體色*/ SCROLLBAR-DARKSHADOW-COLOR:#26711F;/*右及下方框線*/ SCROLLBAR-HIGHLIGHT-COLOR:#26711F;/*左及上方框線*/ SCROLLBAR-SHADOW-COLOR:#21741A;/*右及下方框線*/ SCROLLBAR-TRACK-COLOR:#E7FEE5;/*軸的底色*/ SCROLLBAR-3DLIGHT-COLOR:#21741A;/*左及上方框線*/ } /* ------------Google瀏覽器的捲軸設定 ------------ */ ::-webkit-scrollbar{ /*捲軸的底色*/ background-color:#E7FEE5;} ::-webkit-scrollbar-thumb{ /*捲軸主體的顏色*/ background-color:#3B8E32; -webkit-border-radius: 6px ;} ::-webkit-scrollbar-button:vertical:decrement{ /* 捲軸上方的箭頭 */ background-image: url("https://i.imgur.com/3oB6rcb.png"); background-repeat: no-repeat;} ::-webkit-scrollbar-button:vertical:increment { /* 捲軸下方的箭頭 */ background-image: url("https://i.imgur.com/JOv8fEO.png") ; background-repeat: no-repeat;} #comment-form table{width: 96% ;margin: 0 auto ;} #comment-form td , #comment-form th{border: 1px solid #43963A;padding: 3px 5px;} .article-content p{ margin-bottom:1em;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;} table { border-collapse:collapse; border-spacing:0;} /*日曆框的顏色設定*/ td { border: 1px solid #14C604;} fieldset,img { border:0;} address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal;} ol,ul { list-style:none;} caption,th { text-align:left;} h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;} q:before,q:after { content:'';} abbr,acronym { border:0;} pre{ font-size: 1em ;} .article-content{ _height: 1% ; overflow: hidden ; _overflow: none;} /*全站分類+日曆+文章區內文+版主回覆字+文章分類標題+個人資訊欄+本日+累積人氣等字體顏色設定*/ body { color:#2A9631; font-size:15pt; font-family:"Century Gothic"; line-height:180%; /*---部落格背景重覆底圖---*/ background-image:url(http://i.imgur.com/3DKsiMi.jpg); background-repeat:repeat; background-position:undefined;} /*部落格中間欄位底圖*/ #container{ width: 1460px; background: url("https://i.imgur.com/kR3BEb0.jpg") repeat-y left top; margin: 0 auto;} /*部落格中間欄位重覆底圖*/ #container2{ background: url(//) no-repeat center bottom; display:block;} #container3 { overflow:hidden; position:relative;} /*中間欄位寬度設定*/ #main{ #main{width:1460px;margin:auto;} #content{line-height:180%;width:1100px;padding-right:10px;padding- bottom:15px;overflow:hidden;}/*中間欄位寬度*/ background:url() repeat-y center ; overflow:hidden; padding:30px 20px;/*公告欄與主圖距離*/ _height: 1%; } #body-div{} /*置頂及廣告字+關鍵字+個人分類後的標題+文章內留言IDE-mail轉寄+免費註冊文字顏色設定*/ a, a:link, a:visited{color:#2A9631;text-decoration:none;} a:hover{color:#2A9631;position:relative;top:2px;background:url(https://i.imgur.com/EOA9zY3.gif) repeat-x bottom;} /*版型主圖高度+部落格名稱位置*/ #header{ height: 630px;/*版型主圖寬1440高度630*/ padding-left: 100px; /*部落格名稱與左邊的距離*/ background:url(https://i.imgur.com/YFXYvFs.jpg) no-repeat center bottom; display:block;} /*部落格置頂功能顏色設定*/ /*招呼語+登入+登出*/ #login-bar{ text-align:left; padding:10px 0px 0px 20px; height:30px; line-height:10px; color:#2A9631;} #login-bar a{color:#2A9631} #login-bar a:hover{color: #;background: #2A9631;} #login-bar .separator{color:#2A9631} #login-bar a:hover { color: #2A9631; background: #3E8637;} /*部落格名稱字體位置*/ #banner { width: 400px; height: 100px; overflow:hidden;} #banner h1 { font-weight:bold; font-family:微軟正黑體; font-size:22px; position:absolute; text-align:left; padding:80 80px;/*第二個數字-部落格名稱字體位置靠左的位置*/ top:20px; margin-top: 90px;/*字體高度*/ margin-left: 600px;/*字體靠左或右*/ } /*部落格名稱的顏色*/ #banner h1 a{ color: #2A9631;} /*部落格字體按下去的顏色*/ #banner h1 a:hover { color: #82B771; /*部落格字體按下去的底色*/ background: #;/*底圖色*/ /*部落格框的虛線顏色*/ border:2px dotted #2A9631;} /*部落格招呼語字體位置*/ #banner h2 { width:300px ; color: #2A9631; margin:25px 0; font-weight:bold; font-family:微軟正黑體; font-size:18px; position:absolute; top:140px;/*字體高度*/ left:620px; /*字體靠左或右*/ line-height:30px;/*字體的行距高度*/ overflow:hidden;} /*跳回主文字體高度*/ .skiplink { position:absolute; top:580px;/*此處需與不設分類字體高度一樣*/ /*部落格招呼語字體-全站分類字位置*/ left:250px; /*此處數字要比不設分類的數字大*/ font-size:16px;} /*跳回主文顏色設定*/ .skiplink a{ color:#2A9631;} /*跳回主文字體按下去的顏色*/ .skiplink a:hover { color: #03830C; background: #;/*底圖色*/ } /*不設分類字體的位置*/ #blog-category { position:absolute; top:580px; /*此處需與跳回主文字體高度一樣*/ left:50px;/*此處數字要比跳回主文的數字小*/ font-size:16px;} /*不設分類字體顏色設定*/ #blog-category a { color: #2A9631;} /*不設分類字體按下去的顏色*/ #blog-category a:hover { color: #03830C; background: #;/*底圖色*/ } #authority { width: 100%; font-size: 16px; text-align: center; border-bottom: 0px solid #; background: #; padding: 5px 1000px;} /*發表文章+管理後台字體顏色設定*/ #authority a { color: #2A9631; background: #FFFFFF; border: 2px solid #82B771;} #authority a:hover { color: #FFFFFF; background: #82B771;} /*四功能鍵位置高度+顏色設定*/ #navigation{ position:absolute; top:580px;/*高度*/ left:710px;/*位置*/ } #navigation li{ float:left;} /*相簿+部落格+留言+名片的框線顏色*/ #navigation a{ background: #;/*框內底色*/ padding: 4px; /*框框上邊顏色*/ border-top:2px solid #2A9631; /*框框左邊顏色*/ border-left:2px solid #2A9631; /*框框右邊顏色*/ border-right: 2px solid #2A9631; /*框框下方顏色*/ border-bottom: 2px solid #2A9631; position:relative; font-weight:bold; font-size:15px; width:50px; height:20px; /*相簿+部落格+留言+名片的字體顏色*/ color:#2A9631; letter-spacing:3pt} /*四功能鍵位框內底色顏色設定*/ #navigation a:hover { color: #2A9631;/*字體的顏色*/ background: #;/*底色*/ } /*------------------留言區底圖及欄位寬度---------------*/ /*留言區底圖*/ #content{ width:1150px ;/*留言區底圖寬度距離需配合左右欄位邊線距離*/ float:right; /*左欄式*/ background:url(https://i.imgur.com/ZFS6orU.jpg) repeat; /*留言區底色*/ background: #E9F3DB;/*底色*//*此處顏色需與中間欄位底色一樣*/ margin:0 auto; margin-left: 20px ;/*留言區底圖寬度距離需配合左右欄位邊線距離*/ margin-top: 10px ;} /*-----公告版欄位設定-----*/ #spotlight{ /*公告欄位底色*/ background:#;/*底色*/ padding:5px; margin-bottom: 5px ; /*公告欄位線框的顏色*/ margin-bottom: 5px ; margin-top: 0px ;/*公告欄位線框的高度*/ border: 8px double #2A9631;} /*公告版欄位標題設定*/ #spotlight h5 { background:url(); /*公告版位標題字體顏色及字型*/ color:#2A9631; font-weight:bold; font-family:微軟正黑體; font-size:22px; /*公告版位標題字體下方虛線顏色*/ border-bottom:2px dotted #2A9631; padding:2px;} /*公告版欄位底圖+顏色+字體及字體大小設定*/ #spotlight-text { background:url(https://i.imgur.com/ZFS6orU.jpg); color:#2A9631; font-weight:bold; font-family:微軟正黑體; font-size:18px; padding:5px;} /*瀏覽模式*/ #display{ text-align:right; margin : 5px 0px ;} /*瀏覽方式這四個字*/ #display span{} /*標題列表/簡短摘要*/ #display a{} /*文章標題*/ .article { clear: both; _height: 1%; position: relative; margin: 0 auto 5px;} /*----------文章區的設定----------*/ /*文章區標題前的圖示*/ .article-head { overflow: hidden; height: 100px; line-height:30px; background: url(https://i.imgur.com/81UtjOC.gif) no-repeat;} .title { font-weight:bold; font-family:微軟正黑體; float:left; font-size:22px; line-height: 30px; padding: 10px 0px 0px 70px;/*第四個數字是文章標題圖與標題的距離*/ } /*文章區標題字體的顏色*/ .title a { color: #2A9631; } .title a:hover{ /*文章區標題字體按下去時的超連結字體顏色*/ color: #82B771; /*文章區標題字體按下去時的框內底色*/ background: #EDFFE2;} .title img { vertical-align: middle; } .article-body {} /*文章發表-字體大小*/ .publish { font-size: 15px; padding: 0 0 0 70px;/*第四個數字是文章標題圖與標題的距離*/ } /*文章發表-月份的顏色*/ .month{color: #2A9631; } /*文章發表-日期的顏色*/ .date { color: #2A9631; } .day{display: none;} /*文章發表-年份的顏色*/ .year{color: #2A9631; } .time { display: none; } /*繼續閱讀小圖與字體色*/ .more { float: right; padding-top: 0px;/*圖片的高度*/ padding-right: 30px;/*圖片與括弧的距離*/ background: url(https://i.imgur.com/PCnR2AV.gif) right no-repeat; margin-right: 20px ;} .more a{ font-weight:bold; font-family:微軟正黑體; font-size: 20px;/*字體大小*/ /*繼續閱讀字體的顏色*/ color:#2A9631;} .more a:hover{ /*繼續閱讀按下去時框內字體的顏色*/ color: #82B771; /*繼續閱讀按下去時超連結的顏色*/ background: #;/*底色*/ } /*作者ID+發表+留言()+人氣的設定*/ .author{ /*作者ID+發表+留言()+人氣-虛線上的顏色*/ background: #; /*作者ID+發表+留言()+人氣的字體顏色*/ color: #2A9631; font-size: 15px; text-align:right ; padding: 0px 15px 10px 0px; margin: 25px 0px 0px 0px; /*文章下方分隔線的顏色*/ border-bottom: 1px dashed #2A9631; line-height: 30px;} /*文章下方痞客幫+留言功能的顏色*/ .author a{ color: #2A9631;} .author a:hover{ /*文章下方痞客幫+留言功能超連結時字體顏色*/ color: #82B771; /*文章下方痞客幫+留言功能超連結底圖色*/ background: #;/*底色*/ } /*文章附加資訊*/ .article-footer{ text-align:right ; color:#2A9631; line-height:20px ;} /*加入書籤*/ .bookmark{ text-align:right ; padding: 20px 0px 0px 0px;} /*個人分類+全站分類+上一篇+下一篇字體顏色*/ .refer{ color:#2A9631; text-align:left; margin: 0px 0px 0px 10px; padding-bottom: 10px; padding-top: 10px ;} /*個人分類按下去時的字體顏色*/ .refer a:hover { color: #82B771; /*文章內頁-全站分類+上一篇+下一篇字體連結時的底色*/ background:#;/*底色*/ } .history{ display:none;} .forward{ text-align:right; margin: 5px 5px 0px 0px;} .forward img{ width: 10px; height: 10px; filter :gray; padding-right: 2px;} /*轉寄文章-E-mail轉寄*/ .forward a:hover { color: #2A9631;/*字體色*/ background: #;/*底色*/ } #article-box{ margin: 10px 0px 0px 0px;} /*標題模式的文章列表*/ .main-list table{ border-collapse : collapse ; width:100% ; margin: 20px 0px 0px 0px;} .main-list table td { /*標題模式的文章列表線框顏色*/ border:1px solid #2A9631; border-top:0px solid #2A9631; border-left:0px solid #2A9631; border-right:0px solid #2A9631;} .main-list td , .main-list th{ padding: 5px ;} /*文章區分隔線*/ .back-to-top { background: #; background-image:url(https://i.imgur.com/tfLLZwH.gif); background-repeat:repeat; padding: 15px 15px 15px 5px; /*第1是字體高度*/ margin: 0px 0px 0px 0px;/*第3個是文章內圖與留言框的距離-第4個是圖與左邊的距離*/ line-height: 20px;/*分隔線圖的高度*/ border: 2px double #2A9631;/*線框的顏色*/ } /*TOP鍵的顏色*/ .back-to-top a{ color: #2A9631;} .back-to-top a:hover { /*TOP鍵按下去時的連結字體顏色*/ color: #008800; /*TOP鍵按下去時的連結顏色*/ background: #;/*底色*/ } /*-----引用+留言區塊設定----*/ /*引用+回應列表列表欄底圖*/ #user-post{ background:#EDFFE2; background:url(https://i.imgur.com/kR3BEb0.jpg) repeat; padding:15px; /*引用+回應列表列表欄線框*/ margin-bottom: 0px ; border: 2px solid #2A9631;/*外框顏色*/ } #trackback-box {text-align: center;} #comment-box {text-align: left;} /*引用與留言分隔線+文字顏色設定*/ .user-post-title { text-align: center; /*-----留言版區各項設定-----*/ /*留言列表-字體顏色*/ color: #2A9631; background:url(https://i.imgur.com/68MJgdg.gif) center no-repeat; font-size:15pt; font-weight: bold; margin: 0 auto; /*留言列表圖檔與上方的距離*/ padding-bottom: 80px; padding-left: 5px;} /*-----留言版上方的圖片與顏色設定-----*/ .post-comment{ /*留言版上方的圖片的高度*/ padding-top: 280px;/數字越小離下方越近*/ padding-bottom: 15px; line-height: 2.8em; height: 100%; font-size: 18px; /*留言版上方的圖片*/ background:url(https://i.imgur.com/hPeKM9t.gif) ; background-repeat: no-repeat; background-position: center top; color: #2A9631; text-align:center;} #trackback-input {width:50%;} /*單一引用*/ .single-post { /*---引用+留言框的線框設定---*/ /*引用+留言框-右線*/ border-right:4px double #2A9631; /*引用+留言框-下線*/ border-bottom:4px double #2A9631; /*引用+留言框-左線*/ border-left:4px double #2A9631; /*引用+留言框-上線*/ border-top:4px double #2A9631; overflow:hidden; _overflow:none; _height:1%; margin:30px 0;} /*引用者資訊*/ .post-info { text-align: center; /*引用+留言框的-中線*/ border-bottom:2px dashed #2A9631; font-weight:600; padding:5px 10px; margin-bottom:10px;} /*單一引用內容*/ .post-text{ float:left; margin-bottom: 10px ;} /*回響區塊*/ #trackback-box .post-text{ width: auto ; float:none ;} /*單一引用內容*/ .post-text{ float:left; margin-bottom: 10px ;} /*回響區塊*/.post-photo { width:120px; float:left;} /*-----留言區底圖及顏色設定-----*/ li.post-photo img { width:70px; height:70px; /*留言區-留言者頭像右+下方線框*/ border:2px double #2A9631;; /*留言區-留言者頭像-上方線框*/ border-top:2px double #2A9631;; /*留言區-留言者頭像-左線框*/ border-left:2px double #2A9631;; /*留言區底圖*/ background:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png) repeat-y; background:#EDFFE2;/*底色*/ padding:4px;} /*版主回覆圖與框顏色設定*/ .reply-text { float:right; width:800px; background:url(https://pic.pimg.tw/moon1230e/1510504562-65207536.jpg) 0px top /*版主回覆區底色*/ no-repeat #FCFFFA; /*版主回覆區-上+左外框顏色*/ border:2px solid #2A9631; /*版主回覆圖區-右框顏色*/ border-right:2px solid #2A9631; /*版主回覆圖區-下框顏色*/ border-bottom:2px solid #2A9631; /*版主回覆圖+文字+框靠左邊的距離設定*/ margin-right:10px; display:inline; /*版主回覆-文字的顏色*/ color:#2A9631; min-height:40px; _height:40px; padding:20px 5px 5px 0px;} /*回覆留言分隔線*/ li.reply-text p { background:url(https://pic.pimg.tw/moon1230e/1513697868-867603417.gif) repeat-x; text-align:right; /*回覆留言的時間位置*/ padding:20px 150px 0px;/*第1是圖與下方文字高度-第4是靠左或右*/ font-size: 18px; /*回覆留言的時間*/ color: #2A9631;} .secret{} /*--發表留言設定--*/ .post-comment a { /*發表留言-字體的顏色*/ color: #2A9631; /*發表留言-框內的顏色*/ background: #FFFFFF; /*發表留言-框框的顏色*/ border: 3px double #2A9631;} /*發表留言連結時-框框內+字的顏色*/ .post-comment a:hover { color: #2A9631;/*字體色*/ background: #;/*底色*/ } /*回響區塊*/ #comment-form { line-height:1.5; margin:10px 0; padding: 0 10px 10px; border: 1px solid #2A9631;/*底色*/ } #comment-form table { width:100%; margin:0 auto; background: #2A9631 url() no-repeat; padding: 10px;} #comment-form th, #comment-form td { border: 1px dashed #2A9631; padding: 5px 10px; text-align: left;} #comment-form input#send-comment { padding:3px 5px; float: right;} #comment-form textarea { width:95%; background:#2A9631 url() right bottom no-repeat; line-height:1.5; height:120px; padding:5px 10px;} /*文章列表*/ .main-list { margin-bottom:15px; padding:10px 0;} .main-list table { width:100%; margin:10px 0;} .main-list h3 { margin-bottom:10px; padding:5px 10px;} .main-list th,.main-list td { border:1px solid #2A9631; padding:3px 10px;} /*頁尾頁數顏色設定*/ .page { clear: both; height: 40px; line-height: 20px; font-size: 15px; text-align: left; background: none; padding: 0px 15px; margin: 6px auto;} .page a { /*頁尾頁數-第1頁框內顏色設定*/ background:#F2FCEF;/*底色*/ margin:0 5px; /*頁尾頁數-第2頁字體顏色設定*/ color: #06AE06; padding:5px 10px;} /*頁尾頁數-第2頁字體顏色設定*/ .page span { color: #06AE06; /*頁尾頁數-第1頁框內顏色設定*/ background:#F9FEF7;/*底色*/ padding:5px 10px;} /*----------側欄區設定----------*/ /*日曆字體+側欄-版主回覆+留言者+個人資訊+文章分類內的+訂閱內+參觀人氣內字體顏色*/ #links{ color: #2A9631;/*字體色*/ width:220px ;/*欄位寬度*/ float:left;/*左欄式*/ margin: 0px 0px 0px -10px ;/第4-中間欄位與左欄框距離*/} #links a{ font-size: 18px; /*日曆上下月份+站方公告+所有瀏覽列表字+文章分類內的展開+最新文章字體+訂閱動態標題*/ color:#2A9631;} /*----------左右欄位設定----------*/ /*左右欄位圖示*/ /*左右欄位-中欄*/ .box{ background:url(https://i.imgur.com/jw3FKo3.png) left top repeat-y; margin-bottom:20px;} .box-title{ height:50px; line-height: 5px; overflow:hidden; /*側欄區標題顏色*/ color:#2A9631; text-align: left; font-weight:bold; /*側欄區標題-字型*/ font-family:微軟正黑體; /*側欄區標題-字型大小*/ font-size:18px; /*左右欄位-上欄*/ background: url(https://i.imgur.com/UdVBJKN.png) left top no-repeat; margin:0px 0px 0px 0px; /*左右欄位-字體的位置*/ padding:50px 0px 0px 58px;/*第一個是字體與欄位上方高度-第四個是文字與欄位左右的距離*/ } /*左右欄位-下欄*/ .box-text{ background:url(https://i.imgur.com/FGi3jIR.png) left bottom no-repeat; text-align: left; line-height: 150%; margin: 0px auto; padding:0 10px; padding-bottom:80px;} /*所有瀏覽列表框顏色*/ .box-more{ text-align:right; margin: 15px 0; padding:2px;} .box-more a{ -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding:2px 2px; float:right ; margin: 0px 30px 0px 0px; /*所有瀏覽列表-框的顏色*/ color:#2A9631; /*所有瀏覽列表-底色*/ background:#;/*底色*/ /*所有文章+瀏覽列表框顏色*/ border: 2px double #2A9631;}/*線框色*/ .box-more a:hover{ color: #2A9631;/*字體色*/ /*所有文章+瀏覽列表內底色*/ background: #;/*底色*/ } /*-----日曆顏色設定-----*/ #calendar table{ width: 100%; /*日曆框內底色*/ margin:0 auto;background:#;}/*底色*/ #calendar th, #calendar td{ text-align:center; padding:1px;} /*上個月發文日期的顏色設定*/ #calendar .calMonthHeader{} #calendar td a{ font-size:11px; display:block; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; /*發文日的框框顏色*/ border: 2px double #028502; font-size:11px; /*發文日的框框內文字顏色*/ color:#21A621; /*發文日的框框內底色*/ background:#E7FAE8;} #category li{margin-left:13px} #murmur li{ background:none; border:0;} .murmur-time{ font:bold 12px Century Gothic; margin-bottom:2px;} .murmur-text{ line-height:160%;} #counter .box-text{padding-left:50px;} #visitor{} #visitor ul,#crumb ul{ overflow: hidden;_overflow: none;_height: 1%; margin-bottom:25px;margin-top:5px;} #visitor li,#crumb li{ float:left; line-height:0; margin:1px;} /*誰來我家+我去誰家的圖片設定*/ margin-right:1px;} #visitor .box-text li , #crumb .box-text li { float: left;padding-left:6px;} #visitor .box-text li a{height:50px;width:50px;display:block;MARGIN: 2px; /*誰來我家的圖*/ background:url(https://pic.pimg.tw/moon1230e/1510455151-3372316660.gif) no-repeat left top;} #crumb .box-text li a{height:50px;width:50px;display:block;MARGIN: 2px; /*我去誰家的圖*/ background:url(https://pic.pimg.tw/moon1230e/1510455151-2620709952.gif) no-repeat left top;} /*我去誰家的框框設定*/ #visitor .box-text li a{ border-right:2px solid #2A9631; border-left:2px solid #2A9631; border-top:2px solid #2A9631; border-bottom:2px solid #2A9631;} #visitor .box-text li a img , #crumb .box-text li a img {visibility:hidden;height:50px;width:50px;padding: 3px;padding-left:3px;} #visitor .box-text li a:hover img , #crumb .box-text li a:hover img {visibility:visible;height:50px;width:50px;} #visitor .box-more , #crumb .box-more {clear:both;} /*文章分類資料夾小圖*/ #category .box-text h6 img{display:none;} #category .box-text{padding-left:20px;padding-bottom:120px;}/*第一是框靠左的距離*/ #category .box-text h6 { background-image:url(https://pic.pimg.tw/moon1230e/1510460249-1784172121.gif);background-repeat:no-repeat; border: 2px double #2A9631;/*框線的粗細度與顏色*/ padding-left:30px; line-height: 30px; font-size: 16px;} /*文章分類-展開小圖*/ #category .box-text li a{ background-image:url(https://pic.pimg.tw/moon1230e/1510460247-495919459.gif); background-repeat:no-repeat; background-position:left; padding-left:20px;} /*文章分類-展開時連結小圖*/ #category .box-text li a:hover{ background:#;/*底色*/ /*文章分類-展開時字體的顏色*/ color:#008800; /*文章分類-展開時框框的顏色*/ border: 2px double #028502; background-image:url(https://pic.pimg.tw/moon1230e/1609176648-285136049-g.gif); background-repeat:no-repeat;} /*最新文章前小圖與顏色設定*/ #recent-article .box-text{padding-left:10px;padding-bottom:50px;} #recent-article li { background-image:url(https://pic.pimg.tw/moon1230e/1510460249-1784172121.gif); background-repeat:no-repeat; background-position:left top; padding-top:18px; padding-bottom:20px; padding-left:10px; line-height: 20px; /*最新文章分隔虛線顏色設定*/ border-bottom: 2px dashed #2A9631;} #recent-article li a:hover { /*最新文章-連結的字體顏色*/ color: #028502; /*最新文章-連結框底色*/ background: #;/*底色*/ } /*---最新回響區設定---*/ /*最新回應前的小圖*/ #latest-comment li{ background-image:url(https://pic.pimg.tw/moon1230e/1510460249-1784172121.gif); background-repeat:no-repeat; background-position:left top; padding-top:18px; padding-bottom:20px; padding-left:15px; line-height: 20px; /*最新回響的字體顏色*/ border-bottom: 3px solid #2A9631;} #latest-comment li a:hover { /*最新文章區-版主回覆的字體顏色*/ color: #2A9631; /*最新文章區-版主回覆內容的底色*/ background: #FCFFFA;/*底色*/ } #latest-comment li span { /*最新文章區-版主回覆的時間顏色*/ color:#2A9631; font-size:.50em; /*最新留言-版主回覆的時間間隔直線*/ border-right:3px solid #2A9631; margin:0 4px 0 0; padding:0 4px 0 0;} /*最新文章區-版主回覆的字體顏色*/ #latest-comment li a { color:#2A9631; display:block; height:50px; overflow:hidden;} /*熱門文章標題小圖*/ #hot-article li { background-image:url(https://pic.pimg.tw/moon1230e/1510460249-1784172121.gif); background-repeat:no-repeat; background-position:left; font-size: 16px; padding-left:25px; line-height: 25px; /*熱門文章-下方虛線顏色*/ border-bottom: 2px dashed #2A9631;} #hot-article li a:hover { /*熱門文章-連結時的顏色*/ color: #028502; /*熱門文章-連結時的底色*/ background: #;/*底色*/ } #search{} #search ul{ overflow: hidden; _overflow: none; _height: 1%;} #search .box-text{padding-left:22px;padding-top:15px;} #search .box-text li{ display: inline;} /*最新引用*/ #latest-trackback li, #latest-comment li, #latest-trackback li, #subscription li{border-bottom: 2px dashed #2A9631;} /*最新引用-引用過去的文章標題*/ #latest-trackback a{ color: #2A9631; background: #F9FEF7;} #latest-trackback a:hover {} #latest-trackback a, #latest-comment a, #subscription a{ display:block; width:100%;} #counter .box-text {font-size:16px;} #feed {} #announce{} #hot-article {} #category h6{} #category li{margin-left:15px;} #category .box-more {} #archive select, #favorite select { width:150px; margin-left:20px;padding-top:0px;} #recent-article li, #announce li, #hot-article li{} /*最新留言顏色設定*/ #latest-comment li, #latest-trackback li, /*最新留言區-間隔虛線*/ #subscription li{border-bottom: 2px dashed #2A9631;}/*間隔虛線*/ #latest-trackback a:hover { color: #2A9631;/*字體色*/ background: #F9FEF7;} #latest-comment a, #latest-trackback a, #subscription a{ display:block; width:100%;} #mylink {font-weight:bold; font-family:微軟正黑體; font-size:18px;} /*單一個我的連結*/ #mylink .inner-box{ text-align: left; padding-left: 25px; font-size: 18px; margin-bottom:5px; color:#2A9631;} #mylink .inner-box li{ margin-left:15px; line-height: 25px;} /*誰來我家顏色設定*/ #mylink a:hover { color: #2A9631;/*字體色*/ background: #F9FEF7;} /*站方公告間隔虛線顏色*/ #announce .box-text li{border-bottom: 2px dashed #2A9631;} #announce a:hover { /*站方公告連結字體顏色*/ color: #2A9631; background: #F9FEF7;} /*頁尾中間欄位底圖+文字顏色設定*/ #footer{ clear:both; padding-top: 20px; /*頁尾中間欄位底圖*/ background:url(https://i.imgur.com/kR3BEb0.jpg) repeat #E4FAA7; _height:1%; text-align: center;} #footer p{color:#929D59;} #bottom , /*頁尾中間欄位-回到頁首+回到主文+免費註冊+客服中心+痞客邦首頁字體的顏色*/ #bottom a{color:#2A9631;} /*頁尾中間欄位文字連結顏色設定*/ #bottom a:hover { /*頁尾中間欄位-回到頁首+回到主文+免費註冊+客服中心+痞客邦首頁字體按下去時的顏色*/ color: #028502;/*字體色*/ background: #F9FEF7;/*底色*/ } /*文章搜尋設定*/ input, textarea { vertical-align: middle; font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif; font-size: 1.0em; /*文章搜尋-字體的顏色*/ color: #2A9631; /*文章搜尋-框框的顏色*/ border: 3px double #06AE06; /*文章搜尋-框內的顏色*/ background: #F2FCEF; /*文章搜尋-框內的底圖顏色*/ background-image:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png) ; padding: 2px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} /*文章搜尋-框內字體顏色+寬度設定*/ input#search-target { width: 150px; color: #2A9631; background-image:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png) ;} /*文章精選設定*/ select { font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif; font-size: 1.0em; /*文章精選+發文的年月份-字體的顏色*/ color: #2A9631; /*文章精選-框框的顏色*/ border: 2px solid #028502; /*文章精選-框內的顏色*/ background: #F2FCEF; background-image:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png) ; padding: 2px;width:90%;} /*下列語法請勿任意更改變動 ↓ */ #content .recommended-posts {display:none;} #blog468x60Banner{display:none !important;} #container #links-row-1 div.hslice[id*="-mib-"], #container #links-row-1 div.hslice[id*="-Mib-"], #container #links-row-1 div.hslice[id*="-mIb-"], #container #links-row-1 div.hslice[id*="-miB-"]{ display:none !important;} /*各式去廣告語法*/ /*去除網頁閒置時出現廣告*/ #idle-pop {display: none;} /*文章下方廣告無動態*/ #content .recommended-posts {display:none;} #blog468x60Banner{display:none !important;} /*去除部落格上方廣白框廣告*/ #content .recommended-posts3 ul li > :nth-child(1):not([class*="source-emma"]) { display: none;} #comment-text ul li.post-info > span.user-name img{display:none;} #idle-pop , #ad-full-page , .article-inread-ad {display:none;} /* CSS for Blocking Pixnet AD */ #pixblogad-banner2, #idle-pop, /* 閒置廣告 */ #ad-full-page, /* 蓋版廣告 */ /* 推薦文章的下一行 */ #content .article-body div:last-child > div:first-child, #comment-text > div, /* 留言中廣告 */ .article-content-inner .article-inread-ad /* 內文廣告 */ { display:none!important; height:0!important} .article-body .trv-player-container, /* 右下廣告影片輪播 */ .article-content-inner .article-inread-ad /* 內文廣告 */ { /* 移除推薦文章中的廣告, 並調整顯示樣式 */ #content ul.demo, #content ul.demo li a { width:100%; border-left:none } #content ul.demo li { border-right:1px solid #ccc; width:32% !important } #content ul.demo li:nth-child(1) { border-left:1px solid #ccc; margin-left:2% } #content ul.demo li div[id^="pixad"] { display:none !important } /*-- 刪除邊線 --*/ #article-main .author-profile .author-profile__subscribe {border:0;} #_popIn_recommend_article, div[id*="dablewidget"] {display:none !important;} NO.12粽情四海-右欄式版型語法(2025年6月9日修正版) 右欄式 /*CSS reset*/ html{ margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 100%; vertical-align: baseline; background: transparent;} /* ------------ IE瀏覽器捲軸的顏色設定 ------------ */ html{ SCROLLBAR-ARROW-COLOR:#1F5C1A;/*上下箭頭*/ SCROLLBAR-FACE-COLOR:#3B8E32;/*軸的主體色*/ SCROLLBAR-DARKSHADOW-COLOR:#26711F;/*右及下方框線*/ SCROLLBAR-HIGHLIGHT-COLOR:#26711F;/*左及上方框線*/ SCROLLBAR-SHADOW-COLOR:#21741A;/*右及下方框線*/ SCROLLBAR-TRACK-COLOR:#E7FEE5;/*軸的底色*/ SCROLLBAR-3DLIGHT-COLOR:#21741A;/*左及上方框線*/ } /* ------------Google瀏覽器的捲軸設定 ------------ */ ::-webkit-scrollbar{ /*捲軸的底色*/ background-color:#E7FEE5;} ::-webkit-scrollbar-thumb{ /*捲軸主體的顏色*/ background-color:#3B8E32; -webkit-border-radius: 6px ;} ::-webkit-scrollbar-button:vertical:decrement{ /* 捲軸上方的箭頭 */ background-image: url("https://i.imgur.com/3oB6rcb.png"); background-repeat: no-repeat;} ::-webkit-scrollbar-button:vertical:increment { /* 捲軸下方的箭頭 */ background-image: url("https://i.imgur.com/JOv8fEO.png") ; background-repeat: no-repeat;} #comment-form table{width: 96% ;margin: 0 auto ;} #comment-form td , #comment-form th{border: 1px solid #43963A;padding: 3px 5px;} .article-content p{ margin-bottom:1em;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;} table { border-collapse:collapse; border-spacing:0;} /*日曆框的顏色設定*/ td { border: 1px solid #14C604;} fieldset,img { border:0;} address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal;} ol,ul { list-style:none;} caption,th { text-align:left;} h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;} q:before,q:after { content:'';} abbr,acronym { border:0;} pre{ font-size: 1em ;} .article-content{ _height: 1% ; overflow: hidden ; _overflow: none;} /*全站分類+日曆+文章區內文+版主回覆字+文章分類標題+個人資訊欄+本日+累積人氣等字體顏色設定*/ body { color:#2A9631; font-size:15pt; font-family:"Century Gothic"; line-height:180%; /*---部落格背景重覆底圖---*/ background-image:url(http://i.imgur.com/3DKsiMi.jpg); background-repeat:repeat; background-position:undefined;} /*部落格中間欄位底圖*/ #container{ width: 1460px; background: url("https://i.imgur.com/kR3BEb0.jpg") repeat-y left top; margin: 0 auto;} /*部落格中間欄位重覆底圖*/ #container2{ background: url(//) no-repeat center bottom; display:block;} #container3 { overflow:hidden; position:relative;} /*中間欄位寬度設定*/ #main{ #main{width:1460px;margin:auto;} #content{line-height:180%;width:1100px;padding-right:10px;padding- bottom:15px;overflow:hidden;}/*中間欄位寬度*/ background:url() repeat-y center ; overflow:hidden; padding:20px 20px;/*公告欄與主圖距離*/ _height: 1%; } #body-div{} /*置頂及廣告字+關鍵字+個人分類後的標題+文章內留言IDE-mail轉寄+免費註冊文字顏色設定*/ a, a:link, a:visited{color:#2A9631;text-decoration:none;} a:hover{color:#2A9631;position:relative;top:2px;background:url(https://i.imgur.com/EOA9zY3.gif) repeat-x bottom;} /*版型主圖高度+部落格名稱位置*/ #header{ height: 630px;/*版型主圖寬1440高度630*/ padding-left: 100px; /*部落格名稱與左邊的距離*/ background:url(https://i.imgur.com/YFXYvFs.jpg) no-repeat center bottom; display:block;} /*部落格置頂功能顏色設定*/ /*招呼語+登入+登出*/ #login-bar{ text-align:left; padding:10px 0px 0px 20px; height:30px; line-height:10px; color:#2A9631;} #login-bar a{color:#2A9631} #login-bar a:hover{color: #;background: #2A9631;} #login-bar .separator{color:#2A9631} #login-bar a:hover { color: #2A9631; background: #3E8637;} /*部落格名稱字體位置*/ #banner { width: 400px; height: 100px; overflow:hidden;} #banner h1 { font-weight:bold; font-family:微軟正黑體; font-size:22px; position:absolute; text-align:left; padding:80 80px;/*第二個數字-部落格名稱字體位置靠左的位置*/ top:20px; margin-top: 90px;/*字體高度*/ margin-left: 600px;/*字體靠左或右*/ } /*部落格名稱的顏色*/ #banner h1 a{ color: #2A9631;} /*部落格字體按下去的顏色*/ #banner h1 a:hover { color: #82B771; /*部落格字體按下去的底色*/ background: #;/*底圖色*/ /*部落格框的虛線顏色*/ border:2px dotted #2A9631;} /*部落格招呼語字體位置*/ #banner h2 { width:300px ; color: #2A9631; margin:25px 0; font-weight:bold; font-family:微軟正黑體; font-size:18px; position:absolute; top:140px;/*字體高度*/ left:620px; /*字體靠左或右*/ line-height:30px;/*字體的行距高度*/ overflow:hidden;} /*跳回主文字體高度*/ .skiplink { position:absolute; top:580px;/*此處需與不設分類字體高度一樣*/ /*部落格招呼語字體-全站分類字位置*/ left:250px; /*此處數字要比不設分類的數字大*/ font-size:16px;} /*跳回主文顏色設定*/ .skiplink a{ color:#2A9631;} /*跳回主文字體按下去的顏色*/ .skiplink a:hover { color: #03830C; background: #;/*底圖色*/ } /*不設分類字體的位置*/ #blog-category { position:absolute; top:580px; /*此處需與跳回主文字體高度一樣*/ left:50px;/*此處數字要比跳回主文的數字小*/ font-size:16px;} /*不設分類字體顏色設定*/ #blog-category a { color: #2A9631;} /*不設分類字體按下去的顏色*/ #blog-category a:hover { color: #03830C; background: #;/*底圖色*/ } #authority { width: 100%; font-size: 16px; text-align: center; border-bottom: 0px solid #; background: #; padding: 5px 1000px;} /*發表文章+管理後台字體顏色設定*/ #authority a { color: #2A9631; background: #FFFFFF; border: 2px solid #82B771;} #authority a:hover { color: #FFFFFF; background: #82B771;} /*四功能鍵位置高度+顏色設定*/ #navigation{ position:absolute; top:580px;/*高度*/ left:710px;/*位置*/ } #navigation li{ float:left;} /*相簿+部落格+留言+名片的框線顏色*/ #navigation a{ background: #;/*框內底色*/ padding: 4px; /*框框上邊顏色*/ border-top:2px solid #2A9631; /*框框左邊顏色*/ border-left:2px solid #2A9631; /*框框右邊顏色*/ border-right: 2px solid #2A9631; /*框框下方顏色*/ border-bottom: 2px solid #2A9631; position:relative; font-weight:bold; font-size:15px; width:50px; height:20px; /*相簿+部落格+留言+名片的字體顏色*/ color:#2A9631; letter-spacing:3pt} /*四功能鍵位框內底色顏色設定*/ #navigation a:hover { color: #2A9631;/*字體的顏色*/ background: #;/*底色*/ } /*------------------留言區底圖及欄位寬度---------------*/ /*留言區底圖*/ #content{ width:1150px ;/*留言區底圖寬度距離需配合左右欄位邊線距離*/ float:left ; /*右欄式*/ background:url(https://i.imgur.com/ZFS6orU.jpg) repeat; /*留言區底色*/ background: #E9F3DB;/*底色*//*此處顏色需與中間欄位底色一樣*/ margin:0 auto; margin-left: 30px ;/*留言區底圖寬度距離需配合左右欄位邊線距離*/ margin-top: 10px ;} /*-----公告版欄位設定-----*/ #spotlight{ /*公告欄位底色*/ background:#;/*底色*/ padding:5px; margin-bottom: 5px ; /*公告欄位線框的顏色*/ margin-bottom: 5px ; margin-top: 0px ;/*公告欄位線框的高度*/ border: 8px double #2A9631;} /*公告版欄位標題設定*/ #spotlight h5 { background:url(); /*公告版位標題字體顏色及字型*/ color:#2A9631; font-weight:bold; font-family:微軟正黑體; font-size:22px; /*公告版位標題字體下方虛線顏色*/ border-bottom:2px dotted #2A9631; padding:2px;} /*公告版欄位底圖+顏色+字體及字體大小設定*/ #spotlight-text { background:url(https://i.imgur.com/ZFS6orU.jpg); color:#2A9631; font-weight:bold; font-family:微軟正黑體; font-size:18px; padding:5px;} /*瀏覽模式*/ #display{ text-align:right; margin : 5px 0px ;} /*瀏覽方式這四個字*/ #display span{} /*標題列表/簡短摘要*/ #display a{} /*文章標題*/ .article { clear: both; _height: 1%; position: relative; margin: 0 auto 5px;} /*----------文章區的設定----------*/ /*文章區標題前的圖示*/ .article-head { overflow: hidden; height: 100px; line-height:30px; background: url(https://i.imgur.com/81UtjOC.gif) no-repeat;} .title { font-weight:bold; font-family:微軟正黑體; float:left; font-size:22px; line-height: 30px; padding: 10px 0px 0px 70px;/*第四個數字是文章標題圖與標題的距離*/ } /*文章區標題字體的顏色*/ .title a { color: #2A9631; } .title a:hover{ /*文章區標題字體按下去時的超連結字體顏色*/ color: #82B771; /*文章區標題字體按下去時的框內底色*/ background: #EDFFE2;} .title img { vertical-align: middle; } .article-body {} /*文章發表-字體大小*/ .publish { font-size: 15px; padding: 0 0 0 70px;/*第四個數字是文章標題圖與標題的距離*/ } /*文章發表-月份的顏色*/ .month{color: #2A9631; } /*文章發表-日期的顏色*/ .date { color: #2A9631; } .day{display: none;} /*文章發表-年份的顏色*/ .year{color: #2A9631; } .time { display: none; } /*繼續閱讀小圖與字體色*/ .more { float: right; padding-top: 0px;/*圖片的高度*/ padding-right: 30px;/*圖片與括弧的距離*/ background: url(https://i.imgur.com/PCnR2AV.gif) right no-repeat; margin-right: 20px ;} .more a{ font-weight:bold; font-family:微軟正黑體; font-size: 20px;/*字體大小*/ /*繼續閱讀字體的顏色*/ color:#2A9631;} .more a:hover{ /*繼續閱讀按下去時框內字體的顏色*/ color: #82B771; /*繼續閱讀按下去時超連結的顏色*/ background: #;/*底色*/ } /*作者ID+發表+留言()+人氣的設定*/ .author{ /*作者ID+發表+留言()+人氣-虛線上的顏色*/ background: #; /*作者ID+發表+留言()+人氣的字體顏色*/ color: #2A9631; font-size: 15px; text-align:right ; padding: 0px 15px 10px 0px; margin: 25px 0px 0px 0px; /*文章下方分隔線的顏色*/ border-bottom: 1px dashed #2A9631; line-height: 30px;} /*文章下方痞客幫+留言功能的顏色*/ .author a{ color: #2A9631;} .author a:hover{ /*文章下方痞客幫+留言功能超連結時字體顏色*/ color: #82B771; /*文章下方痞客幫+留言功能超連結底圖色*/ background: #;/*底色*/ } /*文章附加資訊*/ .article-footer{ text-align:right ; color:#2A9631; line-height:20px ;} /*加入書籤*/ .bookmark{ text-align:right ; padding: 20px 0px 0px 0px;} /*個人分類+全站分類+上一篇+下一篇字體顏色*/ .refer{ color:#2A9631; text-align:left; margin: 0px 0px 0px 10px; padding-bottom: 10px; padding-top: 10px ;} /*個人分類按下去時的字體顏色*/ .refer a:hover { color: #82B771; /*文章內頁-全站分類+上一篇+下一篇字體連結時的底色*/ background:#;/*底色*/ } .history{ display:none;} .forward{ text-align:right; margin: 5px 5px 0px 0px;} .forward img{ width: 10px; height: 10px; filter :gray; padding-right: 2px;} /*轉寄文章-E-mail轉寄*/ .forward a:hover { color: #2A9631;/*字體色*/ background: #;/*底色*/ } #article-box{ margin: 10px 0px 0px 0px;} /*標題模式的文章列表*/ .main-list table{ border-collapse : collapse ; width:100% ; margin: 20px 0px 0px 0px;} .main-list table td { /*標題模式的文章列表線框顏色*/ border:1px solid #2A9631; border-top:0px solid #2A9631; border-left:0px solid #2A9631; border-right:0px solid #2A9631; } .main-list td , .main-list th{ padding: 5px ;} /*文章區分隔線*/ .back-to-top { background: #; background-image:url(https://i.imgur.com/tfLLZwH.gif); background-repeat:repeat; padding: 15px 15px 15px 5px; /*第1是字體高度*/ margin: 0px 0px 0px 0px;/*第3個是文章內圖與留言框的距離-第4個是圖與左邊的距離*/ line-height: 20px;/*分隔線圖的高度*/ border: 2px double #2A9631;/*線框的顏色*/ } /*TOP鍵的顏色*/ .back-to-top a{ color: #2A9631;} .back-to-top a:hover { /*TOP鍵按下去時的連結字體顏色*/ color: #008800; /*TOP鍵按下去時的連結顏色*/ background: #;/*底色*/ } /*-----引用+留言區塊設定----*/ /*引用+回應列表列表欄底圖*/ #user-post{ background:#EDFFE2; background:url(https://i.imgur.com/kR3BEb0.jpg) repeat; padding:15px; /*引用+回應列表列表欄線框*/ margin-bottom: 0px ; border: 2px solid #2A9631;/*外框顏色*/ } #trackback-box {text-align: center;} #comment-box {text-align: left;} /*引用與留言分隔線+文字顏色設定*/ .user-post-title { text-align: center; /*-----留言版區各項設定-----*/ /*留言列表-字體顏色*/ color: #2A9631; background:url(https://i.imgur.com/68MJgdg.gif) center no-repeat; font-size:15pt; font-weight: bold; margin: 0 auto; /*留言列表圖檔與上方的距離*/ padding-bottom: 80px; padding-left: 5px;} /*-----留言版上方的圖片與顏色設定-----*/ .post-comment{ /*留言版上方的圖片的高度*/ padding-top: 280px;/數字越小離下方越近*/ padding-bottom: 15px; line-height: 2.8em; height: 100%; font-size: 18px; /*留言版上方的圖片*/ background:url(https://i.imgur.com/hPeKM9t.gif) ; background-repeat: no-repeat; background-position: center top; color: #2A9631; text-align:center;} #trackback-input {width:50%;} /*單一引用*/ .single-post { /*---引用+留言框的線框設定---*/ /*引用+留言框-右線*/ border-right:4px double #2A9631; /*引用+留言框-下線*/ border-bottom:4px double #2A9631; /*引用+留言框-左線*/ border-left:4px double #2A9631; /*引用+留言框-上線*/ border-top:4px double #2A9631; overflow:hidden; _overflow:none; _height:1%; margin:30px 0;} /*引用者資訊*/ .post-info { text-align: center; /*引用+留言框的-中線*/ border-bottom:2px dashed #2A9631; font-weight:600; padding:5px 10px; margin-bottom:10px;} /*單一引用內容*/ .post-text{ float:left; margin-bottom: 10px ;} /*回響區塊*/ #trackback-box .post-text{ width: auto ; float:none ;} /*單一引用內容*/ .post-text{ float:left; margin-bottom: 10px ;} /*回響區塊*/ .post-photo { width:120px; float:left;} /*-----留言區底圖及顏色設定-----*/ li.post-photo img { width:70px; height:70px; /*留言區-留言者頭像右+下方線框*/ border:2px double #2A9631;; /*留言區-留言者頭像-上方線框*/ border-top:2px double #2A9631;; /*留言區-留言者頭像-左線框*/ border-left:2px double #2A9631;; /*留言區底圖*/ background:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png) repeat-y; background:#EDFFE2;/*底色*/ padding:4px;} /*版主回覆圖與框顏色設定*/ .reply-text { float:right; width:800px; background:url(https://pic.pimg.tw/moon1230e/1510504562-65207536.jpg) 0px top /*版主回覆區底色*/ no-repeat #FCFFFA; /*版主回覆區-上+左外框顏色*/ border:2px solid #2A9631; /*版主回覆圖區-右框顏色*/ border-right:2px solid #2A9631; /*版主回覆圖區-下框顏色*/ border-bottom:2px solid #2A9631; /*版主回覆圖+文字+框靠左邊的距離設定*/ margin-right:10px; display:inline; /*版主回覆-文字的顏色*/ color:#2A9631; min-height:40px; _height:40px; padding:20px 5px 5px 0px;} /*回覆留言分隔線*/ li.reply-text p { background:url(https://pic.pimg.tw/moon1230e/1513697868-867603417.gif) repeat-x; text-align:right; /*回覆留言的時間位置*/ padding:20px 150px 0px;/*第1是圖與下方文字高度-第4是靠左或右*/ font-size: 18px; /*回覆留言的時間*/ color: #2A9631;} .secret{} /*--發表留言設定--*/ .post-comment a { /*發表留言-字體的顏色*/ color: #2A9631; /*發表留言-框內的顏色*/ background: #FFFFFF; /*發表留言-框框的顏色*/ border: 3px double #2A9631;} /*發表留言連結時-框框內+字的顏色*/ .post-comment a:hover { color: #2A9631;/*字體色*/ background: #;/*底色*/ } /*回響區塊*/ #comment-form { line-height:1.5; margin:10px 0; padding: 0 10px 10px; border: 1px solid #2A9631;/*底色*/ } #comment-form table { width:100%; margin:0 auto; background: #2A9631 url() no-repeat; padding: 10px;} #comment-form th, #comment-form td { border: 1px dashed #2A9631; padding: 5px 10px; text-align: left;} #comment-form input#send-comment { padding:3px 5px; float: right;} #comment-form textarea { width:95%; background:#2A9631 url() right bottom no-repeat; line-height:1.5; height:120px; padding:5px 10px;} /*文章列表*/ .main-list { margin-bottom:15px; padding:10px 0;} .main-list table { width:100%; margin:10px 0;} .main-list h3 { margin-bottom:10px; padding:5px 10px;} .main-list th,.main-list td { border:1px solid #2A9631; padding:3px 10px;} /*頁尾頁數顏色設定*/ .page { clear: both; height: 40px; line-height: 20px; font-size: 15px; text-align: left; background: none; padding: 0px 15px; margin: 6px auto;} .page a { /*頁尾頁數-第1頁框內顏色設定*/ background:#F2FCEF;/*底色*/ margin:0 5px; /*頁尾頁數-第2頁字體顏色設定*/ color: #06AE06; padding:5px 10px;} /*頁尾頁數-第2頁字體顏色設定*/ .page span { color: #06AE06; /*頁尾頁數-第1頁框內顏色設定*/ background:#F9FEF7;/*底色*/ padding:5px 10px;} /*----------側欄區設定----------*/ /*日曆字體+側欄-版主回覆+留言者+個人資訊+文章分類內的+訂閱內+參觀人氣內字體顏色*/ #links{ color: #2A963;/*字體顏色*/ width:200px ;/*欄位寬度*/ float:right;/*右欄式*/ margin: 15px 0px 0px -10px ;}/*第1欄位高度-第4與欄框距離*/ /*日曆上下月份+站方公告+所有瀏覽列表字+文章分類內的展開+最新文章字體+訂閱動態標題*/ #links a{ font-size: 18px;/*字體大小*/ color:#2A9631;}/*字體顏色*/ /*----------左右欄位設定----------*/ /*左右欄位圖示*/ /*左右欄位-中欄*/ .box{ background:url(https://i.imgur.com/jw3FKo3.png) left top repeat-y; margin-bottom:20px;} .box-title{ height:50px; line-height: 5px; overflow:hidden; /*側欄區標題顏色*/ color:#2A9631; text-align: left; font-weight:bold; /*側欄區標題-字型*/ font-family:微軟正黑體; /*側欄區標題-字型大小*/ font-size:18px; /*左右欄位-上欄*/ background: url(https://i.imgur.com/UdVBJKN.png) left top no-repeat; margin:0px 0px 0px 0px; /*左右欄位-字體的位置*/ padding:50px 0px 0px 58px;/*第一個是字體與欄位上方高度-第四個是文字與欄位左右的距離*/ } /*左右欄位-下欄*/ .box-text{ background:url(https://i.imgur.com/FGi3jIR.png) left bottom no-repeat; text-align: left; line-height: 150%; margin: 0px auto; padding:0 10px; padding-bottom:80px;} /*所有瀏覽列表框顏色*/ .box-more{ text-align:right; margin: 15px 0; padding:2px;} .box-more a{ -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding:2px 2px; float:right ; margin: 0px 30px 0px 0px; /*所有瀏覽列表-框的顏色*/ color:#2A9631; /*所有瀏覽列表-底色*/ background:#;/*底色*/ /*所有文章+瀏覽列表框顏色*/ border: 2px double #2A9631;}/*線框色*/ .box-more a:hover{ color: #2A9631;/*字體色*/ /*所有文章+瀏覽列表內底色*/ background: #;/*底色*/ } /*-----日曆顏色設定-----*/ #calendar table{ width: 100%; /*日曆框內底色*/ margin:0 auto;background:#;}/*底色*/ #calendar th, #calendar td{ text-align:center; padding:1px;} /*上個月發文日期的顏色設定*/ #calendar .calMonthHeader{} #calendar td a{ font-size:11px; display:block; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; /*發文日的框框顏色*/ border: 2px double #028502; font-size:11px; /*發文日的框框內文字顏色*/ color:#21A621; /*發文日的框框內底色*/ background:#E7FAE8;} #category li{margin-left:13px} #murmur li{ background:none; border:0;} .murmur-time{ font:bold 12px Century Gothic; margin-bottom:2px;} .murmur-text{ line-height:160%;} #counter .box-text{padding-left:50px;} #visitor{} #visitor ul,#crumb ul{ overflow: hidden;_overflow: none;_height: 1%; margin-bottom:25px;margin-top:5px;} #visitor li,#crumb li{ float:left; line-height:0; margin:1px;} /*誰來我家+我去誰家的圖片設定*/ margin-right:1px;} #visitor .box-text li , #crumb .box-text li { float: left;padding-left:6px;} #visitor .box-text li a{height:50px;width:50px;display:block;MARGIN: 2px; /*誰來我家的圖*/ background:url(https://pic.pimg.tw/moon1230e/1510455151-3372316660.gif) no-repeat left top;} #crumb .box-text li a{height:50px;width:50px;display:block;MARGIN: 2px; /*我去誰家的圖*/ background:url(https://pic.pimg.tw/moon1230e/1510455151-2620709952.gif) no-repeat left top;} /*我去誰家的框框設定*/ #visitor .box-text li a{ border-right:2px solid #2A9631; border-left:2px solid #2A9631; border-top:2px solid #2A9631; border-bottom:2px solid #2A9631;} #visitor .box-text li a img , #crumb .box-text li a img {visibility:hidden;height:50px;width:50px;padding: 3px;padding-left:3px;} #visitor .box-text li a:hover img , #crumb .box-text li a:hover img {visibility:visible;height:50px;width:50px;} #visitor .box-more , #crumb .box-more {clear:both;} /*文章分類資料夾小圖*/ #category .box-text h6 img{display:none;} #category .box-text{padding-left:20px;padding-bottom:120px;}/*第一是框靠左的距離*/ #category .box-text h6 { background-image:url(https://pic.pimg.tw/moon1230e/1510460249-1784172121.gif);background-repeat:no-repeat; border: 2px double #2A9631;/*框線的粗細度與顏色*/ padding-left:30px; line-height: 30px; font-size: 16px;} /*文章分類-展開小圖*/ #category .box-text li a{ background-image:url(https://pic.pimg.tw/moon1230e/1510460247-495919459.gif); background-repeat:no-repeat; background-position:left; padding-left:20px;} /*文章分類-展開時連結小圖*/ #category .box-text li a:hover{ background:#;/*底色*/ /*文章分類-展開時字體的顏色*/ color:#008800; /*文章分類-展開時框框的顏色*/ border: 2px double #028502; background-image:url(https://pic.pimg.tw/moon1230e/1609176648-285136049-g.gif); background-repeat:no-repeat;} /*最新文章前小圖與顏色設定*/ #recent-article .box-text{padding-left:10px;padding-bottom:50px;} #recent-article li { background-image:url(https://pic.pimg.tw/moon1230e/1510460249-1784172121.gif); background-repeat:no-repeat; background-position:left top; padding-top:18px; padding-bottom:20px; padding-left:10px; line-height: 20px; /*最新文章分隔虛線顏色設定*/ border-bottom: 2px dashed #2A9631;} #recent-article li a:hover { /*最新文章-連結的字體顏色*/ color: #028502; /*最新文章-連結框底色*/ background: #;/*底色*/ } /*---最新回響區設定---*/ /*最新回應前的小圖*/ #latest-comment li{ background-image:url(https://pic.pimg.tw/moon1230e/1510460249-1784172121.gif); background-repeat:no-repeat; background-position:left top; padding-top:18px; padding-bottom:20px; padding-left:15px; line-height: 20px; /*最新回響的字體顏色*/ border-bottom: 3px solid #2A9631;} #latest-comment li a:hover { /*最新文章區-版主回覆的字體顏色*/ color: #2A9631; /*最新文章區-版主回覆內容的底色*/ background: #FCFFFA;/*底色*/ } #latest-comment li span { /*最新文章區-版主回覆的時間顏色*/ color:#2A9631; font-size:.50em; /*最新留言-版主回覆的時間間隔直線*/ border-right:3px solid #2A9631; margin:0 4px 0 0; padding:0 4px 0 0;} /*最新文章區-版主回覆的字體顏色*/ #latest-comment li a { color:#2A9631; display:block; height:50px; overflow:hidden;} /*熱門文章標題小圖*/ #hot-article li { background-image:url(https://pic.pimg.tw/moon1230e/1510460249-1784172121.gif); background-repeat:no-repeat; background-position:left; font-size: 16px; padding-left:25px; line-height: 25px; /*熱門文章-下方虛線顏色*/ border-bottom: 2px dashed #2A9631;} #hot-article li a:hover { /*熱門文章-連結時的顏色*/ color: #028502; /*熱門文章-連結時的底色*/ background: #;/*底色*/ } #search{} #search ul{ overflow: hidden; _overflow: none; _height: 1%;} #search .box-text{padding-left:22px;padding-top:15px;} #search .box-text li{ display: inline;} /*最新引用*/ #latest-trackback li, #latest-comment li, #latest-trackback li, #subscription li{border-bottom: 2px dashed #2A9631;} /*最新引用-引用過去的文章標題*/ #latest-trackback a{ color: #2A9631; background: #F9FEF7; } #latest-trackback a:hover { } #latest-trackback a, #latest-comment a, #subscription a{ display:block; width:100%;} #counter .box-text {font-size:16px;} #feed {} #announce{} #hot-article {} #category h6{} #category li{margin-left:15px;} #category .box-more {} #archive select, #favorite select { width:150px; margin-left:20px;padding-top:0px;} #recent-article li, #announce li, #hot-article li{} /*最新留言顏色設定*/ #latest-comment li, #latest-trackback li, /*最新留言區-間隔虛線*/ #subscription li{border-bottom: 2px dashed #2A9631;}/*間隔虛線*/ #latest-trackback a:hover { color: #2A9631;/*字體色*/ background: #F9FEF7;} #latest-comment a, #latest-trackback a, #subscription a{ display:block; width:100%;} #mylink {font-weight:bold; font-family:微軟正黑體; font-size:18px;} /*單一個我的連結*/ #mylink .inner-box{ text-align: left; padding-left: 25px; font-size: 18px; margin-bottom:5px; color:#2A9631;} #mylink .inner-box li{ margin-left:15px; line-height: 25px;} /*誰來我家顏色設定*/ #mylink a:hover { color: #2A9631;/*字體色*/ background: #F9FEF7;} /*站方公告間隔虛線顏色*/ #announce .box-text li{border-bottom: 2px dashed #2A9631;} #announce a:hover { /*站方公告連結字體顏色*/ color: #2A9631; background: #F9FEF7;} /*頁尾中間欄位底圖+文字顏色設定*/ #footer{ clear:both; padding-top: 20px; /*頁尾中間欄位底圖*/ background:url(https://i.imgur.com/kR3BEb0.jpg) repeat #E4FAA7; _height:1%; text-align: center;} #footer p{color:#929D59;} #bottom , /*頁尾中間欄位-回到頁首+回到主文+免費註冊+客服中心+痞客邦首頁字體的顏色*/ #bottom a{color:#2A9631;} /*頁尾中間欄位文字連結顏色設定*/ #bottom a:hover { /*頁尾中間欄位-回到頁首+回到主文+免費註冊+客服中心+痞客邦首頁字體按下去時的顏色*/ color: #028502;/*字體色*/ background: #F9FEF7;/*底色*/ } /*文章搜尋設定*/ input, textarea { vertical-align: middle; font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif; font-size: 1.0em; /*文章搜尋-字體的顏色*/ color: #2A9631; /*文章搜尋-框框的顏色*/ border: 3px double #06AE06; /*文章搜尋-框內的顏色*/ background: #F2FCEF; /*文章搜尋-框內的底圖顏色*/ background-image:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png) ; padding: 2px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} /*文章搜尋-框內字體顏色+寬度設定*/ input#search-target { width: 150px; color: #2A9631; background-image:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png) ;} /*文章精選設定*/ select { font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif; font-size: 1.0em; /*文章精選+發文的年月份-字體的顏色*/ color: #2A9631; /*文章精選-框框的顏色*/ border: 2px solid #028502; /*文章精選-框內的顏色*/ background: #F2FCEF; background-image:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png) ; padding: 2px;width:90%;} /*下列語法請勿任意更改變動 ↓ */ #content .recommended-posts {display:none;} #blog468x60Banner{display:none !important;} #container #links-row-1 div.hslice[id*="-mib-"], #container #links-row-1 div.hslice[id*="-Mib-"], #container #links-row-1 div.hslice[id*="-mIb-"], #container #links-row-1 div.hslice[id*="-miB-"]{ display:none !important;} /*各式去廣告語法*/ /*去除網頁閒置時出現廣告*/ #idle-pop {display: none;} /*文章下方廣告無動態*/ #content .recommended-posts {display:none;} #blog468x60Banner{display:none !important;} /*去除部落格上方廣白框廣告*/ #content .recommended-posts3 ul li > :nth-child(1):not([class*="source-emma"]) { display: none;} #comment-text ul li.post-info > span.user-name img{display:none;} #idle-pop , #ad-full-page , .article-inread-ad {display:none;} /* CSS for Blocking Pixnet AD */ #pixblogad-banner2, #idle-pop, /* 閒置廣告 */ #ad-full-page, /* 蓋版廣告 */ /* 推薦文章的下一行 */ #content .article-body div:last-child > div:first-child, #comment-text > div, /* 留言中廣告 */ .article-content-inner .article-inread-ad /* 內文廣告 */ { display:none!important;height:0!important} .article-body .trv-player-container, /* 右下廣告影片輪播 */ .article-content-inner .article-inread-ad /* 內文廣告 */ { /* 移除推薦文章中的廣告, 並調整顯示樣式 */ #content ul.demo, #content ul.demo li a { width:100%; border-left:none } #content ul.demo li { border-right:1px solid #ccc; width:32% !important } #content ul.demo li:nth-child(1) { border-left:1px solid #ccc; margin-left:2% } #content ul.demo li div[id^="pixad"] { display:none !important } /*-- 刪除邊線 --*/ #article-main .author-profile .author-profile__subscribe {border:0;} #_popIn_recommend_article, div[id*="dablewidget"] {display:none !important;}
*****
*****
月用心有資質喔~^^真不是蓋的..版頭很應景呢.
呵呵...十分配合節令的版型耶. 月的大方分享真讚^^ 晚安喔~
很應景的設計
呵? 要不是見到你的端午版型, 我忙得差點把要到端午節的事忘了...... 嗯,看來我也要製一個應節的版型. 我在ru 格子中,見你留言提到安裝"一鍵還原". 我想請問一下,若電腦出了問題, 按下你說的F2或F10鍵後, 此"一鍵還原",能把電腦還原到何種程度? 原來的office .windows 還在嗎? C 或D 碟中原有的資料也在嗎? 我曾經歷過一次電腦的"滅頂之災". 消極了一段時間才爬起來. 現在資料都有備份了.
早安~您好: 月是個電腦白痴,懂的不多, 只是剛好有用到這(一鍵還原)這一塊, 月就以所知道與了解的部份與您分享, 若想知道的更加清楚, 可上網爬文或問更專業的人士。 月先大約解釋(一鍵還原), 一鍵還原~翻成白話文來說, 指的就一個鍵...還原全部, 回到最原始的狀態。 您曾問到如果電腦出現問題時按下一鍵還原能還原到什麼程度? 答:您電腦最原始的狀態。 但~這..電腦出現問題...指的只有電腦軟體部份, 而且只有還原C槽裡所有的資料, 假設~電腦資訊公司幫您灌了五個軟體, 但您回家後又因有所需求, 自行了灌三個軟體, 但~當電腦軟體部份出包或中毒後, 以~月的電腦來說, 只要先重開機後, 在電腦發出B..的一聲時趕快按下F2這個鍵時, 電腦會進入~一鍵還原這一個地方, 會讓您選擇下一部, 這時選擇~還原我的電腦後, 約15-20分後電腦自動重開機, 電腦就會回到電腦資訊公司幫您灌的五個軟體那個狀態, 而您後面灌的三個軟體自然是沒了, 當然也包含了病毒、其他資料與照片圖文等等... 都會沒了, 就像是人洗澡一樣... 只洗去身上的灰塵(軟體), 但~人的身體依舊還在, 除了C槽以後的D.E等槽只要不去動, 是完全不會有事的。 月曾經發生各式電腦災難, 幾次之後學乖了, C槽只放電腦原始資料, 重要的照片、圖檔、線上遊戲的主程式, 及一些重要軟體原始檔一律只放在D槽, 以防次再次發生不幸的事件, 像月拍的照片檔對月來說根本就像命一樣, 所以除了放在D槽之外, 還有一個外接式硬碟與之前留下來舊的電腦硬碟, 每隔一陣子都會把新的資料存到舊的電腦碟碟上, 以月所碰到的來說, 真的比較建議把重要資料除了放在D槽之外, 再用另一個電腦式的硬碟存重要物品, 隨身碟或外接式硬碟反倒不是那麼推薦, 這些只是方便而已, 而且這些東西又比電腦硬碟易壞, 我之前就是把製版的素材全都存到USB裡去, 結果USB壞了... 一切都壞了, 我那幾萬張辛苦存下的素材全都GG了, 真的是慘不忍睹, 所以現在才改再備份到另一個沒用到的電腦硬碟。 一鍵原還這軟體真的很推薦一定要加裝, 好處就是萬一電腦軟體壞了或中毒時, 可以自己隨時還原電腦, 而且只要幾分鐘就夠了, 這軟體會因地區不同而價格不同, 以月住的中壢來說約一千塊左右, 若電腦軟體出包重灌一次也要八百塊左右, 還要等上好多天, 若有一鍵還原的話, 花個一千塊,能讓您還原好多次, 自己還原快又省錢與省時, 以上~與您分享^^
給你100個讚
先預祝妳端午快樂^^
祝月端午佳節愉快
端午節快到了 很適合呢
哇~月真的好厲害 很應景的版面喔~ 還有那標籤連結還會閃ㄚ 酷~ 推~
您好: 若您要使用連結時有閃動圖檔的話, 可使用以下語法: a:active { color: color: #927725; text-decoration: none; #符號後面的數字是顏色的編號 } a:hover {background: url(這裡面貼上您喜歡的閃動圖型網址) no-repeat; background-position: 50% 50%;