PIXNET Logo登入

沉迷。失速。

跳到主文

頭暈目眩的時候請試著起身反轉，如果這份悲傷讓妳痛不欲生，它也會終結別處的痛楚…

部落格全站分類：視覺設計

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 12月 19 週六 200912:30

  • 樣式 / 不能被理解的悲傷

1205163152.jpg

不能被理解的悲傷 (網誌-痞客模板)

世界上有不能流淚的哀傷存在。
那是對誰也無法說明的，就算能夠說明，誰也不會理解的哪種東西。
那哀傷既不能改變成任何形式，
只能像無風之夜的雪那樣靜靜地逐漸累積在心裡而已。
by 村上春樹
※預覽:
※下載:
/*------------------------------ #Generate By Pixnet ------------------------- */
/*------------------------------ #comment-table ------------------------------ */
#comment-form table { width: 96% ; margin: 0 auto ;}
#comment-form td , #comment-form th { border: 1px solid #555 ; padding: 3px 5px; }
#comment-form input#send-comment { padding: 3px 5px ; }

.article-content p{
margin-bottom:1em;
}
/*------------------------------ #Generate End ------------------------------- */
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;}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,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;
}

html{}
body{
BACKGROUND: url(http://p8.p.pixnet.net/albums/userpics/8/0/226180/4a7d87422e380.gif) #2E2E2E fixed repeat;
MARGIN:0px auto;
font-family:verdana,arial,sans-serif;
COLOR: #666666;
font-size:12px;
cursor:crosshair;
text-align:center;
}

p{font-family:verdana,arial,sans-serif;font-size:12px;}
a {color:#909090;text-decoration:none;}
a:hover {color:#333333;text-decoration:none;cursor:help }

#authority {text-align:right;margin-top:5px;}
#authority a {margin-right:5px;}
#authority a:hover {}

#container{
background:#303030 url() repeat-y scroll 50%;
width:856px;
margin-top:10px;
text-align:center;
margin:auto;

}
#container2{
}

#header{
background:#303030 url(http://pic.pimg.tw/cloud621/4b2c4811b3e4f.jpg?v=1261193235) no-repeat top left;
color:#FFFFFF;
height:480px;
text-align:left;
padding-right:20px;
padding-top:20px;
}


#banner a{}
#banner h1 {text-align:left;}
#banner h1 a{
display:block;
width:250px;
height:40px;
margin-left:100px;
font-size:30px;color:#ccc
}
#banner h1 a:hover{color:#fff}

#banner .skiplink{display:none}
#banner {width:600px;display:bolck;float:left;}
#banner h2{margin-left:100px;color:#666}


#banner h2 {
line-height:160%;padding:5px;}


#blog-category{display:none}
#login-bar{display:none}



#navigation{
float:right;
width:180px;
margin:65px auto auto 10px;
background:url(http://p8.p.pixnet.net/albums/userpics/8/0/226180/4a7d97a57b48d.jpg) no-repeat top left;
}

#navigation a{display:block;height:16px;margin-left:3px;font-size:0px;color:#111;letter-spacing: -5000px;}
#navigation a:hover{color:#111}
#navigation a:focus{outline:none ;}
#navigation li{display:inline ;float:left ;}

#link-album{width:40px}
#link-blog{width:38px}
#link-guestbook{width:60px}
#link-profile{width:38px}



#main{}

#content{
float:left;
line-height:180%;
width:605px;
overflow:hidden;
text-align:left;
}


/*spotlight*/
#spotlight{

color:#666;
font-size:12px;
line-height:180%;
width:569px;
background:#fff url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/4a868bddd5dad.jpg) no-repeat left bottom;
margin:15px;margin-left:20px;
padding-bottom:60px;


}
#spotlight-text {padding:10px;}

#spotlight li{
list-style-type: disc ;
margin-left:45px ;
}

