萬聖節三欄位  

三欄位版型語法:

/*---------你可能有興趣的文章此段不需要可自行刪除即可--------------*/

#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/0147.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(https://pic.pimg.tw/lamkwanfai/1508729892-4128758616.jpg);

color:#000078;line-height:150%;}

a {color:#000078;}

a:hover {color:#2D5AB4;cursor : url(http://www.geocities.jp/umod09/0149.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 #1A75FF;}

#authority a:hover{}

/*--------------------------container*/

#container{}

#container2{

width:1350px;

margin:0 auto;

background:url () left top repeat-y;}

#container3{}

/*--------------------------header */

#header{

overflow: hidden;

padding-left: 55px;

height: 670px;

position:relative;

background:url(https://i.imgur.com/HQmUa3K.jpg) no-repeat;}

#login-bar{

position:absolute;

left:500px;

top:507px;

color:#fff;}

#login-bar a{

color:#000078;}

#login-bar a:hover {

color:#fff;}

#banner{}

#banner h1{

position:absolute;

left: 90px;

top: 70px;

height:30px;

width:450px;

overflow:hidden;}

#banner h1 a{

font-size:24px;

color:#FFFFB7;

font-weight:bold;

line-height:30px;

text-shadow:1px 2px 0# FFF;}

#banner h1 a:hover {

color:#FFFFFF;}

#banner h2{

position:absolute;

left:90px;

top:115px;

font-size:17px;

font-size: 17;

color:#FFFFDB;

height: 120px;

width:300px;

line-height:20px;

overflow:hidden;}

#banner .skiplink{

display:none;}

#banner #blog-category{

font-size:12px;

font-size: 14px \9;

color:#FFFFEA;

position:absolute;

right:97px;

bottom:40px;}

#banner #blog-category a{

color:#FFFFEA;}

#banner #blog-category a:hover {

color:#FFFFD6;}

/*--------------------------navigation*/

#navigation {

position:absolute;

top:560px;

left:850px;}

#navigation li {

float:left;

height:32px;

line-height:20px;

padding:0 15px;}

#navigation a {

font-size:25px;

color:#FFFFEA;

font-family:標楷體;

padding-left:20px;}

#navigation a:hover {

color:#FFFFD6;}

/*--------------------------main中間*/

#main{

background:url() no-repeat;

overflow: hidden;

_overflow: none;

_height: 1%;

padding: 20px 20px;}

/*--------------------------content */

#content{width:680px;

float:left ;

background:#fff ;

background:url() repeat;

margin:0 auto;

margin-left: 310px ;

margin-top: -5px ;}

/*---------------------spotlight*/

#spotlight{

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

margin: 20px 10px 25px 20px;

background: #ABC0EA;

padding: 10px 15px;

border:1px solid #1A75FF;}

#spotlight h5{

color:#345BD6;

font-weight:bold;

font-size: 15px;

margin-bottom: -12px;

text-shadow:1px 1px 0 # fff;}

#spotlight-text{

color:#000078;}

/*---------------------*/

.article{_height:1%;margin-bottom: 20px;

border-bottom:1.5px dotted #005AEA;

padding-bottom:20px;}

.article-head{

_height:1%;}

