三欄位版型語法: /*---------你可能有興趣的文章此段不需要可自行刪除即可--------------*/ #content .recommended-posts {display:none;} #blog468x60Banner{display:none !important;} /*--------------------------reset*/ body{font-family: arial, verdana, Helvetica, sans-serif;-webkit-text-size-adjust:none;cursor:url(http://www.geocities.jp/umod09/0457.ani), pointer;} table {border-collapse:collapse;border-spacing:0;} *{ margin:0;padding:0;} 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;} .article-content p{margin-bottom: 1em;} a {text-decoration: none;} br{letter-spacing: normal;} /*--------------------------all setting */ body {font-size:15px;background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/6.jpg); color:#000000;line-height:150%;} a {color:#000000;} a:hover {color:#A5693C;cursor : url(http://www.geocities.jp/umod09/0458.ani), pointer;} #body-div{} /*--------------------------authority*/ #authority{border-bottom:1px dashed #FFF; text-align: center; padding:5px 0;} #authority a{ margin:0 5px; text-shadow:1px 1px 0 #000000;} #authority a:hover{} /*--------------------------container*/ #container{} #container2{ width: 1280px; margin:0 auto; background:url (http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/6.jpg) left top repeat-y;} #container3{} /*--------------------------header */ #header{ height: 518px; overfloheight: 500px; padding-left: 55px; w:hidden; position:relative; background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347630204/11.jpg) no-repeat;} #login-bar{ position:absolute; left:500px; top:507px; color:#fff;} #login-bar a{ color:#000000;} #login-bar a:hover { color:#fff;} #banner{} #banner h1{ position:absolute; left: 880px; top: 50px; height:30px; width:450px; overflow:hidden;} #banner h1 a{ font-size:24px; color:#F75000 ; font-weight:bold; line-height:30px; text-shadow:1px 2px 0# FFF;} #banner h1 a:hover { color:#FF8040;} #banner h2{ position:absolute; left:880px; top:100px; font-size:16px; font-size: 14; color:#FF8040; height: 120px; width:300px; line-height:20px; overflow:hidden;} #banner .skiplink{ display:none;} #banner #blog-category{ font-size:11px; font-size: 14px \9; color:#871E00; position:absolute; right:75px; bottom:35px;} #banner #blog-category a{ color:#871E00;} #banner #blog-category a:hover { color:#FFDEDE;} /*--------------------------navigation*/ #navigation { position:absolute; top:420px; left:800px;} #navigation li { float:left; height:32px; line-height:20px; padding:0 15px;} #navigation a { font-size:25px; color:#780000; font-family:標楷體; padding-left:20px;} #navigation a:hover { color:#FFC9C9;} /*--------------------------main中間*/ #main{ background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/6.jpg) no-repeat; overflow: hidden; _overflow: none; _height: 1%; padding: 20px 20px;} /*--------------------------content */ #content{width:650px ; float:left ; background:#fff ; background:url() repeat; margin:0 auto; margin-left: 270px ; margin-top: -10px ;} /*---------------------spotlight*/ #spotlight{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 10px 10px 40px 40px; background: #EFDFB6; padding: 10px 15px; border:1px solid #B48700;} #spotlight h5{ color:#B48700; font-weight:bold; font-size: 15px; margin-bottom: 5px; text-shadow:1px 1px 0 # fff;} #spotlight-text{ color:#000000;} /*---------------------*/ .article{_height:1%;margin-bottom: 20px; border-bottom:1px dotted #785A00; padding-bottom:20px;} .article-head{ _height:1%;} .publish { font-size:14px; font-family:verdana; height: 104px; color:#B48700; text-shadow:1px 1px 0 # fff; padding-top:10px; padding-left:75px; background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/24.gif) no-repeat;} .time{display:none;} .title{_height:1%;padding:5px 10px;} .title a{color:#B66900; font-weight: bold; font-weight:bolder; font-family:標楷體; font-size:20px; text-shadow:0px 0px 0 # 9CC770;} .title img{display: none;} .title a img{display: inilne} .title a:hover {color:#D1A31A;} /*-----------------------article-body*/ .article-body{ margin: 10px 10px; text-align:right; color:#000000;} .article-content{ color:#000000; margin: 10px 0; text-align: left;} .article-content .more{} .bookmark{} .author{} .forward{} /*-----------------------article-footer*/ .article-footer{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 10px; background: #EFDFB6; border: 3px double #B48700; padding: 10px;} .history{} .refer{} .back-to-top{ text-align:right; text-transform:uppercase; text-shadow:1px 1px 0 #000;} /*--------------------------list*/ .article-area-title, #view-mode{ color:#000000;} .main-list{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 10px; background: #000000; padding: 20px;} .main-list table{ width: 100%;} .main-list th{ padding:5px; border-bottom:1px solid #000;} .main-list td{padding:5px; border-bottom:1px solid #000;} /*--------------------------post-box*/ #trackback-box{} #comment-box{} .user-post-box{ _height:1%;margin-bottom: 30px;} .user-post-title{ height: 65px; margin-bottom: 20px; font-size:0; text-indent: -5000px;background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/25.png) no-repeat;} #comment-box .user-post-title{ background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/26.png) left bottom no-repeat;} .post-comment { font-size: 16px; font-weight:900; font-style: italic; display:block; width:165px; height: 79px; letter-spacing: 0.2em; line-height:70px; text-indent:42px; background: url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/28.png) no-repeat; margin:5px auto; } .post-comment a { color:#000000;} .post-comment a:hover{ color:#000;} .single-post{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden;_overflow: none;_height: 1%;margin: 10px auto 10px ; padding: 10px; width: 580px; background: #EFDFB6; border:1px solid #B48700;} .post-info{color:#000000; font-size:14px; font-family: tahoma;font-weight:bold; margin-bottom: 5px; text-shadow:1px 1px 0 #fff; float: left; width: 500px;} .post-photo{ float: right; width:60px;} .post-photo img{ width:60px; height: 60px; padding:2px; border:1px solid #B48700;} .post-text{ color:#000000; float: left; width: 500px;} .reply-text{ border-top:1px dashed #A07800; padding-top:5px; color:#000000; margin-top:5px; float: left; width: 500px;} .reply-text p{} .single-post.secret{} .single-post.secret .post-text{float: none;width: auto;} #trackback-url{ text-align:right; padding: 10px;} #trackback-url input{} #trackback-box input #trackback-input{ width: 300px;} #trackback-text .post-info {} #trackback-box .post-text{width:auto ; float:none ;} /*--------------------------pages*/ .page{padding: 20px; text-align: center;} .page a,.page SPAN{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 3px 10px; border:1px solid #000000; margin: 0 1px; color:#A07800;} .page a:hover{ background: #F4E9D0; border:1px solid #000000; color:#D6AD34;} .page SPAN{color:#000000;} /*--------------------------links 側欄*/ #links{ float:right; width: 440px; margin-right:1px;} #links{ color:#000000; border-bottom:1px dotted #fff; width:220px ;float:left; margin: -300px 0px 0px 10px ;} #links a{ font-size: 16px; color:#000000; border-bottom:2px dotted #D6AD34;} #links-row-1{width:220px ; float:left ; background-image: url(); background-repeat: repeat; position:relative ; margin-left: -890px ; margin-top: 300px ;} #links-row-2{ width:220px ; float:right ; background-image: url(); background-repeat: repeat; margin-right: -30px ; margin-top: 300px ;} .box{margin-bottom: 10px ; background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/18.png) left top repeat-y;} .box-title{ background: url( http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/21.png) left top no-repeat; height:45px; font-family:華康行書體; font-size: 1.5em ; padding:35px 0px 0px 60px; font-weight: bold ;color:#000000;} .box-text{padding:0 20px; color:#000000;_height: 1% ; padding-bottom:20px; background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/17.png) left bottom no-repeat;} .box-text a{ display:block ; padding: 2px 0px ; color:#C675EC;} .box-text a:hover{ background: #F4E9D0; color:#C675EC;} .box-more{ text-align:center;} .box-more a{ display: inline ; color:#000000;} #recent-article img{ display: none;} #user-info dl dd { margin:0 0 0px;} #user-info .user-img { margin-bottom:5px; width: 95px;} #user-info .user-img img{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#EAD59C; padding:3px; border:1px solid #000000;} #calendar table{ width:100%;} #calendar th, #calendar td{ text-align:center; padding:1px;} #calendar td a{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #EAD59C; color:#000000; margin:1px; display:block;} #search ul, #visitor ul, #crumb ul{ overflow: hidden; _overflow: none;_height: 1%;margin-bottom:5px;} #visitor li, #crumb li{ float:left; line-height:0; margin:2px;} /*誰來我家我去誰家*/ #visitor li img, #crumb li img{ width: 40px; height:40px; padding:1px; background:#000; border:1px dotted #EAD59C;} /*誰來我家 我去誰家語法 不需要也可自行刪除*/ /*此語法只有pixnet可以用,請不要擅自亂改語法及圖片喔!*/ /*將這段語法貼在CSS最下面就可以囉!*/ #visitor IMG {} #visitor .box-text li a{ height:40px;width:40px; display:block; MARGIN: 1px; background: #EAD59C; no-repeat center center;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#000000;double:1px;BORDER-TOP-STYLE:double;BORDER-RIGHT-STYLE:double;BORDER-LEFT-STYLE:inset;BORDER-BOTTOM-STYLE:inset; } } #visitor .box-text li a:hover {background:none;} #visitor .box-text li a img{visibility:hidden;height:40px;width:40px;} #visitor .box-text li a:hover img{visibility:visible;height:40px;width:40px} #visitor .box-text li { float: left; } #visitor .box-text ul{} #visitor .box-more{clear:both;} #visitor IMG {} #crumb .box-text li a{ height:40px;width:40px; display:block; MARGIN: 1px; background: #EAD59C;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#000000;double:1px;BORDER-TOP-STYLE:double;BORDER-RIGHT-STYLE:double;BORDER-LEFT-STYLE:inset;BORDER-BOTTOM-STYLE:inset; } #crumb .box-text li a:hover {background:none;} #crumb .box-text li a img{visibility:hidden;height:40px;width:40px;} #crumb .box-text li a:hover img{visibility:visible;height:40px;width:40px} #crumb .box-text li { float: left; } #visitor .box-text ul{} #crumb .box-more {clear:both;} /*誰來我家 我去誰家語法結束*/ #search li{float: left;margin-right:3px;} #latest-trackback li, #latest-comment li, #subscription li{ margin-bottom:3px;} #latest-trackback a, #latest-comment a, #subscription a{ display:block;width:99%;} #announce li, #recent-article li, #hot-article li, #category li, #latest-comment li, #latest-trackback li, #subscription li{margin-bottom:3px;} /*--------------------------footer */ #footer{ clear:both; background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/6.jpg) no-repeat; padding-top:30px; height:40px; text-align: center;} #footer p{} #bottom , #bottom a{ color:#000000;} input, textarea { vertical-align: middle; font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;font-size: 1.0em; color:#000000; border: 3px double #B48700; background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/38.jpg) ; padding: 2px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} select { font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif; font-size: 1.0em; color:#B48700; background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/38.jpg) ; padding: 2px;width:90%;} /*捲軸*/ HTML{scrollbar-face-color: #E0C168; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-shadow-color: #EFDFB6; scrollbar-arrow-color: #EFDFB6; scrollbar-track-color: #EAD59C;} /*前文章小小圖*/ #category .box-text h6 img{display:none;} #category .box-text h6 { background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/32.gif); background-repeat:no-repeat; background-position:left center;color:#000000;border-bottom:1.5px dotted #fff; line-height:30px; padding-left:25px;font-size:16px} #category .box-text li a{ background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/39.gif); background-repeat:no-repeat; background-position:1px 1px; padding-left:22px} #category .box-text li a:hover{ background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/32.gif); background-repeat:no-repeat} padding-left:22px /*---------不需要可自行刪除即可--------------*/ /*------------文章下方廣告無動態----------------*/ #content .recommended-posts {display:none;} #blog468x60Banner{display:none !important;} /*--------------隱藏痞客邦的 MIB 廣告 --------------*/ #links-row-1 > div { z-index:5; } #links-row-1 > div:first-child { margin-top: -999em; position:absolute; z-index:0; } /*--------------------------單篇人氣 顏色調整*/ .author span { color:#000000;} #topbar {display:none;} #pixblogad {display:none;} #pixblogad-banner2{display:none;} 右欄位版型語法: /*---------你可能有興趣的文章此段不需要可自行刪除即可--------------*/ #content .recommended-posts {display:none;} #blog468x60Banner{display:none !important;} /*--------------------------reset*/ body{font-family: arial, verdana, Helvetica, sans-serif;-webkit-text-size-adjust:none;cursor:url(http://www.geocities.jp/umod09/0457.ani), pointer;} *{ margin:0;padding:0;} table {border-collapse:collapse;border-spacing:0;} 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;} .article-content p{margin-bottom: 1em;} a {text-decoration: none;} br{letter-spacing: normal;} /*--------------------------all setting */ body {font-size:15px;background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/6.jpg); color:#000000;line-height:150%;} a {color:#000000;} a:hover {color:#A5693C;cursor : url(http://www.geocities.jp/umod09/0457.ani), pointer;} #body-div{} /*--------------------------authority*/ #authority{border-bottom:1px dashed #FFF; text-align: center; padding:5px 0;} #authority a{ margin:0 5px; text-shadow:1px 1px 0 #000000;} #authority a:hover{} /*--------------------------container*/ #container{} #container2{ width: 1280px; margin:0 auto; background:url (http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/6.jpg) left top repeat-y;} #container3{} /*--------------------------header */ #header{ height: 518px; overfloheight: 500px; padding-left: 55px; w:hidden; position:relative; background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347630204/11.jpg) no-repeat;} #login-bar{ position:absolute; left:500px; top:507px; color:#fff;} #login-bar a{ color:#000000;} #login-bar a:hover { color:#fff;} #banner{} #banner h1{ position:absolute; left: 880px; top: 50px; height:30px; width:450px; overflow:hidden;} #banner h1 a{ font-size:24px; color:#F75000; font-weight:bold; line-height:30px; text-shadow:1px 2px 0 # FFF;} #banner h1 a:hover { color:#FF8040;} #banner h2{ position:absolute; left: 880px; top: 100px; font-size:16px; font-size: 14; color:#FF8040; height: 120px; width:300px; line-height:20px; overflow:hidden;} #banner .skiplink{ display:none;} #banner #blog-category{ font-size:11px; font-size: 14px \9; color:#871E00; position:absolute; right:75px; bottom:35px;} #banner #blog-category a{ color:#871E00;} #banner #blog-category a:hover { color:#FFDEDE;} /*--------------------------navigation*/ #navigation { position:absolute; top:420px; left:800px;} #navigation li { float:left; height:32px; line-height:20px; padding:0 15px;} #navigation a { font-size:25px; color:#780000; font-family:標楷體; padding-left:20px;} #navigation a:hover { color:#FFC9C9;} /*--------------------------main中間*/ #main{ background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/6.jpg) no-repeat; overflow: hidden; _overflow: none; _height: 1%; padding: 20px 20px;} /*--------------------------content */ #content{width:850px ; float:left ; background:#fff ; background:url() repeat; margin:0 auto; margin-left: 70px ; margin-top: -10px ;} /*---------------------spotlight*/ #spotlight{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 10px 10px 40px 40px; background: #EFDFB6; padding: 10px 15px; border:1px solid #B48700;} #spotlight h5{ color:#B48700; font-weight:bold; font-size: 15px; margin-bottom: 5px; text-shadow:1px 1px 0 # fff;} #spotlight-text{ color:#000000;} /*---------------------*/ .article{_height:1%;margin-bottom: 20px; border-bottom:1px dotted #785A00; padding-bottom:20px;} .article-head{ _height:1%;} .publish { font-size:14px; font-family:verdana; height: 104px; color:#B48700;; text-shadow:1px 1px 0 # fff; padding-top:10px; padding-left:75px; background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/24.gif) no-repeat;} .time{display:none;} .title{_height:1%;padding:5px 10px;} .title a{color:#B66900;; font-weight: bold; font-weight:bolder; font-family:標楷體; font-size:20px; text-shadow:0px 0px 0 # 9CC770;} .title img{display: none;} .title a img{display: inilne} .title a:hover {color:#D1A31A;} /*-----------------------article-body*/ .article-body{ margin: 10px 10px; text-align:right; color:#000000;} .article-content{ color:#000000; margin: 10px 0; text-align: left;} .article-content .more{} .bookmark{} .author{} .forward{} /*-----------------------article-footer*/ .article-footer{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 10px; background: #EFDFB6; border: 3px double #B48700; padding: 10px;} .history{} .refer{} .back-to-top{ text-align:right; text-transform:uppercase; text-shadow:1px 1px 0 #000;} /*--------------------------list*/ .article-area-title, #view-mode{ color:#000000;} .main-list{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 10px; background: #000000; padding: 20px;} .main-list table{ width: 100%;} .main-list th{ padding:5px; border-bottom:1px solid #000;} .main-list td{padding:5px; border-bottom:1px solid #000;} /*--------------------------post-box*/ #trackback-box{} #comment-box{} .user-post-box{ _height:1%;margin-bottom: 30px;} .user-post-title{ height: 65px; margin-bottom: 20px; font-size:0; text-indent: -5000px;background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/25.png) no-repeat;} #comment-box .user-post-title{ background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/26.png) left bottom no-repeat;} .post-comment { font-size: 16px; font-weight:900; font-style: italic; display:block; width:165px; height: 79px; letter-spacing: 0.2em; line-height:70px; text-indent:42px; background: url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/28.png) no-repeat; margin:5px auto; } .post-comment a { color:#000000;} .post-comment a:hover{ color:#000;} .single-post{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden;_overflow: none;_height: 1%;margin: 10px auto 10px ; padding: 10px; width: 580px; background: #EFDFB6; border:1px solid #B48700;} .post-info{color:#000000; font-size:14px; font-family: tahoma;font-weight:bold; margin-bottom: 5px; text-shadow:1px 1px 0 #fff; float: left; width: 500px;} .post-photo{ float: right; width:60px;} .post-photo img{ width:60px; height: 60px; padding:2px; border:1px solid #B48700;} .post-text{ color:#000000; float: left; width: 500px;} .reply-text{ border-top:1px dashed #B48700; padding-top:5px; color:#000000; margin-top:5px; float: left; width: 500px;} .reply-text p{} .single-post.secret{} .single-post.secret .post-text{float: none;width: auto;} #trackback-url{ text-align:right; padding: 10px;} #trackback-url input{} #trackback-box input #trackback-input{ width: 300px;} #trackback-text .post-info {} #trackback-box .post-text{width:auto ; float:none ;} /*--------------------------pages*/ .page{padding: 20px; text-align: center;} .page a,.page SPAN{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 3px 10px; border:1px solid #000000; margin: 0 1px; color:#A07800;} .page a:hover{ background: #F4E9D0; border:1px solid #000000; color:#D6AD34;} .page SPAN{color:#000000;} /*--------------------------links 側欄*/ #links{ float:right; width: 440px; margin-right:1px;} #links{ color:#000000; border-bottom:1px dotted #fff; width:220px ;float:left; margin: 0px 0px 0px 10px ;} #links a{ font-size: 16px; color:#000000; border-bottom:2px dotted #D6AD34;} .box{margin-bottom: 10px ; background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/18.png) left top repeat-y;} .box-title{ background: url( http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/21.png) left top no-repeat; height:45px; font-family:華康行書體; font-size: 1.5em ; padding:35px 0px 0px 60px; font-weight: bold ;color: #000000;} .box-text{padding:0 20px; color:#000000;_height: 1% ; padding-bottom:20px; background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/17.png) left bottom no-repeat;} .box-text a{ display:block ; padding: 2px 0px ; color:#C675EC;} .box-text a:hover{ background: #F4E9D0; color:#C675EC;} .box-more{ text-align:center;} .box-more a{ display: inline ; color:#000000;} #recent-article img{ display: none;} #user-info dl dd { margin:0 0 0px;} #user-info .user-img { margin-bottom:5px; width: 95px;} #user-info .user-img img{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #EAD59C; padding:3px; border:1px solid #000000;} #calendar table{ width:100%;} #calendar th, #calendar td{ text-align:center; padding:1px;} #calendar td a{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #EAD59C; color:#000000; margin:1px; display:block;} #search ul, #visitor ul, #crumb ul{ overflow: hidden; _overflow: none;_height: 1%;margin-bottom:5px;} #visitor li, #crumb li{ float:left; line-height:0; margin:2px;} /*誰來我家我去誰家*/ #visitor li img, #crumb li img{ width: 40px; height:40px; padding:1px; background:#000; border:1px dotted #EAD59C;} /*誰來我家 我去誰家語法 不需要也可自行刪除*/ /*此語法只有pixnet可以用,請不要擅自亂改語法及圖片喔!*/ /*將這段語法貼在CSS最下面就可以囉!*/ #visitor IMG {} #visitor .box-text li a{ height:40px;width:40px; display:block; MARGIN: 1px; background: #EAD59C; no-repeat center center;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#000000;double:1px;BORDER-TOP-STYLE:double;BORDER-RIGHT-STYLE:double;BORDER-LEFT-STYLE:inset;BORDER-BOTTOM-STYLE:inset; } } #visitor .box-text li a:hover {background:none;} #visitor .box-text li a img{visibility:hidden;height:40px;width:40px;} #visitor .box-text li a:hover img{visibility:visible;height:40px;width:40px} #visitor .box-text li { float: left; } #visitor .box-text ul{} #visitor .box-more{clear:both;} #visitor IMG {} #crumb .box-text li a{ height:40px;width:40px; display:block; MARGIN: 1px; background: #EAD59C;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#000000;double:1px;BORDER-TOP-STYLE:double;BORDER-RIGHT-STYLE:double;BORDER-LEFT-STYLE:inset;BORDER-BOTTOM-STYLE:inset; } #crumb .box-text li a:hover {background:none;} #crumb .box-text li a img{visibility:hidden;height:40px;width:40px;} #crumb .box-text li a:hover img{visibility:visible;height:40px;width:40px} #crumb .box-text li { float: left; } #visitor .box-text ul{} #crumb .box-more {clear:both;} /*誰來我家 我去誰家語法結束*/ #search li{float: left;margin-right:3px;} #latest-trackback li, #latest-comment li, #subscription li{ margin-bottom:3px;} #latest-trackback a, #latest-comment a, #subscription a{ display:block;width:99%;} #announce li, #recent-article li, #hot-article li, #category li, #latest-comment li, #latest-trackback li, #subscription li{margin-bottom:3px;} /*--------------------------footer */ #footer{ clear:both; background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/6.jpg) no-repeat; padding-top:30px; height:40px; text-align: center;} #footer p{} #bottom , #bottom a{ color:#000000;} input, textarea { vertical-align: middle; font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;font-size: 1.0em; color:#000000; border: 3px double #B48700; background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/38.jpg) ; padding: 2px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} select { font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif; font-size: 1.0em; color:#B48700; background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/38.jpg) ; padding: 2px;width:90%;} /*捲軸*/ HTML{scrollbar-face-color: #E0C168; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-shadow-color: #EFDFB6; scrollbar-arrow-color: #EFDFB6; scrollbar-track-color: #EAD59C;} /*前文章小小圖*/ #category .box-text h6 img{display:none;} #category .box-text h6 { background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/32.gif); background-repeat:no-repeat; background-position:left center;color:#000000;border-bottom:1.5px dotted #fff; line-height:30px; padding-left:25px;font-size:16px} #category .box-text li a{ background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/39.gif); background-repeat:no-repeat; background-position:1px 1px; padding-left:22px} #category .box-text li a:hover{ background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/32.gif); background-repeat:no-repeat} padding-left:22px /*---------不需要可自行刪除即可--------------*/ /*------------文章下方廣告無動態----------------*/ #content .recommended-posts {display:none;} #blog468x60Banner{display:none !important;} /*--------------隱藏痞客邦的 MIB 廣告 --------------*/ #links-row-1 > div { z-index:5; } #links-row-1 > div:first-child { margin-top: -999em; position:absolute; z-index:0; } /*--------------------------單篇人氣 顏色調整*/ .author span { color:#000000;} #topbar {display:none;} #pixblogad {display:none;} #pixblogad-banner2{display:none;} 左欄位版型語法: /*---------你可能有興趣的文章此段不需要可自行刪除即可--------------*/ #content .recommended-posts {display:none;} #blog468x60Banner{display:none !important;} /*--------------------------reset*/ body{font-family: arial, verdana, Helvetica, sans-serif;-webkit-text-size-adjust:none;cursor:url(http://www.geocities.jp/umod09/0457.ani), pointer;} *{ margin:0;padding:0;} table {border-collapse:collapse;border-spacing:0;} 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;} .article-content p{margin-bottom: 1em;} a {text-decoration: none;} br{letter-spacing: normal;} /*--------------------------all setting */ body {font-size:15px;background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/6.jpg); color:#000000;line-height:150%;} a {color:#000000;} a:hover {color:#A5693C;cursor : url(http://www.geocities.jp/umod09/0457.ani), pointer;} #body-div{} /*--------------------------authority*/ #authority{border-bottom:1px dashed #FFF; text-align: center; padding:5px 0;} #authority a{ margin:0 5px; text-shadow:1px 1px 0 #000000;} #authority a:hover{} /*--------------------------container*/ #container{} #container2{ width: 1280px; margin:0 auto; background:url (http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/6.jpg) left top repeat-y;} #container3{} /*--------------------------header */ #header{ height: 527px; overfloheight: 500px; padding-left: 55px; w:hidden; position:relative; background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347630204/11.jpg) no-repeat;} #login-bar{ position:absolute; left:500px; top:507px; color:#fff;} #login-bar a{ color:#000000;} #login-bar a:hover { color:#fff;} #banner{} #banner h1{ position:absolute; left: 800px; top: 50px; height:30px; width:450px; overflow:hidden;} #banner h1 a{ font-size:24px; color:#F75000; font-weight:bold; line-height:30px; text-shadow:1px 2px 0 # FFF;} #banner h1 a:hover { color:#FF8040;} #banner h2{ position:absolute; left: 800px; top: 100px; font-size:16px; font-size: 14; color:#FF8040; height: 120px; width:300px; line-height:20px; overflow:hidden;} #banner .skiplink{ display:none;} #banner #blog-category{ font-size:11px; font-size: 14px \9; color:#871E00; position:absolute; right:75px; bottom:35px;} #banner #blog-category a{ color:#871E00;} #banner #blog-category a:hover { color:#FFDEDE;} /*--------------------------navigation*/ #navigation { position:absolute; top:420px; left:800px;} #navigation li { float:left; height:32px; line-height:20px; padding:0 15px;} #navigation a { font-size:25px; color:#780000; font-family:標楷體; padding-left:20px;} #navigation a:hover { color:#FFC9C9;} /*--------------------------main中間*/ #main{ background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/6.jpg) no-repeat; overflow: hidden; _overflow: none; _height: 1%; padding: 20px 20px;} /*--------------------------content */ #content{ width:850px ; float:right ; background:#fff ; background:url() repeat; margin:0 auto; margin-right: 70px ; margin-top: -10px ;} /*---------------------spotlight*/ #spotlight{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 10px 10px 40px 40px; background: #EFDFB6; padding: 10px 15px; border:1px solid #B48700;} #spotlight h5{ color:#B48700; font-weight:bold; font-size: 15px; margin-bottom: 5px; text-shadow:1px 1px 0 # fff;} #spotlight-text{ color:#000000;} /*---------------------*/ .article{_height:1%;margin-bottom: 20px; border-bottom:1px dotted #785A00; padding-bottom:20px;} .article-head{ _height:1%;} .publish { font-size:14px; font-family:verdana; height: 104px; color:#B48700; text-shadow:1px 1px 0 # fff; padding-top:10px; padding-left:75px; background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/24.gif) no-repeat;} .time{display:none;} .title{_height:1%;padding:5px 10px;} .title a{color:#B66900; font-weight: bold; font-weight:bolder; font-family:標楷體; font-size:20px; text-shadow:0px 0px 0 # 9CC770;} .title img{display: none;} .title a img{display: inilne} .title a:hover {color:#D1A31A;} /*-----------------------article-body*/ .article-body{ margin: 10px 10px; text-align:right; color:#000000;} .article-content{ color:#000000; margin: 10px 0; text-align: left;} .article-content .more{} .bookmark{} .author{} .forward{} /*-----------------------article-footer*/ .article-footer{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 10px; background: #EFDFB6; border: 3px double #B48700; padding: 10px;} .history{} .refer{} .back-to-top{ text-align:right; text-transform:uppercase; text-shadow:1px 1px 0 #000;} /*--------------------------list*/ .article-area-title, #view-mode{ color:#000000;} .main-list{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 10px; background: #000000; padding: 20px;} .main-list table{ width: 100%;} .main-list th{ padding:5px; border-bottom:1px solid #000;} .main-list td{padding:5px; border-bottom:1px solid #000;} /*--------------------------post-box*/ #trackback-box{} #comment-box{} .user-post-box{ _height:1%;margin-bottom: 30px;} .user-post-title{ height: 65px; margin-bottom: 20px; font-size:0; text-indent: -5000px;background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/25.png) no-repeat;} #comment-box .user-post-title{ background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/26.png) left bottom no-repeat;} .post-comment { font-size: 16px; font-weight:900; font-style: italic; display:block; width:165px; height: 79px; letter-spacing: 0.2em; line-height:70px; text-indent:42px; background: url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/28.png) no-repeat; margin:5px auto;} .post-comment a { color:#000000;} .post-comment a:hover{ color:#000;} .single-post{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden;_overflow: none;_height: 1%;margin: 10px auto 10px ; padding: 10px; width: 580px; background: #EFDFB6; border:1px solid #B48700;} .post-info{color:#000000; font-size:14px; font-family: tahoma;font-weight:bold; margin-bottom: 5px; text-shadow:1px 1px 0 #fff; float: left; width: 500px;} .post-photo{ float: right; width:60px;} .post-photo img{ width:60px; height: 60px; padding:2px; border:1px solid #B48700;} .post-text{ color:#000000; float: left; width: 500px;} .reply-text{ border-top:1px dashed #B48700; padding-top:5px; color:#000000; margin-top:5px; float: left; width: 500px;} .reply-text p{} .single-post.secret{} .single-post.secret .post-text{float: none;width: auto;} #trackback-url{ text-align:right; padding: 10px;} #trackback-url input{} #trackback-box input #trackback-input{ width: 300px;} #trackback-text .post-info {} #trackback-box .post-text{width:auto ; float:none ;} /*--------------------------pages*/ .page{padding: 20px; text-align: center;} .page a,.page SPAN{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 3px 10px; border:1px solid #000000; margin: 0 1px; color:#A07800;} .page a:hover{ background: #F4E9D0; border:1px solid #000000; color:#D6AD34;} .page SPAN{color:#000000;} /*--------------------------links 側欄*/ #links{ float:left; width: 440px; margin-right:1px;} #links{ color:#000000; border-bottom:1px dotted #fff; width:220px ; float:right; margin: 0px 30px 0px 10px ;} #links a{ font-size: 16px; color:#000000; border-bottom:2px dotted #D6AD34;} .box{margin-bottom: 10px ; background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/18.png) left top repeat-y;} .box-title{ background: url( http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/21.png) left top no-repeat; height:45px; font-family:華康行書體; font-size: 1.5em ; padding:35px 0px 0px 60px; font-weight: bold ;color:#000000;} .box-text{padding:0 20px; color:#000000;_height: 1% ; padding-bottom:20px; background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/17.png) left bottom no-repeat;} .box-text a{ display:block ; padding: 2px 0px ; color:#C675EC;} .box-text a:hover{ background: #F4E9D0; color:#C675EC;} .box-more{ text-align:center;} .box-more a{ display: inline ; color:#000000;} #recent-article img{ display: none;} #user-info dl dd { margin:0 0 0px;} #user-info .user-img { margin-bottom:5px; width: 95px;} #user-info .user-img img{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #EAD59C; padding:3px; border:1px solid #000000;} #calendar table{ width:100%;} #calendar th, #calendar td{ text-align:center; padding:1px;} #calendar td a{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #EAD59C; color:#000000; margin:1px; display:block;} #search ul, #visitor ul, #crumb ul{ overflow: hidden; _overflow: none;_height: 1%;margin-bottom:5px;} #visitor li, #crumb li{ float:left; line-height:0; margin:2px;} /*誰來我家我去誰家*/ #visitor li img, #crumb li img{ width: 40px; height:40px; padding:1px; background:#000; border:1px dotted #EAD59C;} /*誰來我家 我去誰家語法 不需要也可自行刪除*/ /*此語法只有pixnet可以用,請不要擅自亂改語法及圖片喔!*/ /*將這段語法貼在CSS最下面就可以囉!*/ #visitor IMG {} #visitor .box-text li a{ height:40px;width:40px; display:block; MARGIN: 1px; background: #EAD59C; no-repeat center center;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#000000;double:1px;BORDER-TOP-STYLE:double;BORDER-RIGHT-STYLE:double;BORDER-LEFT-STYLE:inset;BORDER-BOTTOM-STYLE:inset; } } #visitor .box-text li a:hover {background:none;} #visitor .box-text li a img{visibility:hidden;height:40px;width:40px;} #visitor .box-text li a:hover img{visibility:visible;height:40px;width:40px} #visitor .box-text li { float: left; } #visitor .box-text ul{} #visitor .box-more{clear:both;} #visitor IMG {} #crumb .box-text li a{ height:40px;width:40px; display:block; MARGIN: 1px; background: #EAD59C;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#000000;double:1px;BORDER-TOP-STYLE:double;BORDER-RIGHT-STYLE:double;BORDER-LEFT-STYLE:inset;BORDER-BOTTOM-STYLE:inset;} #crumb .box-text li a:hover {background:none;} #crumb .box-text li a img{visibility:hidden;height:40px;width:40px;} #crumb .box-text li a:hover img{visibility:visible;height:40px;width:40px} #crumb .box-text li { float: left; } #visitor .box-text ul{} #crumb .box-more {clear:both;} /*誰來我家 我去誰家語法結束*/ #search li{float: left;margin-right:3px;} #latest-trackback li, #latest-comment li, #subscription li{ margin-bottom:3px;} #latest-trackback a, #latest-comment a, #subscription a{ display:block;width:99%;} #announce li, #recent-article li, #hot-article li, #category li, #latest-comment li, #latest-trackback li, #subscription li{margin-bottom:3px;} /*--------------------------footer */ #footer{ clear:both; background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/6.jpg) no-repeat; padding-top:30px; height:40px; text-align: center;} #footer p{} #bottom , #bottom a{ color:#000000;} input, textarea { vertical-align: middle; font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;font-size: 1.0em; color:#000000; border: 3px double #B48700; background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/38.jpg) ; padding: 2px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} select { font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif; font-size: 1.0em; color:#B48700; background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/38.jpg) ; padding: 2px;width:90%;} /*捲軸*/ HTML{scrollbar-face-color: #E0C168; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-shadow-color: #EFDFB6; scrollbar-arrow-color: #EFDFB6; scrollbar-track-color: #EAD59C;} /*前文章小小圖*/ #category .box-text h6 img{display:none;} #category .box-text h6 { background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/32.gif); background-repeat:no-repeat; background-position:left center;color:#000000;border-bottom:1.5px dotted #fff; line-height:30px; padding-left:25px;font-size:16px} #category .box-text li a{ background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/39.gif); background-repeat:no-repeat; background-position:1px 1px; padding-left:22px} #category .box-text li a:hover{ background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/347644120/32.gif); background-repeat:no-repeat} padding-left:22px /*---------不需要可自行刪除即可--------------*/ /*------------文章下方廣告無動態----------------*/ #content .recommended-posts {display:none;} #blog468x60Banner{display:none !important;} /*--------------隱藏痞客邦的 MIB 廣告 --------------*/ #links-row-1 > div { z-index:5; } #links-row-1 > div:first-child { margin-top: -999em; position:absolute; z-index:0; } /*--------------------------單篇人氣 顏色調整*/ .author span { color:#000000;} #topbar {display:none;} #pixblogad {display:none;} #pixblogad-banner2{display:none;} <!-- #styleme-profile-card, #styleme-profile-card * { margin: 0; padding: 0; border: none; text-decoration: none; } #styleme-profile-card.profile-card { display: none; margin: 30px 0; border: 1px solid #fff; } #styleme-profile-card .profile-card__title { height: 40px; color: #fff; font-size: 1rem; text-align: center; line-height: 40px; background-color: #000; } #styleme-profile-card .profile-card__logo { width: 80px; height: 27px; margin-right: 10px; vertical-align: middle; } #styleme-profile-card .profile-card__container { padding: 20px 30px; background-color: #fff; border: 1px solid #888; } #styleme-profile-card .author__avatar-link { float: left; width: 200px; height: 200px; border-radius: 50%; overflow: hidden; } #styleme-profile-card .author__avatar-link:hover { opacity: .9; } #styleme-profile-card .author__details { min-height: 200px; margin-left: 240px; } #styleme-profile-card .author__name a { color: #000; font-size: 24px; line-height: 1; text-decoration: none; } #styleme-profile-card .author__name a:hover { color: #565a5c; text-decoration: none; } #styleme-profile-card .author__info { margin: 10px 0 20px; font-size: 14px; } #styleme-profile-card .author__info span + span { margin-left: 1em; } #styleme-profile-card .author__intro { color: #565a5c; font-size: 14px; line-height: 20px; text-align: justify; word-break: break-all; } #styleme-profile-card .author__badges { margin-top: 10px; font-size: 0; text-align: center; overflow: hidden; } #styleme-profile-card .author__badge { display: inline-block; margin: 0 5px; } #styleme-profile-card .author__badge img { width: 70px; height: 70px; } --> 作者介紹 星兒 styleMe 文章人數:487 則 人氣: 人 簡介:夜晚,在沒有燈光的地方望向天宇: 那亮晶晶的星星閃耀著迷人的光茫。 雖然,星星給人的感覺孤寂清冷, 但是,它為漆黑的夜空 盡心的散發著自己微弱的光亮。 // <![CDATA[ (function ($) { 'use strict'; var addStlyemeData = function (stylemeData) { var stylemeProfileCard = $('#styleme-profile-card'), articleAmount = stylemeProfileCard.find('#profile-card__article-amount'), authorBadges = stylemeProfileCard.find('.author__badges'), badgeTemplate = '<li class="author__badge"><img/></li>', authorBadgesHtml = $('<ul/>'), // 徽章列表 authorBadgesArr = [{ index: 'is_celebrity', image: 'https://styleme.pixnet.net/assets/images/icon-badge-fashion.png', alt: 'styleMe 風尚名人' }, { index: 'is_focus', image: 'https://styleme.pixnet.net/assets/images/icon-badge-cover.png', alt: 'styleMe 封面之星' }]; articleAmount.text(stylemeData.article_count); for (var i = 0; i < authorBadgesArr.length; i++) { if ('1' === stylemeData[authorBadgesArr[i].index]) { var thisBadge = $(badgeTemplate); thisBadge.find('img').attr('src', authorBadgesArr[i].image).attr(''); thisBadge.appendTo(authorBadgesHtml); } } authorBadges.append(authorBadgesHtml.html()); stylemeProfileCard.show(); addStylemeProfileGa(); }, stylemeProfilePushEvent = function (action, label) { ga('stylemeProfileCardTracker.send', { 'hitType': 'event', 'eventCategory': 'styleme in blog', 'eventAction': action, 'eventLabel': label }); }, addStylemeProfileGa = function () { var thisDevice = 'PC', stylemeProfileCard = $('.profile-card'); (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-66173444-1', 'auto', 'stylemeProfileCardTracker'); // 記錄曝光 stylemeProfilePushEvent('imps', thisDevice + '_author_image'); stylemeProfilePushEvent('imps', thisDevice + '_author_name'); // 記錄點擊 stylemeProfileCard.on('click', function (evt) { var thisClass = evt.target.getAttribute('class'); if (thisClass.indexOf('author__avatar') + 1) { stylemeProfilePushEvent('click', thisDevice + '_author_image'); } else if (thisClass.indexOf('author__name-link') + 1) { stylemeProfilePushEvent('click', thisDevice + '_author_name'); } }); }, // styleMe API 需要的變數 stylemeData = (function () { var urlWithoutTitle = window.location.href.split('?')[0].split('-')[0], urlWordArray = urlWithoutTitle.match(/(\w+)/g); return { username: urlWordArray[1], articleId: urlWordArray[urlWordArray.length - 1] }; })(); $.ajax({ url: 'http://emma.pixnet.cc/blog/articles/' + stylemeData.articleId + '/stylemebadge', type: 'get', dataType: 'json', data: { user: stylemeData.username, format: 'json' } }).done(function(response) { if (response.badge) { addStlyemeData(response.badge); } else { $('.profile-card').remove(); } }); })(jQuery); // ]]> 本文引用自hoyu528 - 相約今秋 - 星兒的版型製作 No.24