close


我真的真的很懶製刊版
不過這好像是我首次發CSS
然後除了CSS外什麼都沒有做(攤
而且最慘的是我開了超多網頁,不過這次是總算學會排版了,
真是可喜可賀
  END
喂!其實你什麼文都還沒發吧!  
 
 
 
 
 
 

順便提下我的段考吧
還算不錯
至少班排挺高
不過校排那可完蛋了
而且我考試前一天還在看吾命
看我多用功!(立馬被秒 
  
 
 
 

樣式預覽

  
 

語法:

Body{background-color:#FFFFFF;}

#push span {
color:#ffffff!important;}
#push {font:10px verdana!important;
border:0px solid #ffffff !important;
color:#ffffff!important;
background:#9F9D91!important;}
#push a.push  {
font:10px verdana!important;
color:#9F9D91!important;
background:#ffffff!important;
}
#push a.pull  {font:10px verdana!important;
color:#9F9D91!important;
background:#ffffff!important;}


#boxCollectionCategory {display:none;}

#boxNewTrackback {display:none;}
html {
overflow-x:hidden;
scrollbar-face-color:#FFF;
scrollbar-3dlight-color:#fff;
scrollbar-darkshadow-color:#FFF;
scrollbar-arrow-color:#9F9D91;
scrollbar-shadow-color:#9F9D91;
scrollbar-highlight-color:#9F9D91;}

body {
line-height:17px;
color:#9F9D91;
text-decoration:none;
font-size:7pt;
font-family:verdana;
letter-spacing:2px;}

a {
line-height:17px;
color:#9F9D91;
text-decoration:none;
font-size:7pt;
font-family:verdana;
letter-spacing:2px;}

a:hover {
color:#9F9D91;
text-decoration:none;}

#container1 {
width:750px;
position:relative;}
#container2 {}
#banner {
background:#fff;
height:460px;
width:851px;
margin-left:65px;
margin-top:0px;
border:#FFFFFF 1px solid;
background:url(http://i.imm.io/IAmg.png) no-repeat left;}

#pageheader {}
h1 .description {display:none;}
#pageheader h1 a {
width:585px;
font-size:8pt;
font-family:verdana;
color:#9F9D91;
line-height:17px;
letter-spacing:1pt;
text-decoration:none;
position:absolute;
top:10px;
border:#FFFFFF 1px solid;
text-align:center;
font-weight:normal;
padding-top:5px;
padding-bottom:5px;
right:1px;
left:65px;}

#pageheader h1 a:hover {color:#9F9D91;}
#pageheader .description {}

#description2 .description {
position:absolute;
top:425px;
left:66px;
height:70px;
width:480px;
padding:5px;
border:#9F9D91 1px solid;
overflow:auto;
overflow-x:hidden;
scrollbar-face-color:#FFFFFF;
scrollbar-darkshadow-color:#9F9D91;
scrollbar-arrow-color:#9F9D91;
scrollbar-shadow-color:#9F9D91;
scrollbar-highlight-color:#9F9D91;}

#main2 {
border:#FFFFFF 1px solid;
display:block;
width:850px;
margin-top:48px;
margin-left:65px;}

.blog {
margin-left:5px;
width:570px;
float:left;
margin-top:5px;
overflow-x:hidden;
overflow:auto;
scrollbar-face-color:#9F9D91;
scrollbar-track-color:#9F9D91;
scrollbar-3dlight-color:#9F9D91;
scrollbar-darkshadow-color:#9F9D91;
scrollbar-arrow-color:#9F9D91;
scrollbar-shadow-color:#9F9D91;
scrollbar-highlight-color:#9F9D91;}

#article_counter {text-align:left;}
.date {
width:150px;
height:16px;
font-size:8pt;
font-family:verdana;
letter-spacing:1px;
color:#FFFFFF;
background:#9F9D91;
float:right;
text-align:center;
padding:2px 0px 2px 2px;
margin-left:2px;}

.datediv {}
.blogbody {}
.blogbody2 {margin-bottom:5px;}
.articletext {}
.title {
width:395px;
height:17px;
letter-spacing:1px;
font-size:7pt;
font-family:verdana;
font-weight:normal;
color:#9F9D91;
border-bottom:1px #9F9D91 solid;
padding-top:3px;
padding-left:10px;
margin:0px;
margin-bottom:20px;}

.title img {display:none;}
.innertext {
padding-left:15px;
padding-top:15px;
color:#9F9D91;
line-height:20px;
font-size:7pt;
font-family:verdana;
letter-spacing:2px;}
.articletext .innertext br {
letter-spacing:0pt;}

.extended {
line-height:17px;
letter-spacing:1pt;
padding:5px;
text-align:right;}

.posted {
line-height:17px;
letter-spacing:1pt;
text-align:center;
padding:2px;
border-bottom:1px dotted #9F9D91;}

.total-comments-div .comments-head {
display:none;}
.total-comments-div .comments-bottom .comments-head {
display:none;}
.total-comments-div {margin-top:10px;}
.total-comments-div .comments-head, .total-comments-div .comments-bottom 
.comments-head 
{display:none;}

.comments-body{
border:none !important;
background:#fff;
width:550px;}
.comments-body a{color:#fff;}
.total-comments-div .comments-body {
width:550px;
background-color:#9F9D91;
letter-spacing:2px;
padding:10px;
border:1px solid #fff;
color:#fff;
line-height:20px;
font-size:7pt;
font-family:verdana;}

.comments-body li p{
color:#fff;
padding:5px;
background-color:#9F9D91;}
.comments-body li.comments-post{text-align:right;}
.comments-body li.comments-post img{display:none;}

.comments-body .comments-reply li p{
color:#9F9D91;
padding:5px;
background:none;}
.comments-body .comments-reply li.comments-post{text-align:right;}

#do_comments-reply-edit{
width:550px !important;
height:100px !important;
border:1px #FFFFFF solid;
font-size:7pt;
color:#9F9D91;
font-family:verdana;
letter-spacing:1px;
scrollbar-face-color:#fff;
scrollbar-track-color:#fff;
scrollbar-3dlight-color:#fff;
scrollbar-darkshadow-Color:#fff;
scrollbar-arrow-color:#9F9D91;
scrollbar-shadow-color:#fff;
scrollbar-highlight-color:#fff;}
.comments-body form {
padding:10px;
color:#fff;
line-height:15px;
text-align:center;}

.comments-author{margin-right:5px;}
.trackback-url{MARGIN-TOP:10px;}
.postuser {}
.postemail {}
.postweb {}
#nameid {}
#email {}
#url {}
#text {width:300px;}
#divThird {}
#divThird2 {}
#links {
width:250px;
background:#FFFFFF;
float:right;
overflow:auto;
overflow-y:hidden;
overflow-x:hidden;
scrollbar-face-color:#fff;
scrollbar-track-color:#fff;
scrollbar-3dlight-color:#fff;
scrollbar-darkshadow-color:#fff;
scrollbar-arrow-color:#9F9D91;
scrollbar-shadow-color:#fff;
scrollbar-highlight-color:#fff;}
#serviceList li a:hover{color:#9F9D91;}

#serviceList li a {
font-size:9pt;
font-family:verdana;
line-height:23px;
letter-spacing:5pt;
text-decoration:none;
display:block;
color:#9F9D91;
width:54px;
height:25px;
padding-top:5px;
margin:3px;
text-align:center;}

#serviceList {
position:absolute;
top:413px;
width:300px;
right:100px;
left:565px;
height:10px;}
#serviceList li{float:right;}
#links2 {border-left:#FFFFFF 1px solid;}

#links a {
line-height:17px;
color:#9F9D91;
text-decoration:none;
font-size:7pt;
font-family:verdana;
letter-spacing:1px;}
.sidetitle {
width:250px;
background:#9F9D91;
color:#FFFFFF;
padding-top:5px;
padding-bottom:5px;
text-align:center;}

.side {padding:10px;}
#links br{line-height:1px;}
#links a:hover{color:#9F9D91;}
a#linkMypage, a#linkVideo{display:none!important;}
.boxAddFriendLink {display:none;}
.calendar {display:none;}

#boxProfile {}
.boxProfile0 {}
.boxProfile1 {}
#boxSlideShow {}
#boxNewArticle img {display:none;}
.boxNewArticle1 .side a{
line-height:20px;}
.boxMySpaceImg {text-align:center;}
#boxNewArticle .side a{line-height:20px;}
#boxCategory .side a{line-height:20px;}
#boxCategory a {
}

#blogCategory {display:none;}
#boxDate, .syndicate {display:none;}
#boxSearch, #boxNewTrackback {display:none;}
#scupioSearch, #boxRssList {display:none;}
#boxNewComment img {display:none;}
.boxNewComment0 {}
#boxNewComment .boxNewComment1 .side{
color:#fff;
line-height:1px;}
#boxNewComment .boxNewComment1 .side a{
line-height:20px;}
#boxFolder .side a:hover{
text-decoration:none;}
.boxFolder1 .side a{
padding:2px;
display:block;}
#boxCounter .sidetitle {display:none;}