#spotlight h5{
height:45px;
padding-top:11px;
width:539px;
padding-left:30px;
background:#303030 url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/4a868b28a3de5.jpg) no-repeat 0px -15px;
text-align:left;
}




#view-mode{}


.article{
color:#666;
font-size:12px;
line-height:180%;
width:569px;
background:#fff url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/4a868bddd5dad.jpg) no-repeat left bottom;
margin:15px;margin-left:20px;
padding-bottom:25px;

}

.article-head{
background:#303030;color:#999;text-align:right

}

.title{
height:45px;
padding-top:11px;
width:539px;
padding-left:30px;
background:#303030 url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/4a868b28a3de5.jpg) no-repeat 0px -15px;
text-align:left;


}

.title a{
color:#fff;
font-family:SimHei;
font-size:16px;
font-weight:normal;
}

.title a:hover{color:#666;}

.article-body{display:block;clear:both}
.article-content{
width:530px;
margin-left:5px;margin-right:5px;margin-bottom:15px;
overflow:hidden;



}
.article-body a {color:#A30401}
.article-body p{line-height:180% ;}

.publish{}

.month{}
.date{}
.day{}
.year{}
.time{}


.bookmark{text-align:right;padding-left:10px;}
.bookmark span{display:none}
.bookmark a img{width:12px;height:12px;}


.author {
TEXT-ALIGN:center;
color:#999;height:20px;

}
.author A {COLOR: #666;}
.author A:hover {COLOR: #000}
.author span{display:none}

.more {text-align:right;float:right;}

.more a {
color:#5D5D5D;font-size:0px;font-weight:normal;
width:47px;height:17px;
display:block;
background:url(http://p8.p.pixnet.net/albums/userpics/8/0/226180/4a8fe24433a5d.gif) no-repeat left top;

}
.more a:hover {color:#5D5D5D}












#links{
padding:0px;
float:right;
padding-right:15px;
width:235px;
}


#links a{color:#666;padding-left:3px;}
#links a:hover{color:#ddd;background:#000;}


.box{
font-size:12px;
color:#999;
line-height:200%;
overflow:hidden;
background:#171717 url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/4a86c84501085.jpg) no-repeat left bottom;
padding-bottom:30px;
width:235px;
font-size:12px;
line-height:180%;
text-align:left;
}
.box-text {overflow:hidden;width:215px;margin-left:10px;margin-right:10px}
.box-text a:hover{}



.box-more{text-align:center;clear:both}
px;
#links .box-more a{color:#999 ;display:inline;}

.box-text{padding: 0px;}

.box-text li{}

.box-title{
text-align:center;
font-size:12px;
color:#808080;
font-weight:bold;
background:#171717 url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/4a86c845d5ff8.jpg) no-repeat left top;
height:30px;
padding-top:15px;
width:235px;
}
#search .box-text a{display:inline ;}
#search ,#change-theme ,#feed,#archive ,#favorite{text-align:center ;}
#counter,#powered{text-align:left}
#my-photo{float:left ;margin-right:5px ;}
#my-status p{clear:both ;text-align:center ;font-weight:bold ;}



/*calendar*/

#calendar{text-align:center ;}
#calendar table{width:95% ;color:#999;font-size:11px;}
#calendar th{text-align:center ;}

/*category*/

#category .box-text a{display:inline ;}
#category .box-text h6 {
padding-left:5px;color:#808080;padding-top:5px;
}
#category .box-text h6 img {filter: Xray}
#category .box-text li a {display:block;}
.box-more img{display:none}
#category .box-text {padding-top:5px;padding-bottom:5px}

#latest-trackback .box-text li{display:block}
#latest-comment .box-text a {display:block ;}
#subscription .box-text a {display:block ;}
#mylink .box-text a {display:block ;}
#recent-article .box-text a {display:block ;}
#hot-article .box-text a {display:block ;}

#recent-article .box-text img {filter:gray}

#trackback-box .single-post{}



#trackback-url{text-align:right ;padding-right:10px;margin-top:-20px;}
.user-post-title{margin-top:10px;padding-left:15px;}
.user-post-title img {display:none}


#trackback-title{}

#comment-title {display:none}

.forward{text-align:center}


.forward a {color:#999}


.refer li{
display:none
}

.history{text-align:center;}


.article-footer{text-align:left;padding-bottom:25px;}

.back-to-top{display:none;}




/*broadcast*/

#broadcast {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;}
#broadcast ul {list-style-image:none;list-style-position:outside;list-style-type:none;margin-top:5px;}
#broadcast li {float:left;margin-left:5px;}

/*Murmur*/

#Murmur{}
#murmur .box-text {color:#808080}
#murmur .box-more {CLEAR: both}
#murmur .box-more A {MARGIN: 5px 3px 3px 5px; FLOAT: left; }
.murmur-time {font-size: 10px;color:#B8B8B8 }

/*headshot*/
#headshot{overflow:hidden ;}
#headshot-img{width:90px;text-align:center ;float:left ;}
#headshot-img img{width:75px ;border:3px solid #fff ;}
#headshot a{display:inline ;}

.article-list TABLE {}

.main-list {
color:#666;
font-size:12px;
line-height:180%;
border-bottom:1px solid #d3d3d3;
border-right:1px solid #d3d3d3;
background:#F7F7F7;
margin:10px;
padding:10px;
}

.main-list table a {margin-left:5px;font-size:12px;color:#666}
.main-list TD {BORDER-BOTTOM: #ddd 1px solid;color:#666;}
.main-list TH {font-size:12px;color:#808080;TEXT-ALIGN: center;padding-top:10px;BORDER-BOTTOM: #ddd 1px solid;}



.list-num {display:none;}
#display{padding-right:10px;}

.list-date {
TEXT-ALIGN: center;color:#B8B8B8;font-size:11px;width:80px;}


.list-title {PADDING-LEFT: 10px; TEXT-ALIGN: left;color:#333;
width:320px;font-size:12px;}


.main-list table a:hover{background:#000;color:#ddd}
.main-list table img{filter:gray}

.article-area-title{display:none}

/*VISITOR*/

#visitor .box-text{}
#visitor IMG {}

#visitor .box-text li a{
height:22px;width:20px;
display:block;
MARGIN: 1px;
background:#E8E8E8;
}

#visitor .box-text li a:hover {background:none;}
#visitor .box-text li a img{visibility:hidden;height:20px;width:20px;}
#visitor .box-text li a:hover img {visibility:visible;height:20px;width:20px}

#visitor .box-text li { float: left; }
#visitor .box-text ul{}
#visitor .box-more {clear:both;}








/*crumb*/

#crumb .box-text{}
#crumb IMG {}

#crumb .box-text li a{
height:22px;width:20px;
display:block;
MARGIN: 1px;
background:#E8E8E8;
}

#crumb .box-text li a:hover {background:none;}
#crumb .box-text li a img{visibility:hidden;height:20px;width:20px;}
#crumb .box-text li a:hover img {visibility:visible;height:20px;width:20px}

#crumb .box-text li { float: left; }
#crumb .box-text ul{}
#crumb .box-more {clear:both;}












input,select{
font-family: "Arial";font-size: 12px;
}

input {
letter-spacing: 1px;
height: 18px;
border: 1px solid #E3E3E3;
background: #eee;
padding: 0px 2px 0px 2px ;
}

#footer{
clear:both ;
text-align:center ;
margin-top:20px ;
}

#bottom{
background:url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/4a86c720e3558.jpg) no-repeat scroll 50% 100%;
bottom:0pt;
height:139px;
left:10px;
width:100%;
z-index:8;
text-align:center;
font-size:12px;
width:856px;


}

#bottom a {
color:#666;
padding-left:5px;
}











/*--------------------------comment-form */
#comment-form {
background: url() left top no-repeat;
padding: 5px 5px 5px;
width: 530px;
margin: 10px auto;text-align:right;

}
#comment-form p {
color: #bbb;
margin: 0px 10px 5px;
padding-left: 100px;
}
#comment-form table {
margin-top: 20px;
width: 100%;
border: none;
}
#comment-form table tr.comment-form-title { display: none; }
#comment-form table td {
color: #999;
vertical-align: top;
border: none;
padding: 2px 5px;text-align:left;
}
#comment-form table th {
vertical-align: top;
width: 80px;
border: none;
padding: 2px 5px;
text-align: right;
color:#999;
}
#comment-form table th font { display: none; }
#comment-form input {
height: 17px;
font-family: Arial;
font-size: 11px;
color: #eee;
border: none;
border-bottom: 1px solid #999;background:none;
width: 95%;
}
#comment-form input.radio {
border: none; width: auto; background: none;margin:0; padding:0;
}
#comment-form input#blogcommenttext_name{
width: 86%;
}
#comment-form input#send-comment{
width: 80px;height:20px; float:right;
color:#fff;
background:#171717;
border:1px solid #333;
}
#comment-form textarea {
width: 95%;
height: 90px;
font-family: Arial;
font-size: 11px;
line-height: 18px;
color: #fff;
border: 1px solid #999999;
background: #2A2A2A;margin-top:8px;padding:5px;
}



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

