小被子部落♥

SPRING Pixnet CCS樣式

Need I say more? 喜歡就直接右鍵吧~

下圖可用在MSN圖示上

(網站透用預覽圖)

(FB封面照片使用圖)

#封面照片使用圖2  (如果你比較喜歡這邊，我自己都會兩邊翻看看  看哪個比較順眼XD)

# FB封面照片3 

這是我自己畫的，因為春天來了~這張圖是我對春天的感覺，我把我喜歡的元素都畫進去了(哈)

我是先套用PIXNET可修改的CCS

在自己畫完後修改變成自己的網站風格，

春天的感覺~~

我自己歡喜歡>///<

 -----

大家喜歡就帶走八~

也可以拿去做成FB的封面照片喔 我自己也有用:3

不過請各位拿去用前要註明出處，還有跟我留個言就可以拉^ ^~

回應一下美好的春天~

因為最近春裝一直敗，可能這張是我對春裝的感覺吧(哈哈)

小被子捉影

(點我進粉絲專業)
這是我的粉絲專頁 =///=

喜歡按個讚八:>

緩慢經營中，有空會有新作品的~!(這甚麼不負責任的話XD)~~

下圖是當封面照片的效果喔
 

-------以下複製CCS語法----------------

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

address,caption,cite,code,dfn,th,var {
font-style:normal;
font-weight:normal;
}

ol,ul {
list-style:none;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}

q:before,q:after {
content:'';
}

pre {
font-size:1em;
}

.article-content {
_height:1%;
overflow:hidden;
_overflow:none;
font-size:9pt;
line-height:20px;
padding:10px 0 0;
}

html {
scrollbar-face-color:#fff;
scrollbar-highlight-color:#fad6d8;
scrollbar-shadow-color:#fad6d8;
scrollbar-3dlight-color:#fad6d8;
scrollbar-arrow-color:#fad6d8;
scrollbar-track-color:#fad6d8;
scrollbar-darkshadow-color:#fad6d8;
scrollbar-base-color:#fad6d8;
}

body {
font-family:arial;
font-size:9pt;
color:#777;
letter-spacing:1px;
background:#fad6d8 url(http://pic.pimg.tw/gomay520/4f5bc8f4f387302acd296698a93099f1.jpg) left top repeat;
background-image:url(http://pic.pimg.tw/gomay520/4f5bc8f4f387302acd296698a93099f1.jpg);
background-color:#fad6d8;
background-repeat:repeat;
background-position:top left;
margin:0 auto;
}

a {
text-decoration:none;
color:#000;
}

br {
letter-spacing:0;
}

input {
border:0 solid #ccc;
background:#eee;
font-size:9pt;
font-family:arial;
color:#777;
height:18px;
vertical-align:middle;
-moz-border-radius:5px;
padding:0 5px;
}

textarea {
background:#eee;
overflow:hidden;
border:0;
}

#body-div {
overflow:hidden;
width:949px;
background:url(http://pic.pimg.tw/gomay520/45c2bc66243f3ae14793b0f21c6dd680.jpg) left top repeat-y;
margin:0 auto;
}

#authority {
height:0;
position:absolute;
z-index:99999;
}

#authority a {
background:#fd6b91;
position:relative;
top:7px;
left:0;
float:left;
color:#fff;
font-weight:bold;
-moz-border-radius:5px;
margin:0 7px 0 0;
padding:3px;
}

#main {
margin:0 10px 0 7px;
}

#main:after {
content:".";
height:0;
display:block;
clear:both;
visibility:hidden;
overflow:hidden;
}

#header {
position:relative;
width:949px;
height:394px;
background:url(http://pic.pimg.tw/gomay520/31757de867b58facab6b1951215ecb18.jpg) no-repeat left top;
color:#555;
background-image:url(http://pic.pimg.tw/depth/1363385355-2124507727.jpg?v=1363385356);
background-position:top left;
background-repeat:no-repeat;
}

#banner {
position:absolute;
left:10px;
top:50px;
}

#banner h1 a {
width:235px;
font-size:20px;
font-family:simhei;
display:block;
color:#fd6b91;
overflow:hidden;
}

