久違了呵呵= =
我良久沒做這個了呀 .....
這篇文實在是醞釀了良久..
一直很想做,但是心有餘而力不敷 =_____=
可是~我還是把他生出來了~是不 哈哈
自己有沒有發覺我似乎進步了?
(其實也是拿已往樣式來改罷了
xyz
不過!!!!!!!!!!!!! 做這個的過程簡直是千辛萬苦啊
沒人教我 .. 啊我的技術也沒有很好.. 隻會做做貼紙遊標搞些小小東西罷了= =
CSS真是為難我了!! 我隻能自己查奇摩 好艱辛xyz
在FB上問了有沒有人也許教我 ~~
自己都隻案讚不回我,不知道是什麼意思
(其實我也知道他們都不會啦哈哈
整個便是很無情嗚嗚
超沒有朋友愛的 ~~~~~~~~~~~
就靠了奇摩知識+還有我自己的奮力把這個樣式生出來了 = =
不過還是有一點小小瑕疵 (小小的罷了嘛?
自己不要介意喔 :))
( 話說這人廢話好多喔,上面一堆= =
圖1
圖2
說明:
這個我來說明一下啦,那個圖是動圖喔,
是圖1後變圖2
圖是像打字的那種感覺,懂不懂不?
如果還是不懂,就自己套用預覽看看吧~因為我也不知道怎麼解釋哈哈XD
預覽圖拍個或許罷了啦~ 不清不楚的
詳細也許看我現在的樣式,我便是套用這個喔 !
[ 預覽圖1看不到請點這 ]
[ 預覽圖2看不到請點這 ]
BODY {
MARGIN:20px;FONT-FAMILY:verdana;BACKGROUND:#ffffff fixed no-repeat left top;COLOR:#000000;FONT-SIZE:x-small;TEXT-DECORATION:none;}
A {
COLOR:#333333;FONT-SIZE:x-small;TEXT-DECORATION:none;}
A:link {
COLOR:#333333;FONT-SIZE:x-small;TEXT-DECORATION:none;}
A:visited {
COLOR:#333333;FONT-SIZE:x-small;TEXT-DECORATION:none;}
A:active {
COLOR:#333333;FONT-SIZE:x-small;TEXT-DECORATION:none;}
A:hover {
COLOR:#cccccc;FONT-SIZE:x-small;TEXT-DECORATION:none;}
H1 {
PADDING-BOTTOM:0px;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;PADDING-TOP:0px;}
H2 {
PADDING-BOTTOM:0px;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;PADDING-TOP:0px;}
H3 {
PADDING-BOTTOM:0px;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;PADDING-TOP:0px;}
HTML {
SCROLLBAR-ARROW-COLOR:#a1a1a1;SCROLLBAR-FACE-COLOR:#ffffff;SCROLLBAR-DARKSHADOW-COLOR:#a1a1a1;SCROLLBAR-HIGHLIGHT-COLOR:#ffffff;SCROLLBAR-SHADOW-COLOR:#ffffff;SCROLLBAR-TRACK-COLOR:#ffffff;SCROLLBAR-3DLIGHT-COLOR:#ffffff;}
#banner {
BORDER-BOTTOM-STYLE:none;TEXT-ALIGN:left;FONT-STYLE:normal;PADDING-LEFT:15px;FONT-FAMILY:verdana, arial, sans-serif;BORDER-TOP-STYLE:none;BACKGROUND:url(http://f6.wretch.yimg.com/annie123611/7/1608529238.jpg?hEIl2zBDchZSJNHM3UpUss6.kJM.V7hXVzGzrdjATO.ouEBtxiO9ik2vw7TrTiTEUjrJ?LtG8S.RDchZ3IxaMKHkkfg0AwCBiJqFdD9iSf2QW4SuuwstyA3Uy5VlL9HBD8DgKQUVoww--?aDKcTnpDcha_4WRFYgVriWAfJg8BiPTIf3zWYfIcydKFaPvJwG13P92O5lGI) no-repeat center bottom;HEIGHT:140px;COLOR:#151515;FONT-SIZE:x-large;FONT-WEIGHT:normal;}
#banner A {
TEXT-ALIGN:center;FONT-FAMILY:verdana, arial, sans-serif;COLOR:#e15a78;FONT-SIZE:x-large;TEXT-DECORATION:none;}
#banner A:link {
FONT-FAMILY:verdana, arial, sans-serif;COLOR:#e15a78;FONT-SIZE:x-large;TEXT-DECORATION:none;}
#banner A:visited {
FONT-FAMILY:verdana, arial, sans-serif;COLOR:#e15a78;FONT-SIZE:x-large;TEXT-DECORATION:none;}
#banner A:active {
FONT-FAMILY:verdana, arial, sans-serif;COLOR:#e15a78;FONT-SIZE:x-large;TEXT-DECORATION:none;}
#banner A:hover {
FONT-FAMILY:verdana, arial, sans-serif;COLOR:#e15a78;FONT-SIZE:x-small;TEXT-DECORATION:none;}
.description {
TEXT-TRANSFORM:none;FONT-STYLE:normal;FONT-FAMILY:verdana, arial, sans-serif;BACKGROUND:none transparent scroll repeat 0% 0%;COLOR:#333333;FONT-SIZE:x-small;FONT-WEIGHT:normal;}
#content {
WIDTH:470px;MARGIN-BOTTOM:20px;BACKGROUND:none transparent scroll repeat 0% 0%;FLOAT:left;MARGIN-RIGHT:15px;}
#links {
TEXT-ALIGN:left;MARGIN-TOP:30px;WIDTH:300px;BACKGROUND:none transparent scroll repeat 0% 0%;COLOR:#cccccc;MARGIN-LEFT:65%;}
.blog {
PADDING-LEFT:15px;PADDING-RIGHT:15px;PADDING-TOP:15px;}
.blogbody {
BORDER-BOTTOM:#ffffff 1px solid;BORDER-LEFT:#ffffff 1px solid;PADDING-BOTTOM:10px;LINE-HEIGHT:140%;PADDING-LEFT:10px;PADDING-RIGHT:10px;FONT-FAMILY:verdana, arial, sans-serif;BACKGROUND:none transparent scroll repeat 0% 0%;COLOR:#666666;FONT-SIZE:small;BORDER-TOP:#ffffff 1px solid;FONT-WEIGHT:normal;BORDER-RIGHT:#ffffff 1px solid;PADDING-TOP:10px;}
.blogbody A {
FONT-WEIGHT:normal;TEXT-DECORATION:none;}
.blogbody A:link {
FONT-WEIGHT:normal;TEXT-DECORATION:none;}
.blogbody A:visited {
FONT-WEIGHT:normal;TEXT-DECORATION:none;}
.blogbody A:active {
FONT-WEIGHT:normal;TEXT-DECORATION:none;}
.blogbody A:hover {
FONT-WEIGHT:normal;TEXT-DECORATION:none;}
.title {
TEXT-ALIGN:left;FONT-FAMILY:verdana, arial;LETTER-SPACING:3pt;COLOR:#333333;FONT-SIZE:small;FONT-WEIGHT:bold;}
#menu {
MARGIN-BOTTOM:10px;BACKGROUND:#ffffff;FONT-SIZE:x-small;FONT-WEIGHT:bold;}
.date {
BORDER-BOTTOM:1px;TEXT-ALIGN:right;BORDER-RIGHT-STYLE:none;TEXT-TRANSFORM:uppercase;BACKGROUND-COLOR:transparent;FONT-STYLE:normal;MARGIN-TOP:10px;FONT-FAMILY:verdana, arial, sans-serif;HEIGHT:1px;COLOR:#333333;FONT-SIZE:x-small;BORDER-LEFT-STYLE:dotted;BORDER-TOP:1px;FONT-WEIGHT:bold;}
.posted {
BORDER-BOTTOM-STYLE:none;TEXT-ALIGN:left;PADDING-BOTTOM:2px;BACKGROUND-COLOR:transparent;FONT-FAMILY:verdana;LETTER-SPACING:-1px;COLOR:#ffffff;FONT-SIZE:0px;BORDER-LEFT-STYLE:none;BORDER-TOP:1px;BORDER-RIGHT:1px;}
.posted A {
TEXT-ALIGN:center;FONT-FAMILY:verdana;LETTER-SPACING:1px;COLOR:#000000;FONT-SIZE:7pt;MARGIN-RIGHT:5px;}
.calendar {
PADDING-BOTTOM:5px;PADDING-LEFT:5px;PADDING-RIGHT:5px;FONT-FAMILY:verdana, arial, sans-serif;COLOR:#666666;FONT-SIZE:x-small;FONT-WEIGHT:normal;PADDING-TOP:5px;}
.calendarhead {
LINE-HEIGHT:140%;FONT-FAMILY:verdana, arial, sans-serif;BACKGROUND:#ffffff;COLOR:#cc9933;FONT-SIZE:x-small;FONT-WEIGHT:bold;}
.side {
BORDER-BOTTOM-STYLE:none;LINE-HEIGHT:140%;BORDER-RIGHT-STYLE:none;FONT-FAMILY:verdana;BORDER-TOP-STYLE:none;BACKGROUND:none transparent scroll repeat 0% 0%;COLOR:#737373;FONT-SIZE:x-small;BORDER-LEFT-STYLE:none;FONT-WEIGHT:normal;}
.sidetitle {
BORDER-BOTTOM-STYLE:none;BORDER-BOTTOM-COLOR:#ffffff;PADDING-BOTTOM:2px;LINE-HEIGHT:140%;MARGIN-TOP:10px;PADDING-LEFT:2px;PADDING-RIGHT:2px;FONT-FAMILY:verdana, arial, sans-serif;BORDER-TOP-STYLE:none;BACKGROUND:none transparent scroll repeat 0% 0%;COLOR:#e15a78;FONT-SIZE:x-small;BORDER-LEFT-STYLE:none;FONT-WEIGHT:normal;PADDING-TOP:2px;}
.syndicate {
TEXT-ALIGN:center;PADDING-BOTTOM:2px;LINE-HEIGHT:140%;BACKGROUND-COLOR:transparent;MARGIN-TOP:10px;PADDING-LEFT:2px;BACKGROUND-ATTACHMENT:scroll;PADDING-RIGHT:2px;BACKGROUND-REPEAT:repeat;FONT-FAMILY:verdana, arial, sans-serif;BACKGROUND-POSITION:0% 0%;COLOR:#000000;FONT-SIZE:xx-small;FONT-WEIGHT:bold;PADDING-TOP:2px;}
.powered {
TEXT-ALIGN:left;PADDING-BOTTOM:2px;LINE-HEIGHT:140%;BACKGROUND-COLOR:transparent;MARGIN-TOP:10px;PADDING-LEFT:2px;PADDING-RIGHT:2px;FONT-FAMILY:verdana;COLOR:#ffffff;FONT-SIZE:xx-small;FONT-WEIGHT:normal;PADDING-TOP:2px;}
.comments-body {
PADDING-BOTTOM:10px;LINE-HEIGHT:140%;FONT-FAMILY:verdana, arial, sans-serif;BACKGROUND:#ffffff;COLOR:#666666;FONT-SIZE:x-small;FONT-WEIGHT:normal;}
.comments-post {
MARGIN-TOP:0px;FONT-FAMILY:verdana, arial, sans-serif;BACKGROUND:#ffffff;COLOR:#999999;FONT-SIZE:x-small;FONT-WEIGHT:normal;}
.comments-head {
MARGIN-TOP:10px;FONT-FAMILY:verdana, arial, sans-serif;COLOR:#999999;FONT-SIZE:x-small;FONT-WEIGHT:bold;}
.trackback-body {
LINE-HEIGHT:140%;FONT-FAMILY:verdana, arial, sans-serif;BACKGROUND:#ffffff;COLOR:#151515;FONT-SIZE:x-small;FONT-WEIGHT:normal;PADDING-TOP:15px;}
.trackback-url {
BORDER-BOTTOM:#666 0px dashed;BORDER-LEFT:#666 0px dashed;PADDING-BOTTOM:5px;LINE-HEIGHT:140%;PADDING-LEFT:5px;PADDING-RIGHT:5px;FONT-FAMILY:verdana, arial, sans-serif;BACKGROUND:#ffffff;COLOR:#666666;FONT-SIZE:x-small;BORDER-TOP:#666 0px dashed;FONT-WEIGHT:normal;BORDER-RIGHT:#666 0px dashed;PADDING-TOP:5px;}
.trackback-post {
FONT-FAMILY:verdana, arial, sans-serif;MARGIN-BOTTOM:20px;BACKGROUND:#ffffff;COLOR:#999999;FONT-SIZE:x-small;FONT-WEIGHT:normal;}
#banner-commentspop {
PADDING-LEFT:15px;FONT-FAMILY:verdana, arial, sans-serif;BACKGROUND:#ffffff;COLOR:#cc9933;FONT-SIZE:x-small;FONT-WEIGHT:bold;}
.extended A {
TEXT-ALIGN:left;FONT-SIZE:x-small;}
#friendlist {
FONT-SIZE:x-small;}
.side SELECT {
FONT-SIZE:x-small;}
.innertext {
COLOR:#666666;FONT-SIZE:x-small;}
.articletext {
BORDER-BOTTOM-COLOR:#666666;BORDER-RIGHT-WIDTH:1px;BACKGROUND-COLOR:transparent;BORDER-TOP-COLOR:#666666;BORDER-TOP-WIDTH:1px;BORDER-BOTTOM-WIDTH:1px;BORDER-RIGHT-COLOR:#666666;BORDER-LEFT-COLOR:#ffcccc;BORDER-LEFT-WIDTH:thick;}
.calendar A {
DISPLAY:none;}
.calendar TABLE {
DISPLAY:none;}
#blogCategory SPAN {
COLOR:#000000;}
#blogCategory A {
COLOR:#000000;}
#linkMypage {
COLOR:#000000;}
#linkBlog {
COLOR:#000000;}
#linkUser {
COLOR:#000000;}
#linkVideo {
COLOR:#000000;}
#link_gift {
COLOR:#000000;}
#linkFriend {
COLOR:#000000;}
#link_addfriend {
COLOR:#000000;}
#linkGbook {
COLOR:#000000;}
#linkAlbum {
COLOR:#000000;}
.syndicate A {
COLOR:#000000;}
.powerlogo IMG {
DISPLAY:none;}
.powerin {
COLOR:#d9ff6a;}
#container1 {
BACKGROUND-COLOR:transparent;BACKGROUND-POSITION-X:left;WIDTH:950px;}
.powerout {
}
#divThird {
}
INPUT {
BORDER-BOTTOM:#ddd 1px solid;BORDER-LEFT:#ddd 1px solid;FONT-FAMILY:verdana;BACKGROUND:none transparent scroll repeat 0% 0%;COLOR:#888888;FONT-SIZE:7pt;BORDER-TOP:#ddd 1px solid;BORDER-RIGHT:#ddd 1px solid;}
#boxSearch {
DISPLAY:none;}
#boxSearch .boxSearch0 {
DISPLAY:none;}
#boxSearch .boxSearch0 .sidetitle {
DISPLAY:none;}
#boxSearch .boxSearch1 {
DISPLAY:none;}
#boxSearch .boxSearch1 .side {
DISPLAY:none;}
#scupioSearch {
DISPLAY:none;}
#scupioSearch .scupioSearch0 {
DISPLAY:none;}
#scupioSearch .scupioSearch0 .sidetitle {
DISPLAY:none;}
#scupioSearch .scupioSearch1 {
DISPLAY:none;}
#scupioSearch .scupioSearch1 .side {
DISPLAY:none;}
#boxDate {
DISPLAY:none;}
#boxDate .boxDate0 {
DISPLAY:none;}
#boxDate .boxDate0 .sidetitle {
DISPLAY:none;}
#boxDate .boxDate1 {
DISPLAY:none;}
xyz軟體補給站
#boxDate .boxDate1 .side {
DISPLAY:none;}
HTML {
SCROLLBAR-FACE-COLOR:#ffffff;SCROLLBAR-DARKSHADOW-COLOR:#ffffff;SCROLLBAR-SHADOW-COLOR:#ffffff;SCROLLBAR-TRACK-COLOR:#ffffff;}
BODY {
SCROLLBAR-FACE-COLOR:#ffffff;SCROLLBAR-DARKSHADOW-COLOR:#ffffff;SCROLLBAR-SHADOW-COLOR:#ffffff;SCROLLBAR-TRACK-COLOR:#ffffff;}
.datediv {
TEXT-ALIGN:left;LETTER-SPACING:0px;}
.innertext P {
TEXT-ALIGN:left;}
BODY {
}
A:hover {
}
BODY {
}
A:hover {
}
#blogCategory {
DISPLAY:none;}
.boxMySpace1 SELECT {
DISPLAY:none;}
#linkMypage {
DISPLAY:none;}
.articletext .title {
PADDING-LEFT:20px;BACKGROUND:url(http://f6.wretch.yimg.com/annie123611/39/1939458379.jpg?4AYtaERDfRWwKZ2_iByJidBZsV1soSzNv4pvnNxpWCnrMHOPb2WG3j82gu6GMcUvCFtGsA--?gH2U_jpDfRVmk4ucY14_G5F8.rIGBZwsb7JBeQmTvLbIr7dEkd.t7mdLS.WqPvQPQhFGqwE-?oQ.X2nFDfRWCY7gefGMDNfAzdC_fdzgfhJyt3uW_N9l9nIaQjClSgOlLE0n_zA--) no-repeat left 50%;}
.boxAddFriendLink A {
DISPLAY:none;}
#linkVideo {
DISPLAY:none;}
.boxNewTrackback0 {
DISPLAY:none;}
.syndicate {
DISPLAY:none;}
.articletext .title {
PADDING-BOTTOM:5px;PADDING-LEFT:15px;PADDING-RIGHT:5px;FONT:400 10pt/30px verdana;LETTER-SPACING:2px;COLOR:#666;PADDING-TOP:5px;}
#content {
PADDING-BOTTOM:150px;PADDING-LEFT:72px;PADDING-RIGHT:40px;MARGIN-LEFT:1px;PADDING-TOP:42px;}
#pageheader H1 A {
POSITION:absolute;TOP:20px;LEFT:100px;}
#pageheader #description2 .description {
POSITION:absolute;TOP:100px;LEFT:100px;}
#boxWho #whowrapper LI A IMG {
FILTER:alpha(opacity=65);}
#boxWho #whowrapper LI A:hover IMG {
FILTER:alpha(opacity=100);}
#serviceList A {
COLOR:#333333;}
BODY {
MARGIN:20px;BACKGROUND:url(http://f6.wretch.yimg.com/annie123611/26/1396401795.jpg?yB4shbhDdx_GhWU0GQ1TsW81CgY8amoDYHmPPnSJ9vTd27r0UOntl77NEhPLSbMUYRuh0Q--?aQmRcxFDdx9ob4jqIUlMyddXJo2ct.imMEud0e6LK4a_ysnJCHaVE2eVPuBtICvCWSzKdf4-?WuQZqcpDdx.Po422cuL1EFxDu7zN9FSP4yXMmw9wteZCikseqFpjOBxYEatpOg--) #fff repeat-x left bottom;}
#boxCategory IMG {
DISPLAY:none;}
#text {
BACKGROUND:url(http://f6.wretch.yimg.com/annie123611/26/1396401796.jpg?YoisDx1Ddx_VjoDXqcorXnW2ULjS7FlSnDdsQPjqoFSTDeYkjaucbD517hwCOP8_vtIWOA--?AAy.GwxDdx_kkUFvaIaaGUjvhPicze4sl3QQ_XEDJgQ5L.3e3ENyqhnS5b7Zgo3HQiYtnos-?Dk2nDHNDdx_SD8SohUzw7VQ1pzhrpDqZWNYusDwucO0F0lBKI3VUStaSXlhtXQ--);}
請勿 [ 盜用 / 修改 ] 。
隻有 [ 誰來我家 / 遊標 / 標題顏色 ] 也許修改 。
樣式有問題請至留言闆留言喔。
無須回應喔,
點廣告、推薦就好!!!!
感德
沒有留言:
張貼留言