close



如何改自己的css樣式呢

以下簡單說明

首先

登入無名 → 到你的無名網誌 → 樣式管理 → 

修改CSS樣式表

把原本CSS刪除 → 貼上你新的CSS樣式 → 存檔。

如果不知道什麼是css樣式

以下舉例說明

像這種有一大堆英文的就是css樣式
↓↓↓↓ 
HTML {
OVERFLOW:hidden;CURSOR:crosshair;}
TEXTAREA {
BORDER-RIGHT:#f03c3c 1px solid;BORDER-TOP:#f03c3c 1px solid;BORDER-LEFT:#f03c3c 1px solid;COLOR:#3c0078;BORDER-BOTTOM:#f03c3c 1px solid;}
INPUT {
BORDER-RIGHT:#000078 1px solid;BORDER-TOP:#000078 1px solid;FONT-SIZE:12px;BORDER-LEFT:#000078 1px solid;COLOR:#5a2d78;BORDER-BOTTOM:#000078 1px solid;FONT-FAMILY:verdana;BACKGROUND-COLOR:#fff0b4;}
SELECT {
LEFT:220px;FONT:7pt verdana;WIDTH:200px;CLIP:rect(3px 80px 15px 3px);POSITION:absolute;TOP:100px;BACKGROUND-COLOR:#ffffff;}
BODY {
BACKGROUND-POSITION:left top;FONT-SIZE:12px;BACKGROUND-ATTACHMENT:fixed;BACKGROUND-IMAGE:url(http://img232.imageshack.us/img232/6207/rin16ab9.jpg);MARGIN:50px 335px 0px;COLOR:#000000;BACKGROUND-REPEAT:no-repeat;FONT-FAMILY:"verdana";TEXT-ALIGN:center;}
A {
FONT-SIZE:12px;COLOR:#f01e3c;FONT-FAMILY:arial;TEXT-DECORATION:none;}
#container1 {
BACKGROUND-POSITION-X:right;BACKGROUND-IMAGE:none;MARGIN:0px 0px 80px;WIDTH:650px;BACKGROUND-REPEAT:repeat;POSITION:relative;BACKGROUND-COLOR:transparent;}
#container2 {
MARGIN-TOP:18px;}
#banner {
FONT-WEIGHT:bold;BACKGROUND:url(http://f6.wretch.yimg.com/rin52080399/2/1139859938.jpg) no-repeat left bottom;BORDER-BOTTOM-WIDTH:thick;BORDER-BOTTOM-COLOR:#333333;FONT-STYLE:normal;FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;HEIGHT:100px;TEXT-ALIGN:right;}
#pageheader H1 A {
PADDING-RIGHT:0px;DISPLAY:block;FONT-SIZE:15px;LEFT:20px;PADDING-BOTTOM:0px;WIDTH:300px;COLOR:#c30000;PADDING-TOP:20px;POSITION:absolute;TOP:0px;HEIGHT:12px;TEXT-ALIGN:left;TEXT-DECORATION:none;}
#pageheader .description {
FONT-SIZE:10px;RIGHT:10px;POSITION:absolute;TOP:68px;}
#pageheader #description2 .description {
PADDING-RIGHT:150px;PADDING-LEFT:20px;FONT-SIZE:13px;LEFT:-100px;PADDING-BOTTOM:0px;WIDTH:450px;COLOR:#b43c3c;PADDING-TOP:0px;POSITION:absolute;TOP:50px;HEIGHT:12px;}
#main2 {
HEIGHT:460px;TEXT-ALIGN:left;}
#content {
SCROLLBAR-FACE-COLOR:#00f000;BACKGROUND:no-repeat;FILTER:Chroma(color=#00F000);FLOAT:left;SCROLLBAR-HIGHLIGHT-COLOR:#00f000;OVERFLOW:auto;WIDTH:425px;SCROLLBAR-SHADOW-COLOR:#781e3c;SCROLLBAR-3DLIGHT-COLOR:#781e3c;SCROLLBAR-ARROW-COLOR:#781e3c;SCROLLBAR-TRACK-COLOR:#00f000;SCROLLBAR-DARKSHADOW-COLOR:#00f000;HEIGHT:400px;}
.date {
PADDING-RIGHT:5px;PADDING-LEFT:5px;FONT-WEIGHT:bold;BORDER-LEFT-WIDTH:thin;FONT-SIZE:small;BORDER-LEFT-COLOR:#ff66ff;BACKGROUND:no-repeat left bottom;PADDING-BOTTOM:0px;COLOR:#990000;PADDING-TOP:1px;FONT-STYLE:normal;BORDER-RIGHT-STYLE:none;HEIGHT:10px;TEXT-ALIGN:left;BORDER-BOTTOM-STYLE:none;}
.title {
PADDING-LEFT:10px;FONT-WEIGHT:bold;FONT-SIZE:medium;COLOR:#6600cc;BORDER-BOTTOM:#fff 1px dotted;FONT-STYLE:normal;}
.datediv {
BACKGROUND-IMAGE:none;}
.blogbody {
PADDING-RIGHT:0px;PADDING-LEFT:0px;MARGIN-BOTTOM:5px;PADDING-BOTTOM:0px;LINE-HEIGHT:175%;PADDING-TOP:0px;}
.articletext {
BORDER-TOP-WIDTH:thin;BACKGROUND-POSITION:center top;BORDER-LEFT-COLOR:#ff66ff;BACKGROUND-IMAGE:none;BORDER-BOTTOM-COLOR:#ff3366;BORDER-TOP-COLOR:#ff3366;BACKGROUND-REPEAT:no-repeat;BACKGROUND-COLOR:transparent;BORDER-RIGHT-COLOR:#ff66ff;}
.posted {
BACKGROUND-POSITION:left center;FONT-WEIGHT:normal;BORDER-LEFT-WIDTH:thin;FONT-SIZE:xx-small;BORDER-LEFT-COLOR:#ff66ff;BACKGROUND-IMAGE:none;BORDER-BOTTOM-WIDTH:thin;BORDER-BOTTOM-COLOR:#ff66ff;COLOR:#9900cc;BACKGROUND-REPEAT:repeat-x;FONT-STYLE:normal;HEIGHT:50px;BACKGROUND-COLOR:transparent;}
.total-comments-div {
BORDER-TOP:#000000 1px dotted;MARGIN-TOP:10px;FONT-SIZE:10pt;MARGIN-LEFT:0px;WIDTH:400px;COLOR:#961e3c;PADDING-TOP:10px;FONT-FAMILY:verdana;}
.total-comments-div .trackbacks-head {
FONT-SIZE:10pt;COLOR:#f00000;FONT-FAMILY:verdana;}
.total-comments-div .trackbacks-head .comments-head {
BORDER-RIGHT:#aaa 1px solid;PADDING-RIGHT:7px;BORDER-TOP:#aaa 1px solid;PADDING-LEFT:7px;FONT-SIZE:10pt;MARGIN-BOTTOM:10px;PADDING-BOTTOM:7px;BORDER-LEFT:#aaa 1px solid;COLOR:#ffc3b4;PADDING-TOP:7px;BORDER-BOTTOM:#aaa 1px solid;FONT-FAMILY:verdana;}
.total-comments-div .comments-head {
BORDER-RIGHT:#aaa 1px solid;PADDING-RIGHT:7px;BORDER-TOP:#aaa 1px solid;PADDING-LEFT:7px;FONT-SIZE:10pt;PADDING-BOTTOM:7px;BORDER-LEFT:#aaa 1px solid;COLOR:#f04b78;PADDING-TOP:7px;BORDER-BOTTOM:#aaa 1px solid;FONT-FAMILY:verdana;}
.total-comments-div .comments-bottom .comments-head {
BORDER-TOP-WIDTH:1px;PADDING-RIGHT:7px;MARGIN-TOP:10px;PADDING-LEFT:7px;BORDER-LEFT-WIDTH:1px;FONT-SIZE:10pt;BORDER-LEFT-COLOR:#aaaaaa;BORDER-BOTTOM-WIDTH:1px;BORDER-BOTTOM-COLOR:#aaaaaa;PADDING-BOTTOM:7px;COLOR:#1e1eb4;BORDER-TOP-COLOR:#aaaaaa;PADDING-TOP:7px;FONT-FAMILY:verdana;BORDER-RIGHT-WIDTH:1px;BORDER-RIGHT-COLOR:#aaaaaa;}
.total-comments-div .comments-body {
FONT-SIZE:11pt;COLOR:#5a0f78;BORDER-BOTTOM:#000000 1px dotted;FONT-FAMILY:verdana;}
.total-comments-div .comments-body .comments-post {
FONT-SIZE:8pt;COLOR:#ff4b00;FONT-FAMILY:verdana;TEXT-ALIGN:right;}
.total-comments-div .comments-body FORM {
FONT-SIZE:10pt;COLOR:#d22d00;FONT-FAMILY:verdana;}
#text {
SCROLLBAR-FACE-COLOR:#ffffff;SCROLLBAR-HIGHLIGHT-COLOR:#f03c3c;WIDTH:200px;SCROLLBAR-SHADOW-COLOR:#f03c3c;COLOR:#5a2db4;SCROLLBAR-3DLIGHT-COLOR:#ffffff;SCROLLBAR-ARROW-COLOR:#f03c3c;SCROLLBAR-TRACK-COLOR:#ffffff;SCROLLBAR-DARKSHADOW-COLOR:#ffffff;HEIGHT:250px;}
.comments-post IMG {
VISIBILITY:hidden;}
.postuser {
PADDING-RIGHT:15px;BACKGROUND:no-repeat right center;}
.postuser:hover {
PADDING-RIGHT:15px;BACKGROUND:no-repeat right center;}
.postemail {
BACKGROUND:no-repeat center center;}
.postemail:hover {
BACKGROUND:no-repeat center center;}
.postweb {
BACKGROUND:no-repeat center center;}
.postweb:hover {
BACKGROUND:no-repeat center center;}
#links {
SCROLLBAR-FACE-COLOR:#00f000;BACKGROUND:left top;FILTER:Chroma(color=#00F000);FLOAT:right;MARGIN:0px;SCROLLBAR-HIGHLIGHT-COLOR:#00f000;OVERFLOW:auto;WIDTH:220px;SCROLLBAR-SHADOW-COLOR:#781e3c;SCROLLBAR-3DLIGHT-COLOR:#781e3c;SCROLLBAR-ARROW-COLOR:#781e3c;SCROLLBAR-TRACK-COLOR:#00f000;SCROLLBAR-DARKSHADOW-COLOR:#00f000;HEIGHT:400px;TEXT-ALIGN:left;}
.sidetitle {
BORDER-TOP-WIDTH:thin;BACKGROUND-POSITION:left top;FONT-WEIGHT:bold;FONT-SIZE:medium;BACKGROUND-IMAGE:none;BORDER-BOTTOM-WIDTH:thin;BORDER-BOTTOM-COLOR:#ff33cc;COLOR:#663399;BACKGROUND-REPEAT:no-repeat;FONT-STYLE:normal;BORDER-RIGHT-STYLE:none;HEIGHT:0px;BACKGROUND-COLOR:transparent;TEXT-ALIGN:center;}
A:link {
COLOR:#330099;}
A:visited {
COLOR:#330099;}
A:active {
COLOR:#330099;}
#banner A {
FONT-SIZE:large;COLOR:#330066;}
#banner A:link {
FONT-SIZE:large;COLOR:#330066;}
#banner A:visited {
FONT-SIZE:large;COLOR:#330066;}
#banner A:active {
FONT-SIZE:large;COLOR:#330066;}
#banner A:hover {
FONT-SIZE:x-small;COLOR:#ff0033;}
.innertext {
FONT-WEIGHT:bold;FONT-SIZE:small;COLOR:#000000;FONT-STYLE:normal;}
.powered .powerlogo IMG {
DISPLAY:none;}
.powered .powerlogo {
DISPLAY:block;BACKGROUND:none transparent scroll repeat 0% 0%;WIDTH:1px;HEIGHT:1px;}
.side A IMG {
BORDER-TOP-STYLE:none;BORDER-RIGHT-STYLE:none;BORDER-LEFT-STYLE:none;BORDER-BOTTOM-STYLE:none;}
.extended A IMG {
BORDER-TOP-STYLE:none;BORDER-RIGHT-STYLE:none;BORDER-LEFT-STYLE:none;BORDER-BOTTOM-STYLE:none;}
#scupioSearch {
DISPLAY:none;}
.scupioSearch0 {
DISPLAY:none;}
.scupioSearch1 {
DISPLAY:none;}
.boxProfileImg {
DISPLAY:none;}
#boxRssList {
DISPLAY:none;}
#boxProfile .boxProfile1 .side .boxGiftLink {
DISPLAY:none;}
.boxDate1 .side {
OVERFLOW:hidden;HEIGHT:10px;}
#boxDate {
DISPLAY:none;}
#boxDate .boxDate0 {
DISPLAY:none;}
#boxDate .boxDate0 .sidetitle {
DISPLAY:none;}
#boxDate .boxDate1 {
DISPLAY:none;}
#boxDate .boxDate1 .side {
DISPLAY:none;}
#boxSearch FORM {
DISPLAY:none;}
#boxNewTrackback {
DISPLAY:none;}
.side A:hover {
COLOR:#666666;}
.extended {
TEXT-ALIGN:right;}
.calendar {
COLOR:#bfbfbf;}
.calendar A {
COLOR:#151515;}
.calendar TABLE {
COLOR:#948888;}
#friendlist {
COLOR:#2d1e3c;}
#link_addfriend {
COLOR:#000000;}
#service LI {
COLOR:#ff1515;}
.articletext .title {
PADDING-LEFT:20px;BACKGROUND:url(http://f6.wretch.yimg.com/rin52080399/2/1139859742.jpg) no-repeat left 50%;}
.description {
FONT-WEIGHT:normal;FONT-SIZE:small;FONT-STYLE:normal;BACKGROUND-COLOR:transparent;}
.side {
BORDER-TOP-WIDTH:thin;BACKGROUND-POSITION:right bottom;BORDER-LEFT-WIDTH:thin;BORDER-LEFT-COLOR:#ff66ff;BACKGROUND-IMAGE:none;BORDER-BOTTOM-WIDTH:thin;BORDER-BOTTOM-COLOR:#ff66ff;BORDER-TOP-COLOR:#ff66ff;BACKGROUND-REPEAT:repeat-y;BACKGROUND-COLOR:transparent;BORDER-RIGHT-WIDTH:thin;BORDER-RIGHT-COLOR:#ff66ff;}
#boxCategory A IMG {
DISPLAY:none;}
#boxCategory .boxCategory1 .side A {
PADDING-LEFT:20px;BACKGROUND:url(http://f6.wretch.yimg.com/rin52080399/2/1139859800.jpg) no-repeat left 50%;}
#boxCategory .boxCategory1 .side A:hover {
PADDING-LEFT:20px;BACKGROUND:url(http://f6.wretch.yimg.com/rin52080399/2/1139859803.jpg) no-repeat left 50%;}
#boxCategory .boxCategory1 .side DIV A {
BACKGROUND:none transparent scroll repeat 0% 0%;}
BODY {
CURSOR:url('http://jjstar730.googlepages.com/cus05.ani');}
A:hover {
CURSOR:url('http://jjstar730.googlepages.com/cus05.ani');}
#linkMypage {
PADDING-LEFT:20px;BACKGROUND:url(http://f6.wretch.yimg.com/rin52080399/2/1139859921.jpg) no-repeat left 50%;}
#linkAlbum {
PADDING-LEFT:20px;BACKGROUND:url(http://f6.wretch.yimg.com/rin52080399/2/1139859923.jpg) no-repeat left 50%;}
#linkBlog {
PADDING-LEFT:20px;BACKGROUND:url(http://f6.wretch.yimg.com/rin52080399/2/1139859924.jpg) no-repeat left 50%;}
#linkGbook {
PADDING-LEFT:20px;BACKGROUND:url(http://f6.wretch.yimg.com/rin52080399/2/1139859926.jpg) no-repeat left 50%;}
#linkUser {
PADDING-LEFT:20px;BACKGROUND:url(http://f6.wretch.yimg.com/rin52080399/2/1139859925.jpg) no-repeat left 50%;}
#linkFriend {
PADDING-LEFT:20px;BACKGROUND:url(http://f6.wretch.yimg.com/rin52080399/2/1139859922.jpg) no-repeat left 50%;}
.boxAddFriendLink A {
PADDING-LEFT:20px;BACKGROUND:url(http://f6.wretch.yimg.com/rin52080399/2/1139859720.jpg) no-repeat left 50%;}
#boxRssList {
DISPLAY:none;}
LI.boxGiftLink A {
DISPLAY:none;}
#linkVideo {
DISPLAY:none;}
#boxCounter .boxCounter1 .side {
COLOR:#4eee94;}
.powered .powerlogo IMG {
DISPLAY:none;}
.powered .powerlogo {
DISPLAY:block;BACKGROUND:url(http://f6.wretch.yimg.com/rin52080399/32/1253657931.jpg);WIDTH:120px;HEIGHT:96px;}
A:hover {
BORDER-RIGHT:#ffe1b4 2px outset;BORDER-TOP:#ffe1b4 2px outset;BORDER-LEFT:#ffe1b4 2px outset;BORDER-BOTTOM:#ffe1b4 2px outset;}
H1 .description {
DISPLAY:none;}
.innertext {
TEXT-ALIGN:center;}
.boxNewComment1 .side {
COLOR:#c33c00;}
.boxNewComment1 .side A {
COLOR:#1e3c78;}
.comments-body TEXTAREA {
BACKGROUND:url(http://f6.wretch.yimg.com/rin52080399/2/1139859937.jpg) #fff 100% 100%;HEIGHT:500px;}
#links A:hover {
BACKGROUND:#fff078;COLOR:#000000;}
#links .powered A {
FONT-SIZE:10px;COLOR:#ff783c;}
.articletext TABLE {
FONT-SIZE:12px;COLOR:#781e3c;}
DIV #boxCounter {
LEFT:50px;WIDTH:50px;POSITION:absolute;TOP:100px;HEIGHT:50px;}
#boxCounter .side BR {
DISPLAY:none;}
#boxCounter .side {
WIDTH:230px;}
#boxCounter .boxCounter1 .side {
FONT-SIZE:12px;BACKGROUND:none transparent scroll repeat 0% 0%;COLOR:#2d1e3c;FONT-FAMILY:georgia;TEXT-ALIGN:left;}
#boxCounter .boxCounter0 .sidetitle {
DISPLAY:none;}
DIV #blogCategory SPAN {
DISPLAY:none;}
DIV #blogCategory A {
DISPLAY:none;}
DIV #service SPAN {
DISPLAY:none;}
.postuser {
PADDING-RIGHT:20px;BACKGROUND:url(http://f6.wretch.yimg.com/rin52080399/2/1139859949.jpg) no-repeat right 5%;}
.boxNewArticle1 A {
COLOR:#b40078;}
#boxMySpace .boxMySpace0 {
BACKGROUND:url(http://f6.wretch.yimg.com/rin52080399/2/1139859945.jpg) no-repeat 0px 0px;HEIGHT:53px;}
#boxMySpace .boxMySpace0 .sidetitle {
DISPLAY:none;}
#boxNewArticle .boxNewArticle0 {
BACKGROUND:url(http://f6.wretch.yimg.com/rin52080399/2/1139859946.jpg) no-repeat 0px 0px;HEIGHT:53px;}
#boxNewArticle .boxNewArticle0 .sidetitle {
DISPLAY:none;}
#boxCategory .boxCategory0 {
BACKGROUND:url(http://f6.wretch.yimg.com/rin52080399/2/1139859943.jpg) no-repeat 0px 0px;HEIGHT:53px;}
#boxCategory .boxCategory0 .sidetitle {
DISPLAY:none;}
#boxNewComment .boxNewComment0 {
BACKGROUND:url(http://f6.wretch.yimg.com/rin52080399/2/1139859944.jpg) no-repeat 0px 0px;HEIGHT:53px;}
#boxNewComment .boxNewComment0 .sidetitle {
DISPLAY:none;}
.sidetitle {
DISPLAY:none;}
.articletext .extended {
PADDING-RIGHT:10px;FONT-SIZE:12px;MARGIN:0px;COLOR:#a51e78;FONT-FAMILY:"細明體";TEXT-ALIGN:right;}
.bookmark {
TEXT-ALIGN:left;}
.comments-reply .comments-author P {
COLOR:#2d2db4;}
.comments-reply .comments-author {
BACKGROUND:url(http://f6.wretch.yimg.com/rin52080399/2/1139859750.jpg) #fff;}
#do_comments-reply-edit {
SCROLLBAR-FACE-COLOR:#ffffff;BACKGROUND:url(http://f6.wretch.yimg.com/rin52080399/2/1139859747.jpg) #fff 100% 100%;SCROLLBAR-HIGHLIGHT-COLOR:#f03c3c;WIDTH:200px;SCROLLBAR-SHADOW-COLOR:#f03c3c;COLOR:#5a2db4;SCROLLBAR-3DLIGHT-COLOR:#ffffff;SCROLLBAR-ARROW-COLOR:#f03c3c;SCROLLBAR-TRACK-COLOR:#ffffff;SCROLLBAR-DARKSHADOW-COLOR:#ffffff;HEIGHT:200px;}

因為有人問我

所以才特地打了這一篇文章

如果還有誰不懂css樣式的話

可以留言問我喔

arrow
arrow
    全站熱搜

    peiyulee 發表在 痞客邦 留言(2) 人氣()

    E-mail轉寄