#banner h2 {
word-break:break-all;
text-align:left;
width:235px;
height:auto;
line-height:18px;
overflow:hidden;
position:relative;
top:10px;
left:0;
color:#999;
}

#blog-category {
position:absolute;
top:265px;
left:40px;
color:#fd6b91;
}

#login-bar {
position:absolute;
left:287px;
top:330px;
color:#999;
}

#navigation {
position:absolute;
top:335px;
left:21px;
}

#navigation a {
margin-right:0;
text-indent:-5000px;
width:55px;
height:16px;
color:#fff;
display:block;
}

#spotlight {
width:661px;
margin-bottom:10px;
}

#spotlight h5 {
background:url(http://pic.pimg.tw/gomay520/34e5e3c53c28f35cb8f697a105d950ff.jpg) no-repeat left top;
font-weight:bold;
color:#fd6b91;
text-align:left;
height:30px;
padding:36px 0 0 70px;
}

#spotlight-text {
color:#555;
width:640px;
line-height:21px;
padding:5px 10px 10px;
}

#spotlight-text a {
color:#d8bad5;
font-weight:normal;
text-decoration:underline;
}

#spotlight-text a:hover {
color:#d8bad5;
}

#content {
width:661px;
float:right;
_overflow:hidden;
}

.article-head {
margin:0;
padding:0;
}

.publish {
text-align:right;
font-size:7pt;
background:url(http://pic.pimg.tw/gomay520/34e5e3c53c28f35cb8f697a105d950ff.jpg) no-repeat left top;
height:48px;
color:#888;
padding:17px 10px 0 0;
}

.title {
font-size:9pt;
text-align:left;
margin:-30px 0 30px 70px;
padding:0;
}

.title a {
color:#fd6b91;
font-weight:bold;
}

#article-area {
overflow:hidden;
margin:0;
padding:0;
}

.article-body {
overflow:hidden;
}

.more {
margin:20px 10px 20px 0;
}

.more a {
background:url(http://pic.pimg.tw/gomay520/b71e8da712079b9d57681261a61e1fb9.jpg) no-repeat left top;
display:block;
width:74px;
height:16px;
text-indent:-5000px;
color:#000;
}

.author {
color:#000;
text-align:right;
margin:0;
padding:5px 5px 10px 0;
}

.article-footer {
text-align:right;
color:#555;
line-height:19px;
}

.bookmark {
text-align:right;
padding:20px 0 0;
}

.forward img {
width:10px;
height:10px;
filter:gray;
padding-right:2px;
}

#article-box {
margin:10px 0 0;
}

.main-list table {
border-collapse:collapse;
width:100%;
margin:20px 0 0;
}

.main-list table td {
border:1px solid #86d1e4;
border-top:0 solid #86d1e4;
border-left:0 solid #86d1e4;
border-right:0 solid #86d1e4;
}

.post-comment {
text-align:center;
}

.post-comment a {
background:#fff;
-moz-border-radius:5px;
color:#666;
padding:4px;
}

.user-post-title {
color:#fd6b91;
font-size:9pt;
font-family:arial;
margin:20px 0 0;
}

.user-post-text {
text-align:center;
margin:auto 0;
}

.single-post {
position:relative;
text-align:left;
overflow:hidden;
_height:1%;
line-height:18px;
width:488px;
word-break:break-all;
background:#ffdedd;
margin:10px auto;
padding:40px 0 10px;
}

.post-info {
border-bottom:2px solid #fff;
width:488px;
position:absolute;
top:0;
left:0;
overflow:hidden;
color:#555;
margin:0;
padding:4px 5px;
}

.post-info a {
color:#555;
font-size:9pt;
font-family:arial;
}

.post-photo {
width:55px;
float:left;
text-align:center;
padding:5px 0 10px 5px;
}

.post-photo img {
width:40px;
height:40px;
background:#fff;
border:1px solid #a1744a;
}

.post-text {
float:right;
width:420px;
line-height:20px;
color:#555;
padding:0 5px 0 0;
}

.post-text p {
font-weight:bold;
color:#000;
}

#trackback-box .post-text {
float:none;
width:auto;
padding:0 0 7px 7px;
}

