哇哈~
段考之後又做了新樣式了:)
因為很閑加上心情極度的不好所以就做了個東西消耗消耗下時間:)
這次這個樣式...
你可以說很爛:) (其實我的樣式都很爛啦XD)
哇哈哈哈!
我只是做個自己喜歡的樣式+上配合我家視窗、等等等的~哇哈哈
因為其實真的找不到有什麼主題再裡面
所以就亂取個叫Mixed好了
哇哈哈哈哈:)
一直哇哈哈顯得我最近壓力很大 :(
IE不適用,推薦用Firefox或是Safari.
如果用IE看我家一片慘白的話....那我只能這個樣子了XD
哇哈哈太好笑了
放個截圖給大家看吧:)
/*------------------------------------------------------------------------------------------
Design by Black
http://s88528.pixnet.net/blog
最佳瀏覽視窗 : Firefox / Safari
最佳解析度: 1024*768
------------------------------------------------------------------------------------------*/
/*------------------------------ #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;}
/* --------------------------------------------------------------- 大範圍區塊 ---------------------------------------------------------------*/
/*--整體設定--*/
body{
background:url("http://p7.p.pixnet.net/albums/userpics/7/8/497078/4ac6f91191b6e.png")repeat-x;
font-size:12px;
font-family:"CONSOLAB" ;
text-transform :capitalize;
}
#body-div{}
/*--超連結--*/
a{
color:#a7a7a7;
text-decoration:none ;
}
/*--滑鼠移動到超連結上時--*/
a:hover{
color: #747474;
text-decoration:none;
}
/*--登入後最上方的後台功能列--*/
#authority{
border-bottom:1px dashed #888;
text-align:left;padding-left:5%;
padding-bottom:5px;margin-top:3px;
}
/*--登入後最上方的後台功能列的所有按鈕--*/
#authority a{
color:#777777;
}
/*--發表新文章功能鈕--*/
#authority #newpost{
padding: 2px 6px;
}
/*--進入後台功能鈕--*/
#authority #backstage{
padding: 3px 10px 3px 10px;
margin-left:20px;
}
/*--所有內容--*/
#container{
width:1000px ;
margin:0px auto 0px auto ;
}
#container2{
padding-top:10px;padding-left:50px;margin:0px ; width:950px;position:relative ;
}
#container3{
background:none}
/*--主要內容區+側邊欄位區--*/
#main{}
/* --------------------------------------------------------------- 頁首 ---------------------------------------------------------------*/
#header{
background:url("http://p7.p.pixnet.net/albums/userpics/7/8/497078/4ad5cbb815c33.png")no-repeat left top;
height:300px;margin-top:150px;
}
/*--登入功能列--*/
#login-bar{
text-align:right ;
position:absolute ;
top:3px;
right:5% ;
color:#888888
}
#login-bar a{
color:#888888
}
/*--頁面上方區塊-不包括登入功能列--*/
#banner{}
/*--部落格標題--*/
#banner h1{width:180px;}
#banner h1 a{
font-size: 0px;
font-weight:bold ;
padding-bottom:80px;padding-left:200px;
}
/*--跳到主文--*/
#banner .skiplink,#banner h2,#blog-category{display:none}
/*--其他服務連結區塊--*/
#navigation{
text-indent: -9999px;
overflow:hidden ;
_overflow:none ;
_height:1% ;
padding: 10px ;
margin:10px 0px 0px 200px;
}
/*--其他服務連結區塊內的所有連結--*/
#navigation a{
display:block ;
width:30px ;
height:30px;
text-align:center ;
}
/*--其他服務連結區塊內的所有項目--*/
#navigation li{
float:left ;
margin: 0px 10px 0px 0px ;
}
/*--其他服務連結-相簿--*/
#link-album{background:url(http://p7.p.pixnet.net/albums/userpics/7/8/497078/4ac718161bc72.png)no-repeat}
/*--其他服務連結-部落格--*/
#link-blog{background:url(http://p7.p.pixnet.net/albums/userpics/7/8/497078/4ac71816b94cd.png)no-repeat}
/*--其他服務連結-留言版--*/
#link-guestbook{background:url(http://p7.p.pixnet.net/albums/userpics/7/8/497078/4ac7181742466.png)no-repeat}
/*--其他服務連結-名片--*/
#link-profile{background:url(http://p7.p.pixnet.net/albums/userpics/7/8/497078/4ac7181bf30e4.png)no-repeat}
/* --------------------------------------------------------------- 主要內容區 ---------------------------------------------------------------*/
/*--主要內容區--*/
#content{
width:600px ;
float:left ;
padding:10px ;
}
/*--公告注目區--*/
#spotlight{display:none
}
/*--所有文章區塊--*/
#article-area{
margin-left:10px;
margin-top:-150px;
}
/*--所有文章區塊標題--*/
.article-area-title{
padding: 3px 7px;
}
/*--瀏覽方式--*/
#display{
text-align:right;
margin : 5px 0px ;
}
/*--瀏覽方式這四個字--*/
#display span{}
/*--標題列表/簡短摘要--*/
#display a{}
/*--單一篇文章--*/
.article{
margin-bottom: 10px ;
width:560px;
padding-left:30px ;
}
/*--單一篇文章最上方--*/
.article-head{
background:url(http://p7.p.pixnet.net/albums/userpics/7/8/497078/4ac8528def038.png)no-repeat left top;
height:81px;margin-left:-30px;margin-top:-40px;
}
/*--發表時間--*/
.publish{color:#adadad;position:relative ;top:-13px;left:35px;letter-spacing :1px;;}
/*--月份--*/
.month{font-weight :bold;font-size:16px;position:relative ;top:5px;left:-17px;color:#c2c2c2}
/*--日期--*/
.date{font-weight :bold;font-size:30px;position:relative ;top:40px;left:-53px;color:#adadad}
/*--文章標題--*/
.title h2 a{
font-size:16px;*font-size:20px;;position:relative ;top:-10px;left:100px;
letter-spacing :2px;
padding:20px 350px 10px 100px;margin-left:-100px;
color:#939393
}
/*--單一篇文章中間區塊--*/
.article-body{}
/*--加入書籤--*/
.bookmark{text-align: right; margin: 25px 0px 4px 0px; } .bookmark a img{width: 10px; height: 10px; }
/*--文章內容--*/
.article-content{
line-height: 140% ;
}
/*--繼續閱讀--*/
.more{}
/*--發表時間--*/
.author{
text-align:right ;
width:580px;
margin: 5px 0px 0px -30px ;
border-bottom: 1px solid #c2c2c2 ;
background:url(http://p7.p.pixnet.net/albums/userpics/7/8/497078/4ac75381c291f.png)no-repeat bottom left
}
/*--單一篇文章最下方--*/
.article-footer{
padding-bottom:110px;margin-left:-50px;
background:url("http://p7.p.pixnet.net/albums/userpics/7/8/497078/4ad9d64d54e73.png")
}
/*--轉寄文章--*/
.forward{
text-align:right ;
}
/*--回到頁首--*/
.back-to-top,.refer,.history{
display:none
}
/* --------------------------------------------------------------- 引用及回應列表 ---------------------------------------------------------------*/
/*--引用及回應列表全部的大範圍--*/
#user-post{
margin-left:-20px;
margin-bottom: 20px ;
}
#trackback-url {
text-align: left;
margin-left:50px;
border:none;border-bottom:1px solid #eee;
}
#trackback-url input {
width: 10px;height:10px;
margin: 0px 5px 0px 0px;
background:#999;border:none;color:#999
}
input#trackback-input {
width: 400px;color:#999;font-size:11px;
background:none;border:none;border-bottom:1px solid #bbb;
text-indent:0px;
}
/*--僅引用區塊--*/
#trackback-box{
margin-top:-75px;
margin-bottom: 20px;
}
/*--僅回應列表--*/
#comment-box{margin-left:-10px;margin-top:-35px;}
/*--引用列表+回應列表--*/
.user-post-box{
padding: 10px;
}
/*--引用列表標題--*/
#trackback-title{padding-top:5px;}
/*--回應列表標題--*/
#comment-title{background:url("http://p7.p.pixnet.net/albums/userpics/7/8/497078/4adaa1de8b79d.png")no-repeat left top;width:610px;padding-left:10px;}
/*--引用列表標題+回應列表標題--*/
.user-post-title{
color:#222 ;
padding: 5px 0px 50px 0px ;
font-size: 12px ;
}
/*--引用內容區塊--*/
#trackback-text{background:url(http://p7.p.pixnet.net/albums/userpics/7/8/497078/4ad9d8546b6e2.png)no-repeat left bottom;margin-left:-10px;width:610px;}
/*--回應內容區塊--*/
#comment-text{}
/*--引用內容區塊+回應內容區塊--*/
.user-post-text{
padding:20px ;
}
/*--單一引用--*/
#trackback-box .single-post{}
/*--單一回應--*/
#comment-box .single-post{}
/*--單一引用+單一回應--*/
.single-post{
margin-bottom: 5px ;
padding: 10px ;
overflow:hidden ;
_overflow:none ;
}
/*--引用者資訊+回應者資訊--*/
.post-info{
width:500px;
background:url(http://p7.p.pixnet.net/albums/userpics/7/8/497078/4adaf912c95fd.png)no-repeat left top;
height:75px;
padding-top: 5px ;padding-left:45px;
margin-bottom: 10px ;
font-weight:bold ;
}
.post-info a{
padding:0px 2px;
}
/*--單一引用內容+單一回應內容--*/
#trackback-box .post-text{
display:none
}
.post-text{
margin-top:-60px;
width: 470px ;
float:right ;
margin-bottom: 10px ;
}
#trackback-box .post-text{
width: auto ;
float:none ;
}
/*--單一引用標題+單一回應標題--*/
.post-text p{
width: 180px ;
}
/*--回應者頭像--*/
.post-photo img{
display:none
}
.post-photo a{
filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5;}
.post-photo a img{display:block;
position:relative ;top:-90px; left:5px;padding-bottom:10px;
width:30px ;
float:left ;
}
.post-photo a:hover{
filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;}
.post-photo a:hover img{display:block;
position:relative ;top:-95px; left:0px;padding-bottom:0px;
width:40px ;
float:left ;
}
/*--版主回覆內容--*/
.reply-text{
clear:both ;
border-top: 1px solid #bbb ;
padding-top: 5px ;
padding-left:70px;
width:480px;
}
/*--版主回覆資訊--*/
.reply-text p{
float:right;display:none
}
/*--悄悄話--*/
.secret{display:none}
/*--留下迴響--*/
.post-comment a{
position:fixed;right:80px;bottom:60px;
background:url("http://p7.p.pixnet.net/albums/userpics/7/8/497078/4ad9e8f0182c3.png")left top;
font-size: 0px ;width:175px;height:37px
}
/* --------------------------------------------------------------- 列表模式的文章區塊 ---------------------------------------------------------------*/
/*--列表--*/
.main-list{
padding:10px ;
margin-bottom: 15px ;
}
/*--列表表格--*/
.main-list table{
width:95% ;
margin:10px;
}
/*--列表標題--*/
.main-list h3{
padding: 5px 10px ;
margin-bottom: 10px;
}
/*--列表表頭表格--*/
.main-list th{
padding: 2px;
}
/*--列表一般表格--*/
.main-list td{
border:1px solid #888 ;
padding: 2px;
}
/*--列表文章名稱--*/
.main-list a{
}
/*--所有文章列表--*/
#article-list{}
/*--單一分類文章列表--*/
#category-list{}
/*--所有歷史狀態列表--*/
#murmur-list{}
/*--頁數--*/
.page{}
/* --------------------------------------------------------------- 側邊欄位區 ---------------------------------------------------------------*/
/*--側邊欄位區--*/
#links{
width:235px ;
float:right ;
padding:10px ;
margin-top:-280px;
margin-right:60px;
}
/*--單一功能區塊--*/
.box{
padding: 10px;
margin-bottom: 15px ;
}
/*--單一功能區塊標題'--*/
.box-title{
background:url(http://p7.p.pixnet.net/albums/userpics/7/8/497078/4ac750934e9a9.png)no-repeat;
height:26px;
width:178px;
text-align:center ;
font-size: 12px;
float:left;align:left;text-align:left;
padding:30px 0px 0px 55px;
}
/*--單一功能區塊內容--*/
.box-text{
margin-top:45px;
margin-left:20px;
background:#e9e9e9 url(http://p7.p.pixnet.net/albums/userpics/7/8/497078/4ac75381c291f.png)no-repeat bottom right ;
width:191px;
padding:5px 5px 15px 5px;
border-bottom:2px solid #bcbcbc;
}
/*--單一功能區塊項目--*/
.box-text li{
margin: 5px 0px ;
}
/*--單一功能區塊超連結--*/
.box-text a{
}
#visitor {
width:520px;top:225px;left:100px;position: absolute;float:left;align:left;display:inline;text-decoration:none;background:none;border:none;font-size:0px;
}
#visitor a{
width:200px;position:absolute;float:left;align:left;display:inline;text-decoration:none;text-decoration:none;
}
#visitor div{
display:inline
}
#visitor .box-title{
display:none;background:none;border:none
}
#visitor .box-text{
background:none;border:none
}
#visitor .box-text ul {
_height: 1%;overflow: hidden;_overflow: none;display:inline
}
#visitor .box-text ul li {
float:left;display: inline;width: 35px;height: 35px;
overflow:hidden;padding: 0px 0px 0px 0px;margin: 0px 2px 2px 0px;background:none;border:none
}
#visitor .box-text ul li a {
display: block;width: 40px;height: 40px;padding-top:5px;padding-left:5px;text-decoration:none;background:none;border:none
}
#visitor .box-text ul li a img {
width:20px;height: 20px;filter:alpha(opacity=30);opacity:0.3;-moz-opacity:0.3;text-indent:0px;
}
#visitor .box-text ul li a:hover {
width: 40px;height: 40px;text-decoration:none;background:none;border:none
}
#visitor .box-text ul li a:hover img {
alpha(opacity=100);opacity:1.0;-moz-opacity:1.0;width: 30px;
height:30px; margin-left:-5px;margin-top:-5px;text-decoration:none;
}
.myicon_exlinklog_box {200px;text-align:left; font-size:12px;overflow:hidden;} .myicon_user a{ float:left;width:30px;height:30px;text-align:left;filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5;padding:5px 5px 5px 5px;} .myicon_user a img { width:20px;height:20px;padding-left:5px;} .myicon_user a:hover{float:left;width:40px;height:40px;text-align:left;filter:alpha(opacity=100);opacity:1.0;-moz-opacity:1.0;padding:0px} .myicon_user a:hover img{ width:30px;height:30px;}
/*--站方公告--*/
#announce{display:none}
/*--個人頭像--*/
#headshot{position:absolute ;top:120px;right:80px;}
/*--個人頭像標頭--*/
#headshot .box-title{display:none;background:none;border:none}
/*--個人頭像內容區塊--*/
#headshot .box-text{margin-top:-90px;height:117px;width:228px;border:none;background:url(http://p7.p.pixnet.net/albums/userpics/7/8/497078/4adaa6b7c16fe.png)no-repeat;}
#headshot .box-text a{font-size:0px;}
/*--個人頭像那張照片--*/
#headshot .box-text img{width:50px;height:50px;margin-top:-5px;}
/*--碎碎唸--*/
#murmur{position:absolute ;top:120px;right:80px;}
/*--碎碎唸標頭--*/
#murmur .box-title{display:none;background:none;border:none}
/*--碎碎唸內容區塊--*/
#murmur .box-text{background:none;border:none;width:170px;margin-top:-80px;}
#murmur .box-text a{color:#8a8a8a}
/*--發表時間--*/
#my-time{}
/*碎碎唸文字內容*/
#murmur-text a{}
#murmur .box-more {position:relative ;top:25px;right:-40px;}
/*--好友的碎碎唸聯播--*/
#broadcast{}
/*--好友的碎碎唸標頭--*/
#broadcast .box-title{}
/*--好友的碎碎唸內容區塊--*/
#broadcast .box-text{}
/*--一個好友的內容--*/
#broadcast .box-text ul{
_height:1% ;
overflow: hidden ;
_overflow: none ;
width:200px;
background:#dcdcdc;margin-left:-5px;
border-bottom:5px solid #e9e9e9;height:25px;
}
/*--好友的頭像--*/
.broadcast-photo img{
float:left ;
width:20px ;padding-right:5px;padding-left:5px
}
/*--好友的碎碎唸發表時間--*/
.broadcast-time{display:none}
/*--好友的碎碎唸發表內容--*/
.broadcast-text{width:170px;float:right;margin-top:-10px;}
/*--搜尋--*/
#search{position:fixed;left:400px;bottom:-38px;}
/*--搜尋標頭--*/
#search .box-title{display:none}
/*--搜尋內容區塊--*/
#search .box-text{}
/*--搜尋輸入文字欄位--*/
#search-target{background:none;border:0px;border-bottom:1px solid #222;font-size:12px;text-indent:2px;text-align:center}
/*--搜尋確定鈕--*/
input#search-submit{
margin-left:20px;background:none;border:0px;border-bottom:1px solid #222;font-size:11px;
}
/*--本日人氣--*/
#counter{
top:105px;left:515px;position:absolute;float:left;align:left;display:inline;text-decoration:none;
border:none;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
/*--本日人氣標頭--*/
#counter .box-title{display:none}
/*--本日人氣內容區塊--*/
#counter .box-text{color:#8e8e8e;background:none;border:none;}
/*--新聞交換rss--*/
#feed li,#feed ul{display:inline}
#feed a{margin-left:5px;}
#feed{
;position:absolute;top:139px;left:355px;height:auto;width:auto;
}
/*--新聞交換標頭--*/
#feed .box-title{display:none;border:none}
/*--新聞交換內容區塊--*/
#feed .box-text{background:none;border:none;display:inline}
/*--新聞交換icon--*/
#feed img{width:70px;}
/*--月曆--*/
#calendar{position:absolute;top:80px;left:10px;float:center;align:center;text-align:center}
/*--月曆標頭--*/
#calendar .box-title{display:none;background:none;border:none;}
/*--月曆內容區塊--*/
#calendar .box-text{background:none;border:none;color:#b6b6b6;margin-top:-90px;}
/*--月曆-月曆表格--*/
#calendar table{}
/*--月曆-選擇月份的那一欄--*/
#calendar .cal-forward,#calendar .cal-backward{
margin-bottom:10px;
}
#calendar .current-month{width:210px;float:center;align:center;text-align:center;margin-top:-8px;color:#8e8e8e}
#calendar .cal-forward{float:right;text-align:right;align:right;font-size:18px;}
#calendar .cal-backward{float:left;text-align:left;align:left;font-size:18px;}
/*--月曆-星期幾的那一欄--*/
#calendar .weekday{display:none}
/*--月曆-日期儲存格--*/
#calendar td{width:30px;border:1px solid #e0e0e0;color:#b6b6b6}
/*--月曆-當天有寫文章的儲存格--*/
#calendar td a{width:30px;padding:0px 4px;color:#8e8e8e}
#calendar td a:hover{color:#696969;background:#cfcfcf}
/*--人氣文章--*/
#hot-article .box-text a{
width:180px;ine-;height:15px;height:15px;display:block;color:#999999;background:#dcdcdc;text-align:left;padding-left:10px;margin-left:-5px;border-left:10px solid #999999;
}
#hot-article .box-text a:hover{
color:#dcdcdc;background:#999999;text-align:center
}
/*--最新迴響內容區塊--*/
#latest-comment .box-text{color:#9f9f9f}
#latest-comment .box-text a{
width:195px;ine-;height:15px;height:15px;_overflow:none;overflow:hidden;display:block;color:#999999;background:#dcdcdc;margin-left:-5px;text-align:right;padding-right:5px;
}
#latest-comment .box-text a:hover{
color:#dcdcdc;background:#999999;text-align:center
}
/*--頁尾--*/
#footer{
clear:both ; background:url(http://p7.p.pixnet.net/albums/userpics/7/8/497078/4ad9d8546b6e2.png)no-repeat;width:610px ; height:51px;margin-bottom:50px;}
/*--頁尾-自訂聲明--*/
#footer p{display:none}
/*--頁尾-pixnet連結--*/
#footer #bottom{color:#a7a7a7;float:right;padding-right:15px;padding-top:20px;}
/*------------------------------ #comment-table ------------------------------ */
#comment-form {width:520px;border: 1px solid #ccc;border-bottom:1px solid #ccc;background:White url(http://p7.p.pixnet.net/albums/userpics/7/8/497078/4ac8727418e4d.png);padding:10px;padding-left:70px }
#comment-form table th font { display: none; }
#comment-form table th {height:30px;line-height:13px;border:0px;}
#comment-form table td { color: #888; vertical-align: top; padding: 2px 5px; border:none; }
input#send-comment{margin-top:10px;margin-right:60px;font-size:11px;*font-size:9px;color:#000000;width:100%;height:20px;background:url('http://p7.p.pixnet.net/albums/userpics/7/8/497078/thumb_4ac87161674d6.png');-moz-border-radius: 12px;border-bottom:1px solid #888;}
#comment-form table { color: #888; width: 80%; }
#comment-form table td { color: #888; vertical-align: top; padding: 2px 5px;b}
#comment-form input {width:100%;height: 17px; font-family: "Arial"; font-size: 12px; color: #000; background:url('http://p7.p.pixnet.net/albums/userpics/7/8/497078/thumb_4ac87161674d6.png');-moz-border-radius: 8px; border:none;border:1px solid #bbb; }
#comment-form textarea {width: 100%;; height: 85px; font-family: "Arial"; font-size: 12px; line-height: 16px; color: #000; background:url('http://p7.p.pixnet.net/albums/userpics/7/8/497078/thumb_4ac87161674d6.png');-moz-border-radius: 12px; border:none;border:1px solid #bbb; }
#comment-form input#blogcommenttext_name { width: 100%; }
#comment-form input.radio { width: 15px; border: none; }
/*--時鐘--*/
#box485428 {
position:absolute ;
top:118px;left:210px; }
#box485428 .box-title{display:none}
#box485428 .box-text{background:none;border:none;margin-top:-90px;}
/*--看不一樣的我--*/
#box476722 { position:absolute ;top:110px;right:50px;}
#box476722 .box-text{background:none ;border:none}
#box476722 .box-text a{ padding-left:10px;}
#box476722 .box-title{display:none;}
#box367224 .box-text{display:center;}
#box367224 .box-text a{
width:200px;display:block;color:#999999;background:#dcdcdc;text-align:left;border-left:0px solid #999999;text-align:center;margin-left:-5px;
}
#box367224 .box-text a:hover{
color:#dcdcdc;background:#999999;text-align:center
}
#box479254 div{display: inline }
#box479254 a:hover{position:relative;top:0px;left:0px;filter:alpha(opacity=-60);opacity:0.6;-moz-opacity:0.6;}
#box479254 {
width:900px;
height:50px;
position:fixed;
bottom:-15px;
left:60px;
background:url(http://p7.p.pixnet.net/albums/userpics/7/8/497078/4ac87d119cbca.png)no-repeat bottom
}
#box479254 .box-title{display:none}
#box479254 .box-text{background:none;border:none}
#c012 {margin-top:-50px}
#JAVA-Black-Box01 {
position:fixed;
left:145px;bottom:1px;
}
#JAVA-Black-Box012 {
position:fixed;
left:180px;bottom:0px;
}
#black-delete{
position:fixed;
Right:25%;bottom:7px;
}
#c01{
width:500px;
float:center;
align:center;
position:fixed;
left:240px;bottom:3px;
}
Posted by s88528 at 痞客邦 PIXNET Comments(0) Trackback(0) Hits(101)
Recommend to Front page








Comment Permissions: Allow commenting