#boxCounter {
position:absolute;
display:block;
top:10px;
width:260px;
right:100;

line-height:7px;}
.boxCounter1 .side br{display:none;}

input {
margin:2px;
display:block;
font-size:7pt;
color:#9F9D91;
font-family:verdana;
background:#FFFFFF;
border:1px #FFFFFF solid;}
#friendlist {display:none;}
.syndicate {padding:10px;}
.powered {padding:10px;}
.total-comments-div .powered {}

#footer {}
#boxWho{position:absolute;}
#boxWho .sidetitle {text-align:left;}
#boxWho .sidetitle {display:none;}
#boxWho{position:absolute;left:565px;top:450px;}
#boxWho div#whowrapper{width:500px!important;text-align:center;}
#boxWho li{width:58px !important;height:58px !important;border:5px #9F9D91 solid;}
#boxWho #whowrapper li a {}
#boxWho #whowrapper li a img {}
#boxWho #whowrapper li a:hover img {}


#boxWho .sidetitle {display:none;}
#boxWho li, #boxWho li img{width:25px !important;height:25px !important;}
#boxWho input {float:left;}
#boxRssList, .syndicate {display:none;}
#boxNewTrackback {display:none;}


#footer {clear:both;height:27px;
background:url(http://i.imm.io/IAsT.png);
BACKGROUND-REPEAT:no-repeat;}
#footer {margin-top:20px;margin-left:400px;}
#content {float:left;}

複製結束

感謝閱讀!請推吧  
 
 
 
 
 
arrow
arrow
    全站熱搜

    澪夜 發表在 痞客邦 留言(0) 人氣()