.reply-text {
clear:both;
float:right;
width:405px;
color:#fd6b91;
line-height:21px;
border-left:5px solid #fd6b91;
margin:5px 0 0;
padding:0 5px;
}

.reply-text textarea {
width:95%;
height:1%;
background:#fff;
overflow:hidden;
border:0;
}

.single-post.secret {
min-height:20px;
_height:20px;
line-height:20px;
padding-left:0;
width:488px;
padding-top:15px!important;
}

#links {
float:left;
width:250px;
margin-top:20px;
}

h4.box-title {
color:#fd6b91;
text-align:left;
font-weight:bold;
background:url(http://pic.pimg.tw/gomay520/ff82864062052d21f20a5e116611463e.jpg) no-repeat left top;
height:25px;
padding:15px 0 0 60px;
}

.box-text {
word-break:break-all;
font-size:9pt;
color:#fd6b91;
line-height:21px;
margin:0 0 20px;
padding:15px 10px 0 5px;
}

.box-more {
text-align:right;
margin:5px 0 0;
}

.box-more a {
color:#555;
border:1px solid #fff;
background:#fff;
padding:1px 3px;
}

.box-more a:hover {
border:1px solid #fff;
background:#fff;
}

#links .box-text a {
display:block;
color:#555;
}

#calendar table {
width:100%;
color:#fff;
margin:0 auto;
}

#calendar table th,#calendar table td {
text-align:center;
font-size:11px;
color:#777;
border:4px solid #fff;
background:#ffdedd;
}

#calendar .box-text td a {
color:#555;
background:#c2d6bd;
}

#calendar .box-text td a:hover {
color:#555;
font-weight:bold;
background:#c2d6bd;
}

#visitor .box-text li a {
width:25px;
height:25px;
margin:0 4px 2px 0;
}

#visitor .box-text li a:hover {
background:none;
}

#visitor .box-text li img {
margin:0;
}

#visitor .box-more {
clear:both;
}

#latest-comment span {
font-weight:bold;
}

#links #latest-trackback .box-text a {
border-bottom:0;
text-align:left;
}

#links #subsc<x>ription .box-text li a {
border:0;
text-align:left;
}

input#search-target {
width:100px;
background:#eee;
}

#footer {
clear:both;
overflow:hidden;
height:80px;
background:url(http://pic.pimg.tw/gomay520/4385879ff182626603b3ad3311f9839c.jpg) no-repeat left bottom;
letter-spacing:1px;
line-height:20px;
color:#666;
text-align:right;
padding:50px 20px 0 0;
}

fieldset,img,abbr,acronym {
border:0;
}

caption,th,#trackback-url,#subscription .box-text,#subscription .box-text li a {
text-align:left;
}

a:hover,#links .box-text a:hover {
color:#777;
}

#header a,#header a:hover,.author a,.author a:hover,.reply-text a,#links a {
color:#555;
}

#banner h1 a:hover,#banner h2 a,#blog-category a,#blog-category a:hover,.title a:hover,.single-post.secret .post-text,#footer a {
color:#fd6b91;
}

#banner .skiplink,.author span,.back-to-top,.history,.refer,img.pixnet-user,.user-ip {
display:none;
}

#login-bar a,.separator,.post-comment a:hover {
color:#999;
}

#navigation li,#visitor .box-text li,#crumb li {
float:left;
}

.article-content table td,.main-list td,.main-list th {
padding:5px;
}

.forward,#latest-comment a {
text-align:right;
}

#trackback-input,#trackback-url input {
color:#555;
background:#ffdedd;
}

#links .box .box-more a,#search .box-text li {
display:inline;
}

#visitor,#crumb ul {
_height:1%;
overflow:hidden;
_overflow:none;
}

#visitor .box-text li a img,#visitor .box-text li a:hover img {
height:25px;
width:25px;
}

#latest-trackback li,#links #subsc<x>ription .box-text li {
text-align:left;
margin:0 0 3px;
padding:0 0 3px;
}

------END------

使用方法非常簡單，

虛線處複製起來，

全部貼上你的CCS蘭裡面就完工搂!(當然要先把原本的CCS刪掉辣!)

以上>.^~

LOVE YOU ALL(揪)