.user-post-box{
width: 590px;
margin-left: 25px;
}
.user-post-title{
background:url(http://p8.p.pixnet.net/albums/userpics/8/0/226180/4a967611eff79.jpg) no-repeat;
width: 200px;
height: 30px;
font-size:0;
text-indent:-5000px;
}
#trackback-box .user-post-title{}
#comment-box .user-post-title{
background-position: left bottom;
}

.post-comment{
width:297px;
height: 67px;
background:url(http://p8.p.pixnet.net/albums/userpics/8/0/226180/4a96757653f24.jpg) left top no-repeat;
margin: 20px auto;
font-size:0;
text-indent: -5000px;
}
#content .post-comment a{
display:block;
width: 100%;
height:100%;
}

.single-post{
overflow: hidden;
_overflow: none;
_height: 1%;
width: 550px;
background:#171717 url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/4a86cd4fd3eb7.jpg) no-repeat left bottom;
line-height:160%;padding-bottom:20px;

}
.post-info{
height:35px;
line-height:15px;
margin-bottom:5px;
color:#eee;width:520px;padding-left:30px;padding-top:15px;
background:url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/4a86cd4f0d6c8.jpg) no-repeat left top;


}
.post-photo{
float: left;
width: 60px;
padding-top:5px;margin-left:10px;

}
.post-photo img{
width: 50px;
height: 50px;
padding:2px;
border:1px solid #ccc;
}
.post-text,
.reply-text{
float: right;
width:460px;
}