.publish {

font-size:14px;

font-family:verdana;

height: 75px;

color:#345BD6;

text-shadow:1px 1px 0 # fff;

padding-top:25px;

padding-left:67px;

background:url(https://pic.pimg.tw/lamkwanfai/1508749689-3997957287.png) no-repeat;}

.time{display:none;}

.title{_height:1%;padding:5px 10px;}

.title a{color:#0033CC;

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:#345BD6;}

/*-----------------------article-body*/

.article-body{

margin: 10px 10px;

text-align:right;

color:#000078;}

.article-content{

color:#000078;

margin: 10px 0;

text-align: left;}

.article-content

.more{}

.bookmark{}

.author{}

.forward{}

/*-----------------------article-footer*/

.article-footer{

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

margin: 10px;

background: #ABC0EA;

border: 3px double #1A75FF;

padding: 10px;}

.history{}

.refer{}

.back-to-top{

text-align:right;

text-transform:uppercase;

text-shadow:1px 1px 0#1A75FF;}

/*--------------------------list*/

.article-area-title,

#view-mode{

color:#000078;}

.main-list{

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

margin: 10px;

background: #000078;

padding: 20px;}

.main-list table{

width: 100%;}

.main-list th{

padding:5px;

border-bottom:1px solid #1A75FF;}

.main-list td{padding:5px;

border-bottom:1px solid #1A75FF;}

/*--------------------------post-box*/

#trackback-box {text-align: center;}
#comment-box {text-align: left;}

.user-post-title {
text-align: center;
color: #000078;
background:url(
https://pic.pimg.tw/lamkwanfai/1508747906-2932758868.gif) center no-repeat;
font-size:14pt;
font-weight: bold;
margin: 0 auto;
padding-bottom:
70px;
padding-left:
-15px;}

.post-comment{
padding-top: 300px;
padding-bottom: 15px;
line-height: 2.8em;
height: 100%;
font-size: 18px;
background:url(https://pic.pimg.tw/lamkwanfai/1508749371-2393072303.gif) ;
background-repeat: no-repeat;
background-position: center top;
text-align:center;}

.post-comment a {
color: #000078;
background:
#ABC0EA;
border:
1.8px double #1A75FF;}

.post-comment a {

color:#000078;}

.post-comment a:hover{

color:#000078;}

.single-post{

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

overflow: hidden;_overflow: none;_height: 1%;margin: 10px auto 10px ;

padding: 10px;

width: 580px;

background: #ABC0EA;

border:1px solid #1A75FF;

box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.4);

-ms-transition:.4s;
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s;}
.single-post:hover { background: rgba(255,255,255,0.2); }

.post-info{color:#000078;

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 #1A75FF;}

.post-text{

color:#000078;

float: left;

width: 500px;}

.reply-text{

border-top:1px dashed #1A75FF;

padding-top:5px;

color:#000078;

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 #1A75FF;

margin: 0 1px;

color:#000078;}

.page a:hover{

background: #ABC0EA;

border:1px solid #1A75FF;

color:#3484FF ;}

.page SPAN{color:#000078;}

/*--------------------------links 側欄*/

#links{

float:right;

width: 440px;

margin-right:1px;}

#links{

color:#000078;

border-bottom:1px dotted # fff;

width:220px ;float:left;

margin: -300px 0px 0px 10px ;}

#links a{

font-size: 16px;

color:#000078;

border-bottom:1.6px dotted #1A75FF;}

#links-row-1{width:220px ;

float:left ;

background-image: url();

background-repeat: repeat;

position:relative ;

margin-left: -950px ;

margin-top: 300px ;}

#links-row-2{

width:220px ;

float:right ;

background-image: url();

background-repeat: repeat;

margin-right: -40px ;

margin-top: 300px ;}

.box{margin-bottom: 10px ;

background:url(https://pic.pimg.tw/lamkwanfai/1508746295-1528851747.png) left top repeat-y;}

.box-title{

background: url(

https://pic.pimg.tw/lamkwanfai/1508746860-3103392451.png) left top no-repeat;

height:45px;

font-family:華康行書體;

font-size: 1.5em ;

padding:35px 0px 0px 66px;

font-weight: bold ;color:#1A1AA3;}

.box-text{padding:0 20px;

color:#000078;_height: 1% ;

padding-bottom:20px;

background:url(https://pic.pimg.tw/lamkwanfai/1508746860-3572617628.png) left bottom no-repeat;}

.box-text a{

display:block ;

padding: 2px 0px ;

color:#C675EC;}

.box-text a:hover{

background: #ABC0EA;

color:#C675EC;}

.box-more{

text-align:center;}

.box-more a{

display: inline ;

color:#000078;}

#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: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

background:#ABC0EA;

padding:3px;

border:1px solid #1A75FF;}

#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: #97B1E5;

color:#000078;

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:#000078;

border:1px dotted #ABC0EA;}

/*誰來我家 我去誰家語法 不需要也可自行刪除*/

/*此語法只有pixnet可以用,請不要擅自亂改語法及圖片喔!*/

/*將這段語法貼在CSS最下面就可以囉!*/

#visitor IMG {}

#visitor .box-text li a{

height:40px;width:40px;

display:block;

MARGIN: 1px;

background:#ABC0EA; no-repeat center center;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#000078;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: #ABC0EA;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#000078;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() no-repeat;

padding-top:30px;

height:40px;

text-align: center;}

#footer p{}

#bottom ,

#bottom a{

color:#000078;}

input, textarea {

vertical-align: middle;

font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;font-size: 1.0em;

color:#000078;

border: 3px double #1A75FF;

background-image:url(https://pic.pimg.tw/lamkwanfai/1508764525-1541983347.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:#1A75FF;

background-image:url(https://pic.pimg.tw/lamkwanfai/1508764525-1541983347.jpg) ;

padding: 2px;width:90%;}

/*捲軸*/

HTML{scrollbar-face-color:#83A2E0;

scrollbar-highlight-color:#D3DEF4;

scrollbar-3dlight-color: #000078;

scrollbar-darkshadow-color: #000078;

scrollbar-shadow-color: #D3DEF4;

scrollbar-arrow-color: #D3DEF4;

scrollbar-track-color: #97B1E5;}

/*前文章小小圖*/

#category .box-text h6 img{display:none;}

#category .box-text h6 {

background-image:url(https://pic.pimg.tw/lamkwanfai/1508747906-1488260826.gif);

background-repeat:no-repeat;

background-position:left center;color:#000078;border-bottom:1.5px dotted #fff;

line-height:30px;

padding-left:25px;font-size:16px}

#category .box-text li a{

background-image:url(https://pic.pimg.tw/lamkwanfai/1508747906-3180685701.gif);

background-repeat:no-repeat;

background-position:1px 1px;

padding-left:25px}

#category .box-text li a:hover{

background-image:url(https://pic.pimg.tw/lamkwanfai/1508747906-1488260826.gif);

background-repeat:no-repeat}

padding-left:25px

/*---------不需要可自行刪除即可--------------*/

/*------------文章下方廣告無動態----------------*/

#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:#000078;}

.topbar-placeholder, #comment-text > div{display:none}

.article-body > div:last-child {width:0px; height:0px; margin-left: -2000px; }

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

 

 

 

萬聖節三欄  

另一款三欄位版型語法:

#comment-form table{width: 96% ;margin: 0 auto ;}
#comment-form td , #comment-form th{border: 1px solid
#1A75FF;padding: 3px 5px;}
#comment-form input#send-comment{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
#1A75FF;}
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:#000;
font-size:12pt;
font-family:"Century Gothic";
line-height:180%;
background-image:url(
https://pic.pimg.tw/lamkwanfai/1509001282-313640587.gif);
background-repeat:repeat;
background-position:undefined;}
#container{
width:
1350px;
background: url("
https://i.imgur.com/eNRQRYQ.jpg") repeat-y left top;
margin: 0 auto;}
#container2{
background: url("") no-repeat left top;
position: relative;}
#container3 {
overflow:hidden;
position:relative;}
#main{
#main{width:
1350px;margin:auto;}
#content{float:right;line-height:180%;width:700px;padding-right:10px;padding-bottom:15px;overflow:hidden;}
background:url() repeat-y center ;
overflow:hidden;
padding:1px 20px;
_height: 1%;}
body{cursor:URL();}
a:hover{cursor:URL();}
#body-div{}
a, a:link, a:visited{color:#000;text-decoration:none;}
a:hover{color:#000;position:relative;top:2px;background:url() repeat-x bottom;}
#header{
height:
670px;
padding-left: 55px;
background:url(
https://i.imgur.com/HQmUa3K.jpg) no-repeat;
overflow:hidden;
position:relative;}
#banner {
width: 400px;
height: 120px;
overflow:hidden;}
#banner h1 {
font-weight:bold;
font-family:
標楷體;
font-size:
23px;
position:absolute;
text-align:left;
padding:0 20px;
top:0px;
margin-top:
70px;
margin-left:
18px;}
#banner h1 a{
color:
#FFFFB7;}
#banner h1 a:hover {
color:
#FFFFFF;
background:
# FFB7DB;
border:2px dotted
#FFFFFF;}
#banner h2 {
width:650px ;
color:
#FFFFDB;
margin:25px 0;
font-weight:bold;
font-family:
標楷體;
font-size:
17px;
position:absolute;

top:90px;
left:
95px;
line-height:
25px;
overflow:hidden;}
.skiplink {
position:absolute;
top:20px;
left:650px;
font-size:15px;}
.skiplink a{
color: #000;}
.skiplink a:hover {
color: #fff;
background: # 072945;}
.skiplink {display:none;}
#blog-category {
position:absolute;
color:#000;
top:20px;
left:720px;
font-size:15px;}
#blog-category a {
color: #000;}
#blog-category a:hover {
color: #fff;
background: # A0A188;}
#blog-category {display:none;}
#navigation{
position:absolute;


top:580px;
left:
1040px;}
#navigation li{

float:left;}

#navigation a{

background: #;
padding: 4px;
border-right: 1px solid
#FFFFEA;
border-bottom: 1px solid
#FFFFEA;
border-top: 1px solid
#FFFFEA;
border-left: 1px solid
#FFFFEA;
position:relative;
font-weight:bold;
font-size:15px;
width:50px;
height:20px;
color:
#FFFFEA;
letter-spacing:3pt}

#navigation a:hover {
color:
#FFFFD6;
background: # B9DFF2;}


#content{
width:
705px ;
float:left ;
background:url() repeat;
background:
#fff;
margin:0 auto;
margin-left:
300px ;
margin-top:
20px ;}
#spotlight{
background:
#fff;
padding:5px;
margin-bottom:
5px ;
margin-top:
5px ;
border:
5px double #1A75FF;}
#spotlight h5 {
background:url();
color:
#345BD6;
font-weight:bold;
font-family:
標楷體;
font-size:2
0px;
border-bottom:
2px dotted #1A75FF;
padding:2px;}
#spotlight-text {
background:url();
color:#000;
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: 130px;
line-height: 30px;
background: url(
https://pic.pimg.tw/lamkwanfai/1508749689-3997957287.png) no-repeat;}
.title {
font-weight:bold;
font-family:
標楷體;
float:left;
font-size:
23px;
line-height:
45px;
padding:
15px 0px 0px 70px;}
.title a { color:
#000000; }
.title a:hover{
color:
#5B5B5B;
background:
# FFF3F9;
border:2px dotted
#1A75FF;}
.title img { vertical-align: middle; }
.article-body {}
.publish {
font-size: 15px;
padding: 0 0 0
70px;}
.month{color:
#ff0000; }
.date { color:
#ff0000; }
.day{display: none;}
.year{color:
#ff0000; }
.time { display: none; }
.more {
float: right;
padding-top:
5px;
padding-right:
30px;
background: url(
https://pic.pimg.tw/lamkwanfai/1509003535-2826638806.gif) right no-repeat;
margin-right: 40px ;}
.more a{
font-weight:bold;
font-family:
標楷體;
font-size: 18px;
color:#000;}
.more a:hover{
color: #000;
background:
# FFF3F9;
border:2px dotted
#1A75FF;}
.author{
background:
#fff;
color: #000;
font-size: 14px;
text-align:right ;
padding: 0px 15px 10px 0px;
margin: 45px 0px 0px 0px;
border-bottom:
2px dashed #1A75FF;
line-height: 30px;}
.author a{
color: #000;}
.author a:hover{
color: #000;
background:
# FFF3F9;
border:2px dotted
#1A75FF;}
.article-footer{
text-align:right ;
color:#000;
line-height:25px ;}
.bookmark{
text-align:right ;
padding: 20px 0px 0px 0px;}
.refer{
color:#000;
text-align:left;
margin: 5px 0px 0px 0px;
border-bottom:
2px dashed #1A75FF;
line-height: 30px;}
.refer a:hover {
color: #000;
background:
# FFF3F9;
border:2px dotted
#1A75FF;}
.history{
display:none;}
.forward{
text-align:right;
margin: 5px 5px 0px 0px;}
.forward img{
width: 10px;
height: 10px;
filter :gray;
padding-right: 2px;}
.forward a:hover {
color: #000;
background:
# FFF3F9;
border:2px dotted
#1A75FF;}
#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
#1A75FF;
border-top:0px solid #000;
border-left:0px solid #000;
border-right:0px solid #000;}
.main-list td ,
.main-list th{
padding: 5px ;}
.back-to-top {
background: #;
background-image:url();
background-repeat:repeat;
margin: 10px 0px 0px 0px;}
.back-to-top a{
color: #000;
text-transform:uppercase;
font:14px CEntury Gothic;
padding: 3px 5px;
background:#fff;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid
#1A75FF;}
.back-to-top a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted
#1A75FF;}
#user-post{
background:#fff;
background:url() repeat;
padding:15px;
margin-bottom: 0px ;
border:
4px solid #1A75FF;}
#trackback-box {text-align: center;}
#comment-box {text-align: left;}
.user-post-title {
text-align: center;
color: #000;
background:url(
https://pic.pimg.tw/lamkwanfai/1508747906-2932758868.gif) center no-repeat;
font-size:14pt;
font-weight: bold;
margin: 0 auto;
padding-bottom:
80px;
padding-left:
-15px;}
#trackback-input {width:50%;}
.single-post {
border-right:
3px double #1A75FF;
border-bottom:
3px double #1A75FF;
border-left:
3px double #1A75FF;
border-top:
3px double #1A75FF;
overflow:hidden;
_overflow:none;
_height:1%;
margin:30px 0;}
.post-info {
text-align: center;
border-bottom:
1.5px dashed #1A75FF;
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-photo {
width:120px;
float:left;}
li.post-photo img {
width:80px;
height:80px;
border:2px double
#1A75FF;
border-top:2px double
#1A75FF;
border-left:2px double
#1A75FF;
background:url();
background:#;
padding:4px;}
.reply-text {
float:right;
width:
540px;
background:url() 0px top no-repeat #FFF;
border:
2px solid #1A75FF;
border-right:
2px solid #1A75FF;
border-bottom:
2px solid #1A75FF;
margin-right:15px;
display:inline;
color:#000;
min-height:40px;
_height:40px;
padding:
12px 18px 5px 10px;}
li.reply-text p {
background:url(
http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/399194121/62.gif) repeat-x ;
text-align:right;
padding:10px 0px 0px;
font-size:
14px;
color: #000;}
.secret{}
.post-comment{
padding-top:
300px;
padding-bottom: 15px;
line-height:
2.8em;
height: 100%;
font-size: 18px;
background:url(
https://pic.pimg.tw/lamkwanfai/1508749371-2393072303.gif) ;
background-repeat: no-repeat;
background-position: center top;
text-align:center;}

.post-comment a {
color: #000;
background: #fff;
border:
2px double #1A75FF;}
.post-comment a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted
#1A75FF;}
#comment-form {
line-height:1.5;
margin:10px 0;
padding: 0 10px 10px;
border: 1px solid
#1A75FF;}
#comment-form table {
width:100%;
margin:0 auto;
background: #fff url() no-repeat;
padding: 10px;}
#comment-form th, #comment-form td {
border: 1px dashed
#1A75FF;
padding: 5px 10px;
text-align: left;}
#comment-form input#send-comment {
padding:3px 5px;
float: right;}
#comment-form textarea {
width:95%;
background:#fff 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
#1A75FF;
padding:3px 10px;}
.page {
clear: both;
height: 40px;
line-height: 20px;
font-size: 12px;
text-align: left;
background: none;
padding: 0px 15px;
margin: 6px auto;}
.page a {
background:
# FFF3F9;
margin:0 5px;
color: #000;
padding:5px 10px;
border:2px dotted
#1A75FF;}
.page span {
color:
#ff0000;
background:
# FFF3F9;
padding:5px 10px;
border:2px dotted
#1A75FF;}
#links{
color: #000;
width:
255px ;
float:left;
margin: -310px 0px 0px 15px ;}
#links a{
font-size: 1
7px;
color:#000;}
#links-row-1{
width:220px ;
float:left;
background:#;
background-image: url();
background-repeat: repeat;
position:relative ;
margin-left: -
990px ;
margin-top:
335px ;}
#links-row-2{
width:220px ;
float:right ;
background:#;
background-image: url();
background-repeat: repeat;
margin-right: -
5px ;
margin-top:
335px ;}
.box{
background:url(
https://pic.pimg.tw/lamkwanfai/1508746295-1528851747.png) left top repeat-y;
margin-bottom:20px;}
.box-title{
height:
38px;
line-height:
20px;
overflow:hidden;
color:
#1A1AA3;
text-align: left;
font-weight:bold;
font-family:
標楷體;
font-size:2
4px;
background: url(
https://pic.pimg.tw/lamkwanfai/1508746860-3103392451.png) left top no-repeat;
margin:0px 0px 0px 0px;
padding:
30px 0px 0px 60px;}
.box-text{
background:url(
https://pic.pimg.tw/lamkwanfai/1508746860-3572617628.png) left bottom no-repeat;
text-align: left;
line-height: 150%;
margin: 0px auto;
padding:0 10px;
padding-bottom:
42px;}
.box-more{
text-align:right;
margin:
35px 30;
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:#000;
background:#fff;
border:
2px double #1A75FF;}
.box-more a:hover{
color: #000;
background: # FFF3F9;}
#calendar table{
width: 96%;
color:#000;
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
#1A75FF;
font-size:16px;
color:
#ff0000;
background:#fff;}
#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 ul,#crumb ul {
overflow:hidden;
_overflow:none;
_height:1%;}
#visitor li,#crumb li {
float:left;
margin-right:1px;}
#visitor .box-text li , #crumb .box-text li { float: left;padding-left:6px;}
#visitor .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(
https://pic.pimg.tw/lamkwanfai/1509003271-1472146281.gif) no-repeat left top;}
#crumb .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(
https://pic.pimg.tw/lamkwanfai/1509003271-1472146281.gif) no-repeat left top;}
#visitor .box-text li a{
border-right:1px solid
#1A75FF;
border-left:1px solid
#1A75FF;
border-top:1px solid
#1A75FF;
border-bottom:1px solid
#1A75FF;}
#visitor .box-text li a img , #crumb .box-text li a img {visibility:hidden;height:39px;width:39px;padding: 3px;padding-left:3px;}
#visitor .box-text li a:hover img , #crumb .box-text li a:hover img {visibility:visible;height:39px;width:39px;}
#visitor .box-more , #crumb .box-more {clear:both;}
#category .box-text h6 img{display:none;}
#category .box-text{padding-left:
20px;padding-bottom:50px;}
#category .box-text h6 {
background-image:url(
https://pic.pimg.tw/lamkwanfai/1508747906-3180685701.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:
28px;
line-height: 30px;
font-size: 16px;}
#category .box-text li a{
background-image:url(
https://pic.pimg.tw/lamkwanfai/1508747906-3180685701.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:
28px;}
#category .box-text li a:hover{
background:
# FFF3F9;
color:
#000000;
border:
2px double #1A75FF;
background-image:url(
https://pic.pimg.tw/lamkwanfai/1508747906-1488260826.gif);
background-repeat:no-repeat;
line-height: 30px;
padding-left:
28px;}
#recent-article .box-text{padding-left:10px;padding-bottom:50px;}
#recent-article li {
background-image:url(
https://pic.pimg.tw/lamkwanfai/1509002743-1758424869.gif);
background-repeat:no-repeat;
background-position:left top;
padding-top:18px;
padding-bottom:10px;
margin-left:5px;
padding-left:10px;
line-height: 25px;
border-bottom:
1.3px dashed #1A75FF;}
#recent-article li a:hover {
color: #000;
background:
# FFF3F9;
border:2px dotted
#1A75FF;
}
#latest-comment li{
padding: 4px 0px ;}
#latest-comment li a:hover {
color: #000;
background:
# FFF3F9;
border:2px dotted
#1A75FF;}
#latest-comment li span {
color:#000;
font-size:.9em;
border-right:3px solid
# FFFFFF;
margin:0 4px 0 0;
padding:0 4px 0 0;}
#latest-comment li a {
color:#000;
display:block;
height:25px;
overflow:hidden;}
#hot-article li {
background-image:url(
https://pic.pimg.tw/lamkwanfai/1509002743-2882600097.gif);
background-repeat:no-repeat;
background-position:left top;
padding-top:10px;
padding-bottom:10px;
margin-left:5px;
padding-left:10px;
line-height: 25px;
border-bottom:
1.3px dashed #1A75FF;}
#hot-article li a:hover {
color: #000;
background:
# FFF3F9;
border:2px dotted
#1A75FF;}
#search{}
#search ul{
overflow: hidden;
_overflow: none;
_height: 1%;}
#search .box-text{padding-left:22px;padding-top:15px;}
#search .box-text li{
display: inline;}
input#search-target {
width: 100px;
background: #fff;}
#latest-trackback li,
#latest-comment li,
#subscription li{
line-height:140%;
padding-left: 7px;
margin-bottom: 5px;
border-left:5px solid #;}
#latest-trackback li:hover,
#latest-comment li:hover,
#subscription li:hover{
border-left:5px solid #;}
#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:
1.3px dashed #1A75FF;}
#latest-trackback a{
color: #000;
background: # D9E3EE;
border:1px dotted
#1A75FF;}
#latest-trackback a:hover {}
#latest-comment a,
#latest-trackback a,
#subscription a{
display:block;
width:99%;}
#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:#000;}
#mylink .inner-box li{
margin-left:15px;
line-height: 25px;
border-bottom: 2px dashed
#1A75FF;}
#mylink a:hover {
color: #000;
background:
# FFF3F9;
border:2px dotted
#1A75FF;}
#announce .box-text li{border-bottom: 2px dashed
#1A75FF;}
#announce a:hover {
color: #000;
border:2px dotted
#1A75FF;
background:
# FFF3F9;}
#footer{
clear:both;
padding-top: 20px;
background:url(
https://i.imgur.com/eNRQRYQ.jpg) repeat # FFEAEA;
_height:1%;
text-align: center;}
#footer p{color:#000;}
#bottom ,
#bottom a{color:#000;}
#bottom a:hover {
color: #000;
background:
# FFF3F9;
border:2px dotted
#1A75FF;}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #000;
border:
2px double #1A75FF;
background: # fff;
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: #000;
border: 1px solid
#1A75FF;
background: # fff;
padding: 2px;
width:100%;}
html{SCROLLBAR-FACE-COLOR:
#00194B;
SCROLLBAR-DARKSHADOW-COLOR:
#1A47A3;
SCROLLBAR-HIGHLIGHT-COLOR:
#001E5A;
SCROLLBAR-ARROW-COLOR:
#1A47A3;
SCROLLBAR-3DLIGHT-COLOR:
#1A47A3;
SCROLLBAR-SHADOW-COLOR:
#1A47A3;}

/*下列語法請勿任意更改變動 ↓ */
#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;}
#container #links-row-1 div[class*="-mib-"],
#container #links-row-1 div[class*="-Mib-"],
#container #links-row-1 div[class*="-mIb-"],
#container #links-row-1 div[class*="-miB-"]
{display:none !important;}

.topbar-placeholder, #comment-text > div{display:none}

.article-body > div:last-child {width:0px; height:0px; margin-left: -2000px; }

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

 

 

 

萬聖節右欄位  

右二欄位版型語法:

/*---------你可能有興趣的文章此段不需要可自行刪除即可--------------*/

#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/0147.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(https://pic.pimg.tw/lamkwanfai/1508729892-4128758616.jpg);

color:#000078;line-height:150%;}

a {color:#000078;}

a:hover {color:#2D5AB4;cursor : url(http://www.geocities.jp/umod09/0149.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 #1A75FF;}

#authority a:hover{}

/*--------------------------container*/

#container{}

#container2{

width:1350px;

margin:0 auto;

background:url () left top repeat-y;}

#container3{}

/*--------------------------header */

#header{

overflow: hidden;

padding-left: 55px;

height: 670px;

position:relative;

background:url(https://i.imgur.com/HQmUa3K.jpg) no-repeat;}

#login-bar{

position:absolute;

left:500px;

top:507px;

color:#fff;}

#login-bar a{

color:#000078;}

#login-bar a:hover {

color:#fff;}

#banner{}

#banner h1{

position:absolute;

left: 90px;

top: 70px;

height:30px;

width:450px;

overflow:hidden;}

#banner h1 a{

font-size:24px;

color:#FFFFB7;

font-weight:bold;

line-height:30px;

text-shadow:1px 2px 0 # FFF;}

#banner h1 a:hover {

color:#FFFFFF;}

#banner h2{

position:absolute;

left:90px;

top:115px;

font-size:17px;

font-size: 17;

color:#FFFFDB;

height: 120px;

width:300px;

line-height:20px;

overflow:hidden;}

#banner .skiplink{

display:none;}

#banner #blog-category{

font-size:12px;

font-size: 14px \9;

color:#FFFFEA;

position:absolute;

right:97px;

bottom:40px;}

#banner #blog-category a{

color:#FFFFEA;}

#banner #blog-category a:hover {

color:#FFFFD6;}

/*--------------------------navigation*/

#navigation {

position:absolute;

top:560px;

left:850px;}

#navigation li {

float:left;

height:32px;

line-height:20px;

padding:0 15px;}

#navigation a {

font-size:25px;

color:#FFFFEA;

font-family:標楷體;

padding-left:20px;}

#navigation a:hover {

color:#FFFFD6;}

/*--------------------------main中間*/

#main{

background:url() 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: 115px ;

margin-top: -5px ;}

/*---------------------spotlight*/

#spotlight{

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

margin: 20px 100px 25px 100px;

background: #ABC0EA;

padding: 10px 15px;

border:1px solid #1A75FF;}

#spotlight h5{

color:#345BD6;

font-weight:bold;

font-size: 15px;

margin-bottom: -10px;

text-shadow:1px 1px 0 # fff;}

#spotlight-text{

color:#000078;}

/*---------------------*/

.article{_height:1%;margin-bottom: 20px;

border-bottom:1.5px dotted #005AEA;

padding-bottom:20px;}

.article-head{

_height:1%;}

.publish {

font-size:14px;

font-family:verdana;

height: 75px;

color:#345BD6;

text-shadow:1px 1px 0 # fff;

padding-top:25px;

padding-left:67px;

background:url(https://pic.pimg.tw/lamkwanfai/1508749689-3997957287.png) no-repeat;}

.time{display:none;}

.title{_height:1%;padding:5px 10px;}

.title a{color:#0033CC;

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:#345BD6;}

/*-----------------------article-body*/

.article-body{

margin: 10px 10px;

text-align:right;

color:#000078;}

.article-content{

color:#000078;

margin: 10px 0;

text-align: left;}

.article-content

.more{}

.bookmark{}

.author{}

.forward{}

/*-----------------------article-footer*/

.article-footer{

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

margin: 10px;

background: #ABC0EA;

border: 3px double #1A75FF;

padding: 10px;}

.history{}

.refer{}

.back-to-top{

text-align:right;

text-transform:uppercase;

text-shadow:1px 1px 0#1A75FF;}

/*--------------------------list*/

.article-area-title,

#view-mode{

color:#000078;}

.main-list{

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

margin: 10px;

background: #000078;

padding: 20px;}

.main-list table{

width: 100%;}

.main-list th{

padding:5px;

border-bottom:1px solid #1A75FF;}

.main-list td{padding:5px;

border-bottom:1px solid #1A75FF;}

/*--------------------------post-box*/

#trackback-box {text-align: center;}
#comment-box {text-align: left;}

.user-post-title {
text-align: center;
color: #000078;
background:url(
https://pic.pimg.tw/lamkwanfai/1508747906-2932758868.gif) center no-repeat;
font-size:14pt;
font-weight: bold;
margin: 0 auto;
padding-bottom:
70px;
padding-left:
-15px;}

.post-comment{
padding-top: 300px;
padding-bottom: 15px;
line-height: 2.8em;
height: 100%;
font-size: 18px;
background:url(https://pic.pimg.tw/lamkwanfai/1508749371-2393072303.gif) ;
background-repeat: no-repeat;
background-position: center top;
text-align:center;}

.post-comment a {
color: #000078;
background: #ABC0EA;
border: 1.8px double #1A75FF;}

.post-comment a {

color:#000078;}

.post-comment a:hover{

color:#000078;}

.single-post{

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

overflow: hidden;_overflow: none;_height: 1%;margin: 10px auto 10px ;

padding: 10px;

width: 580px;

background: #ABC0EA;

border:1px solid #1A75FF;

box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.4);

-ms-transition:.4s;
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s;}
.single-post:hover { background: rgba(255,255,255,0.2); }

.post-info{color:#000078;

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 #1A75FF;}

.post-text{

color:#000078;

float: left;

width: 500px;}

.reply-text{

border-top:1px dashed #1A75FF;

padding-top:5px;

color:#000078;

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 #1A75FF;

margin: 0 1px;

color:#000078;}

.page a:hover{

background: #ABC0EA;

border:1px solid #1A75FF;

color:#3484FF ;}

.page SPAN{color:#000078;}

/*--------------------------links 側欄*/

#links{

float:right;

width: 440px;

margin-right:-1px;}

#links{

color:#000078;

border-bottom:1px dotted # fff;

width:220px ;float:left;

margin: 0px 30px 0px 10px ;}

#links a{

font-size: 16px;

color:#000078;

border-bottom:1.6px dotted #1A75FF;}

.box{margin-bottom: 10px ;

background:url(https://pic.pimg.tw/lamkwanfai/1508746295-1528851747.png) left top repeat-y;}

.box-title{

background: url(

https://pic.pimg.tw/lamkwanfai/1508746860-3103392451.png) left top no-repeat;

height:45px;

font-family:華康行書體;

font-size: 1.5em ;

padding:35px 0px 0px 66px;

font-weight: bold ;color:#1A1AA3;}

.box-text{padding:0 20px;

color:#000078;_height: 1% ;

padding-bottom:20px;

background:url(https://pic.pimg.tw/lamkwanfai/1508746860-3572617628.png) left bottom no-repeat;}

.box-text a{

display:block ;

padding: 2px 0px ;

color:#C675EC;}

.box-text a:hover{

background: #ABC0EA;

color:#C675EC;}

.box-more{

text-align:center;}

.box-more a{

display: inline ;

color:#000078;}

#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: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

background:#ABC0EA;

padding:3px;

border:1px solid #1A75FF;}

#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: #97B1E5;

color:#000078;

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:#000078;

border:1px dotted #ABC0EA;}

/*誰來我家 我去誰家語法 不需要也可自行刪除*/

/*此語法只有pixnet可以用,請不要擅自亂改語法及圖片喔!*/

/*將這段語法貼在CSS最下面就可以囉!*/

#visitor IMG {}

#visitor .box-text li a{

height:40px;width:40px;

display:block;

MARGIN: 1px;

background: #ABC0EA; no-repeat center center;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#000078;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: #ABC0EA;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#000078;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() no-repeat;

padding-top:30px;

height:40px;

text-align: center;}

#footer p{}

#bottom ,

#bottom a{

color:#000078;}

input, textarea {

vertical-align: middle;

font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;font-size: 1.0em;

color:#000078;

border: 3px double #1A75FF;

background-image:url(https://pic.pimg.tw/lamkwanfai/1508764525-1541983347.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:#1A75FF;

background-image:url(https://pic.pimg.tw/lamkwanfai/1508764525-1541983347.jpg) ;

padding: 2px;width:90%;}

/*捲軸*/

HTML{scrollbar-face-color:#83A2E0;

scrollbar-highlight-color:#D3DEF4;

scrollbar-3dlight-color: #000078;

scrollbar-darkshadow-color: #000078;

scrollbar-shadow-color: #D3DEF4;

scrollbar-arrow-color: #D3DEF4;

scrollbar-track-color: #97B1E5;}

/*前文章小小圖*/

#category .box-text h6 img{display:none;}

#category .box-text h6 {

background-image:url(https://pic.pimg.tw/lamkwanfai/1508747906-1488260826.gif);

background-repeat:no-repeat;

background-position:left center;color:#000078;border-bottom:1.5px dotted #fff;

line-height:30px;

padding-left:25px;font-size:16px}

#category .box-text li a{

background-image:url(https://pic.pimg.tw/lamkwanfai/1508747906-3180685701.gif);

background-repeat:no-repeat;

background-position:1px 1px;

padding-left:25px}

#category .box-text li a:hover{

background-image:url(https://pic.pimg.tw/lamkwanfai/1508747906-1488260826.gif);

background-repeat:no-repeat}

padding-left:25px

/*---------不需要可自行刪除即可--------------*/

/*------------文章下方廣告無動態----------------*/

#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:#000078;}

.topbar-placeholder, #comment-text > div{display:none}

.article-body > div:last-child {width:0px; height:0px; margin-left: -2000px; }

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

 

 

 

萬聖節左欄位  

左二欄位版型語法:

/*---------你可能有興趣的文章此段不需要可自行刪除即可--------------*/

#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/0147.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(https://pic.pimg.tw/lamkwanfai/1508729892-4128758616.jpg);

color:#000078;line-height:150%;}

a {color:#000078;}

a:hover {color:#2D5AB4;cursor : url(http://www.geocities.jp/umod09/0149.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 #1A75FF;}

#authority a:hover{}

/*--------------------------container*/

#container{}

#container2{

width:1350px;

margin:0 auto;

background:url () left top repeat-y;}

#container3{}

/*--------------------------header */

#header{

overflow: hidden;

padding-left: 55px;

height: 670px;

position:relative;

background:url(https://i.imgur.com/HQmUa3K.jpg) no-repeat;}

#login-bar{

position:absolute;

left:500px;

top:507px;

color: #fff;}

#login-bar a{

color:#000078;}

#login-bar a:hover {

color: #fff;}

#banner{}

#banner h1{

position:absolute;

left: 90px;

top: 70px;

height:30px;

width:450px;

overflow:hidden;}

#banner h1 a{

font-size:24px;

color:#FFFFB7;

font-weight:bold;

line-height:30px;

text-shadow:1px 2px 0 # FFF;}

#banner h1 a:hover {

color:#FFFFFF;}

#banner h2{

position:absolute;

left:90px;

top:115px;

font-size:17px;

font-size: 17;

color:#FFFFDB;

height: 120px;

width:300px;

line-height:20px;

overflow:hidden;}

#banner .skiplink{

display:none;}

#banner #blog-category{

font-size:12px;

font-size: 14px \9;

color:#FFFFEA;

position:absolute;

right:97px;

bottom:40px;}

#banner #blog-category a{

color:#FFFFEA;}

#banner #blog-category a:hover {

color:#FFFFD6;}

/*--------------------------navigation*/

#navigation {

position:absolute;

top:560px;

left:850px;}

#navigation li {

float:left;

height:32px;

line-height:20px;

padding:0 15px;}

#navigation a {

font-size:25px;

color:#FFFFEA;

font-family:標楷體;

padding-left:20px;}

#navigation a:hover {

color:#FFFFD6;}

/*--------------------------main中間*/

#main{

background:url() 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: 102px ;

margin-top: -5px ;}

/*---------------------spotlight*/

#spotlight{

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

margin: 20px 100px 25px 100px;

background: #ABC0EA;

padding: 10px 15px;

border:1px solid #1A75FF;}

#spotlight h5{

color:#345BD6;

font-weight:bold;

font-size: 15px;

margin-bottom: -10px;

text-shadow:1px 1px 0 # fff;}

#spotlight-text{

color:#000078;}

/*---------------------*/

.article{_height:1%;margin-bottom: 20px;

border-bottom:1.5px dotted #005AEA;

padding-bottom:20px;}

.article-head{

_height:1%;}

.publish {

font-size:14px;

font-family:verdana;

height: 75px;

color:#345BD6;

text-shadow:1px 1px 0 # fff;

padding-top:25px;

padding-left:67px;

background:url(https://pic.pimg.tw/lamkwanfai/1508749689-3997957287.png) no-repeat;}

.time{display:none;}

.title{_height:1%;padding:5px 10px;}

.title a{color:#0033CC;

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:#345BD6;}

/*-----------------------article-body*/

.article-body{

margin: 10px 10px;

text-align:right;

color:#000078;}

.article-content{

color:#000078;

margin: 10px 0;

text-align: left;}

.article-content

.more{}

.bookmark{}

.author{}

.forward{}

/*-----------------------article-footer*/

.article-footer{

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

margin: 10px;

background: #ABC0EA;

border: 3px double #1A75FF;

padding: 10px;}

.history{}

.refer{}

.back-to-top{

text-align:right;

text-transform:uppercase;

text-shadow:1px 1px 0#1A75FF;}

/*--------------------------list*/

.article-area-title,

#view-mode{

color:#000078;}

.main-list{

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

margin: 10px;

background: #000078;

padding: 20px;}

.main-list table{

width: 100%;}

.main-list th{

padding:5px;

border-bottom:1px solid #1A75FF;}

.main-list td{padding:5px;

border-bottom:1px solid #1A75FF;}

/*--------------------------post-box*/

#trackback-box {text-align: center;}
#comment-box {text-align: left;}

.user-post-title {
text-align: center;
color: #000078;
background:url(
https://pic.pimg.tw/lamkwanfai/1508747906-2932758868.gif) center no-repeat;
font-size:14pt;
font-weight: bold;
margin: 0 auto;
padding-bottom:
70px;
padding-left:
-15px;}

.post-comment{
padding-top: 300px;
padding-bottom: 15px;
line-height: 2.8em;
height: 100%;
font-size: 18px;
background:url(https://pic.pimg.tw/lamkwanfai/1508749371-2393072303.gif) ;
background-repeat: no-repeat;
background-position: center top;
text-align:center;}

.post-comment a {
color: #000078;
background: #ABC0EA;
border: 1.8px double #1A75FF;}

.post-comment a {

color:#000078;}

.post-comment a:hover{

color:#000078;}

.single-post{

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

overflow: hidden;_overflow: none;_height: 1%;margin: 10px auto 10px ;

padding: 10px;

width: 580px;

background: #ABC0EA;

border:1px solid #1A75FF;

box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.4);

-ms-transition:.4s;
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s;}
.single-post:hover { background: rgba(255,255,255,0.2); }

.post-info{color:#000078;

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 #1A75FF;}

.post-text{

color:#000078;

float: left;

width: 500px;}

.reply-text{

border-top:1px dashed #1A75FF;

padding-top:5px;

color:#000078;

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 #1A75FF;

margin: 0 1px;

color:#000078;}

.page a:hover{

background: #ABC0EA;

border:1px solid #1A75FF;

color:#3484FF ;}

.page SPAN{color:#000078;}

/*--------------------------links 側欄*/

#links{

float:left;

width: 440px;

margin-right:1px;}

#links{

color:#000078;

border-bottom:1px dotted # fff;

width:220px ;

float:right;

margin: 0px 30px 0px 10px ;}

#links a{

font-size: 16px;

color:#000078;

border-bottom:1.6px dotted #1A75FF;}

.box{margin-bottom: 10px ;

background:url(https://pic.pimg.tw/lamkwanfai/1508746295-1528851747.png) left top repeat-y;}

.box-title{

background: url(

https://pic.pimg.tw/lamkwanfai/1508746860-3103392451.png) left top no-repeat;

height:45px;

font-family:華康行書體;

font-size: 1.5em ;

padding:35px 0px 0px 66px;

font-weight: bold ;color:#1A1AA3;}

.box-text{padding:0 20px;

color:#000078;_height: 1% ;

padding-bottom:20px;

background:url(https://pic.pimg.tw/lamkwanfai/1508746860-3572617628.png) left bottom no-repeat;}

.box-text a{

display:block ;

padding: 2px 0px ;

color:#C675EC;}

.box-text a:hover{

background: #ABC0EA;

color:#C675EC;}

.box-more{

text-align:center;}

.box-more a{

display: inline ;

color:#000078;}

#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: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

background:#ABC0EA;

padding:3px;

border:1px solid #1A75FF;}

#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: #97B1E5;

color:#000078;

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:#000078;

border:1px dotted #ABC0EA;}

/*誰來我家 我去誰家語法 不需要也可自行刪除*/

/*此語法只有pixnet可以用,請不要擅自亂改語法及圖片喔!*/

/*將這段語法貼在CSS最下面就可以囉!*/

#visitor IMG {}

#visitor .box-text li a{

height:40px;width:40px;

display:block;

MARGIN: 1px;

background: #ABC0EA; no-repeat center center;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#000078;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: #ABC0EA;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#000078;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() no-repeat;

padding-top:30px;

height:40px;

text-align: center;}

#footer p{}

#bottom ,

#bottom a{

color:#000078;}

input, textarea {

vertical-align: middle;

font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;font-size: 1.0em;

color:#000078;

border: 3px double #1A75FF;

background-image:url(https://pic.pimg.tw/lamkwanfai/1508764525-1541983347.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:#1A75FF;

background-image:url(https://pic.pimg.tw/lamkwanfai/1508764525-1541983347.jpg) ;

padding: 2px;width:90%;}

/*捲軸*/

HTML{scrollbar-face-color:#83A2E0;

scrollbar-highlight-color:#D3DEF4;

scrollbar-3dlight-color: #000078;

scrollbar-darkshadow-color: #000078;

scrollbar-shadow-color: #D3DEF4;

scrollbar-arrow-color: #D3DEF4;

scrollbar-track-color: #97B1E5;}

/*前文章小小圖*/

#category .box-text h6 img{display:none;}

#category .box-text h6 {

background-image:url(https://pic.pimg.tw/lamkwanfai/1508747906-1488260826.gif);

background-repeat:no-repeat;

background-position:left center;color:#000078;border-bottom:1.5px dotted #fff;

line-height:30px;

padding-left:25px;font-size:16px}

#category .box-text li a{

background-image:url(https://pic.pimg.tw/lamkwanfai/1508747906-3180685701.gif);

background-repeat:no-repeat;

background-position:1px 1px;

padding-left:25px}

#category .box-text li a:hover{

background-image:url(https://pic.pimg.tw/lamkwanfai/1508747906-1488260826.gif);

background-repeat:no-repeat}

padding-left:25px

/*---------不需要可自行刪除即可--------------*/

/*------------文章下方廣告無動態----------------*/

#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:#000078;}

.topbar-placeholder, #comment-text > div{display:none}

.article-body > div:last-child {width:0px; height:0px; margin-left: -2000px; }

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

 

 

 

新作  

 

換版型方法1  

 

 

引用:http://hoyu528.pixnet.net/blog/post/344355388

創作者介紹

自然

自然 發表在 痞客邦 PIXNET 留言(0) 人氣()