Wednesday, May 10, 2006

Matrix-Code模板改型分享(2)

我又改變了一些,雖然大同小異,不過仔細看會發現有一些不太相同,我主要是改變字型和把版面的一些小字改成大字!

1...複製Matrix-Code模板,產生new_Matrix-Code1

2...new_Matrix-Code1模板中,將style.css檔改成


/* "Matrix Code" written by Scott Yang of www.movablestyles.org

and released under the Creative Commons attribution license

(http://creativecommons.org/licenses/by/2.0/)

*/

body {

color: #AAAAAA;

margin: 0;

background-color: #333333;

}

a, a:link, a:visited {

color: #996633;

text-decoration: none;

}

a:active, a:hover {

color: #ffb;

text-decoration: underline;

}

h1, h2, h3 {

margin: 0px;

padding: 0px;

}

#banner {

background-image: url(DSC_9305.jpg);

background-repeat : no-repeat;

background-position : center;

border: #565 1px solid;

color: #8f8;

font-family: monospace;

font-weight: bold;

margin: 1px;

padding: 280px 20px;

}

#banner a,

#banner a:link,

#banner a:visited,

#banner a:active,

#banner a:hover {

color: #880000;

font-family: monospace;

font-size: 20pt;

letter-spacing: .5ex;

text-decoration: underline;

}

ul {

list-style: none;

}

.description {

color: #ada;

display: block;

font-family: monospace;

font-size: large;

font-weight:bold;

letter-spacing: none;

text-transform:none;

}

#content, #container {

background-repeat: repeat-x;

background-position: bottom left;

position: absolute;

left: 0;

}

#content .blog {

margin-bottom: 100px;

margin-right: 290px;

}

#links {

position: absolute;

right: 20px;

width: 300px;

text-align: left;

}

.blogbody {

font-family: Comic Sans MS;

font-size: small;

font-weight: normal;

line-height:140%;

margin: 10px 20px;

text-align: justify;

width: 660px;

}

.searchresult {

font-family: Comic Sans MS;

font-size: small;

font-weight: normal;

line-height:140%;

margin: 10px 20px;

text-align: justify;

width: 450px;

}

.title {

background-image: url(matrix-shadebg.png);

border: #565 1px solid;

font-family: monospace;

font-size: media;

font-weight: bold;

letter-spacing: .5ex;

margin: 0 -10px;

padding: 3px 10px;

text-align: left;

text-transform: uppercase;

}

#menu {

background-image: url(matrix-shadebg.png);

border: 1px solid #565;

font-family: Comic Sans MS;

font-size: small;

font-weight: bold;

margin: 10px 20%;

padding: 5px;

text-align: center;

}

.date {

font-family: Comic Sans MS;

font-size: small;

color: #eea;

font-weight:bold;

text-transform:uppercase;

margin: 10px 10px 0 20px;

text-align: left;

}

.posted {

color: #dd8;

display: block;

font-family: Comic Sans MS;

font-size: small;

}

.calendar {

font-family: monospace;

font-size: small;

font-weight: normal;

padding: 5px;

}

.calendarToday {

font-weight: bold;

padding: 5px;

font-family: monospace;

font-size: small;

}

div.calendar {

margin-left: auto;

text-align: right;

width: 250px;

}

.calendarhead {

font-family: monospace;

font-size: medium;

font-weight: bold;

letter-spacing: .5ex;

margin-top: 15px;

padding: 2px 10px;

text-transform: uppercase;

width: 250px;

}

.side {

font-family: Comic Sans MS;

font-size: small;

font-weight: small;

line-height: 125%;

margin: 5px 10px 0px auto;

width: 180px;

}

.sidecal {

font-family: Comic Sans MS;

font-size: small;

font-weight: small;

line-height: 125%;

margin: 5px 10px 50px auto;

width: 180px;

position: relative;

left: 40px;

padding: 3px 7px;

text-align: center;

}

.sidetitle {

background-image: url(matrix-shadebg.png);

border: 1px solid #565;

font-family: monospace;

font-size: medium;

font-weight: bold;

letter-spacing: .5ex;

margin-top: 15px;

margin-left: auto;

padding: 2px 10px;

text-transform: uppercase;

width: 180px;

text-align: left;

}

.syndicate {

font-family: Comic Sans MS;

font-size: small;

font-weight: normal;

margin-left: auto;

margin-top: 10px;

padding: 2px;

text-align: left;

width: 180px;

}

.powered {

border-bottom: 1px solid #565;

border-top: 1px solid #565;

font-family: Comic Sans MS;

font-size: small;

font-weight: bold;

letter-spacing: .2em;

margin: 10px 0 0 auto;

padding: 2px;

text-align: center;

text-transform: uppercase;

width: 180px;

}

.comments-body {

font-family: Comic Sans MS;

font-size: small;

font-weight: normal;

line-height: 140%;

margin: 10px 20px;

}

.comments-post {

color: #dd8;

display: block;

font-family: Comic Sans MS;

font-size: small;

margin: 5px 0;

}

.comments-head {

background-image: url(matrix-shadebg.png);

border: 1px solid #565;

font-family: monospace;

font-size: medium;

font-weight: bold;

letter-spacing: .5ex;

margin: 10px 10px;

padding: 3px 10px;

color: #EEEEEE;

text-align: center;

text-transform: uppercase;

}

.trackback-body {

font-family: Comic Sans MS;

font-size: small;

font-weight: normal;

line-height: 125%;

margin: 5px;

padding: 5px;

}

.trackback-url {

border: 1px solid #565;

font-family: Comic Sans MS;

font-size: small;

font-weight: normal;

line-height: 125%;

margin: 5px;

padding: 5px;

}

.trackback-post {

font-family: Comic Sans MS;

font-size: small;

font-weight: normal;

margin-bottom: 20px;

}

#banner-commentspop {

background-image: url(matrix-shadebg.png);

border: #565 1px solid;

color: #8f8;

font-family: monospace;

font-size: 24pt;

font-weight: bold;

margin: 5px;

padding: 5px 20px;

}

#author, #email, #url, #text {

border: 1px solid #565;

}

3...再上傳一個1024*681的圖檔,更換DSC_0070.jpg

[回覆]

請大家再一次check你的迴響欄是否可以留言,剛剛我看了一下,還有幾個部落格沒有打開迴響不能留言,像是joysam和raysho的部落格不能留言,特別是joysam,有迴響欄但是不能留言!

Comment by 焦糖 (05/10/2006 18:17)

[回覆]

有些時候是驗證號碼出不來
我覺得好像跟版型有關也

請問焦糖是不是這樣阿?

Comment by 妹 (05/11/2006 00:22)

@@" [回覆]

難怪我昨天要留言都沒辦法...
@@"那現在我要去檢查還是改什麼嗎@@?

Comment by joysam (05/11/2006 12:13)

發表迴響

標題

內容

暱稱

電子郵件

個人網頁

輸入驗證碼 authimage