.post-text{ float: right;overflow:hidden;
width:460px;}


.reply-text{
margin-top:5px;
color:#a48e53;background:url(http://p8.p.pixnet.net/albums/userpics/8/0/226180/4a967ed545f9b.jpg) no-repeat left top ;
padding-top:35px;
padding-left:10px;padding-bottom:10px;


}






.single-post.secret{}


.single-post.secret .post-text{

width: 550px;height:60px;
background:#171717 url(http://p8.p.pixnet.net/albums/userpics/8/0/226180/4a9688e9a8e3a.jpg) no-repeat left top;
font-size:0px ; color:#171717;


}








#trackback-box {}
#trackback-box h3 {}
#trackback-box SPAN {}
#trackback-box #trackback-url{
margin: 20px 25px;
}
#trackback-box #trackback-url input{
border:0;
padding:2px;
background:#171717;
color:#666;
font-size:11px;
font-family:arial;
margin-right:3px;
}
#trackback-box input#trackback-input{
width:300px;
padding: 3px 3px 4px 3px;
margin:0;
}
#trackback-text {}
#trackback-text .single-post {}
#trackback-text .post-info {}
#trackback-box .post-text{
width:auto ;
float:none ;
}
(繼續閱讀...)
文章標籤

bamcloud 發表在 痞客邦 留言(49) 人氣(3,439)

  • 個人分類：樣式
