2011年8月30日 星期二

CSS / 網 - 五個寶島









久違了呵呵= =

我良久沒做這個了呀 .....

這篇文實在是醞釀了良久..

一直很想做,但是心有餘而力不敷 =_____=

可是~我還是把他生出來了~是不 哈哈



自己有沒有發覺我似乎進步了?

(其實也是拿已往樣式來改罷了



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--);}
















 請勿 [ 盜用 / 修改 ] 。

 隻有 [ 誰來我家 / 遊標 / 標題顏色 ] 也許修改 。 


 樣式有問題請至留言闆留言喔。













無須回應喔,



點廣告、推薦就好!!!!



感德


沒有留言:

張貼留言