▲top
  • 7月 05 週日 200920:47

  • 樣式 / 花的姿態

1205163152.jpg



花的姿態 (網誌-痞客模板)
(繼續閱讀...)
文章標籤

bamcloud 發表在 痞客邦 留言(54) 人氣(3,682)

  • 個人分類：樣式
▲top
  • 11月 08 週四 200716:35

  • 其他 / 無法套用樣式?




最近有不少人反應樣式套用之後，卻沒有更新的問題。
請參考Pixnet提供的解決辦法，如下:

(繼續閱讀...)
文章標籤

bamcloud 發表在 痞客邦 留言(6) 人氣(4,533)

  • 個人分類：樣式
▲top
  • 11月 05 週一 200720:30

  • 分享 / 網誌樣式統整




網誌樣式統整
(11/5)
新增brash(黑貓)網誌 / 留言版
新增cathy 凱西 網誌
(繼續閱讀...)
文章標籤

bamcloud 發表在 痞客邦 留言(1,500) 人氣(104,540)

  • 個人分類：樣式
▲top
  • 9月 10 週一 200719:55

  • 分享 / 蜷川實花(網/留/名)




分享 / 蜷川實花(網誌/留言版/名片/網誌迴響)

(9/11)17:00前有套用留言版的使用者，請稍微修正以下標籤，或直接重新套用。
(繼續閱讀...)
文章標籤

bamcloud 發表在 痞客邦 留言(276) 人氣(7,339)

  • 個人分類：樣式
▲top
  • 9月 04 週二 200721:28

  • Note / 痞客模板CSS標籤詳細版




痞客模板CSS標籤詳細版 轉自★╮涵．苞．待．放╭☆
我只能說這東西真是太讚了！v(￣︶￣)y
雖然官方已經釋出CSS架構圖
(繼續閱讀...)
文章標籤

bamcloud 發表在 痞客邦 留言(14) 人氣(3,773)

  • 個人分類：樣式
▲top
  • 8月 27 週一 200700:40

  • 分享 / SweetHouse (網/名/留)




限量分享 / SweetHouse [網誌/名片/留言版]
久等了各位~~終於整理好哩^^要的請留悄悄話索取!!
(繼續閱讀...)
文章標籤

bamcloud 發表在 痞客邦 留言(226) 人氣(4,771)

  • 個人分類：樣式
▲top
  • 8月 17 週五 200700:54

  • 分享 / 偽裝 [ 痞客模板 ]




分享 / 偽裝 [ 痞客模板 ]
只開放15人索取!!想要的請留言!!

(繼續閱讀...)
文章標籤

bamcloud 發表在 痞客邦 留言(100) 人氣(2,629)

  • 個人分類：樣式
▲top
  • 7月 31 週二 200700:03

  • 分享 / 揮灑 (全套)




分享 / 揮灑 (PIXNET樣式)
很簡單的一個樣式，適合網誌敘述打很長的朋友們。
(7/25) 應觀眾要求，把留言版樣式也生出來了呵!!
(7/27) 沒錯沒錯!!名片樣式也出爐了^___^
(繼續閱讀...)
文章標籤

bamcloud 發表在 痞客邦 留言(177) 人氣(9,443)

  • 個人分類：樣式
▲top
  • 7月 10 週二 200700:28

  • 分享 / PIXNET 迴響樣式




7/6 新增《舞蝶》、《極簡》樣式
7/10 新增《換換愛》樣式(四款)

(繼續閱讀...)
文章標籤

bamcloud 發表在 痞客邦 留言(520) 人氣(10,626)

  • 個人分類：樣式
▲top
12»

New Article

  • 蜷川實花鏡頭下的蔡依林
  • 影片 / Michelle phan 阿凡達妝容
  • 樣式 / 不能被理解的悲傷
  • 桌布 / 街角的流浪貓
  • 短文 / 在每一個道別之後
  • 樣式 / 花的姿態
  • 范瑋琪 / 「F ONE」
  • Save Me From Myself
  • 西蒙波娃的越洋情書
  • 敗犬女王

New Comment

  • [19/03/09] 訪客 於文章「方雅賢 / 決定 & 愛上思念 ...」留言：
    你好！告訴你一個好消息！ 💖清透嘹亮的純淨女...
  • [19/01/03] 刢夏 於文章「蘇打綠 / 無與倫比的美麗演唱會影片...」留言：
    感謝整理和分享...
  • [17/11/09] 穆欽/Muchin 於文章「分享 / 網誌樣式統整...」發表了一則私密留言
  • [17/06/30] kotoawa1234 於文章「分享 / 網誌樣式統整...」留言：
    抱走越過回憶咯 感謝...
  • [16/06/29] 訪客 於文章「介紹 / 沉睡的青春...」留言：
    好看，桌布帶走囉~謝謝!...
  • [15/03/20] 菁菁兒 於文章「分享 / 揮灑 (全套)...」發表了一則私密留言
  • [14/05/25] 影片分享達人 於文章「短文 / 在每一個道別之後...」留言：
    ﹎學﹉生詭﹉異狂﹋笑後﹌就跳﹍樓ㄌ﹍--﹎恐怖...
  • [14/02/01] 子悅 於文章「樣式 / 不能被理解的悲傷...」留言：
    拿走摟謝謝:)...
  • [14/01/23] ka0s2vc8x 於文章「西蒙波娃的越洋情書...」留言：
    ５00坪♀ｌｅｄ大♂批發賣場◇ doxa．ｔｏ...
  • [14/01/04] 訪客 於文章「西蒙波娃的越洋情書...」留言：
    這是我最愛的一段話 中文版本的詮釋更是觸動人心...

Category

toggle 沒有音樂多寂寞 (2)
  • Music-新歌 (48)
  • Music-推薦 (5)
toggle 記憶滿足回憶的人 (5)
  • 超級星光大道 (32)
  • 周日狂熱夜 (3)
  • 校園歌喉戰 (6)
  • 其他影片 (11)
  • 戲劇豐富人生 (10)
toggle 其他雜七雜八 (5)
  • 樣式 (12)
  • 音樂播放 (2)
  • 桌面美化 (7)
  • 計時器&時鐘 (1)
  • 其他玩意兒 (15)
toggle 自由和寂寞的換算 (4)
  • 有感 (18)
  • 籐井樹作品集 (5)
  • 康永寶寶日記 (4)
  • 網路文學 (5)
  • 未分類文章 (1)

Visitor

Search

Hot-Article

  • (10,994)陳妍希打敗200人 將和仔仔對戲
  • (3,457)[小說] 籐井樹 / 紅燈
  • (2,452)大塚 愛 / 戀愛寫真 [現在只想愛你]
  • (2,007)林宥嘉&陶晶瑩 / 那些日子
  • (1,701)放羊的星星 / 經典台詞
  • (1,213)我的未來不是夢(蘇打綠&阿霈)
  • (975)[TV] 校園歌喉戰季冠軍評選 / 張晉樵
  • (777)艾薇兒 / Keep Holding On
  • (641)關史蒂芬妮 / Wind It Up
  • (592)YUI / CHE.R.RY

Archive

Friends

Kitaca飛鼠互動日曆鐘

參觀人氣

  • 本日人氣：
  • 累積人氣：

BloggerAds

Google Adsense