在服務專區看到的
有人說他的版面全亂了,我看他無名的版面也一樣是亂的啊 
應該蠻好修的就順手修一下了
修好後長這樣
壓繼續閱讀後裡面就是css啦!直接copy後再到後台貼上就好啦
ps: 上方圖出不來是因為這不是無名,無名的圖不能外連,所以出不來(應該是相簿生成的??這裡應該沒這功能) 自行做一張圖以後把路徑改掉就好(紅字部份)以下皆是css
*文章內文的超連結字體變小解決：A: link, visited...(font size 設定均刪除即可)
.boxNewComment1 {
SCROLLBAR-FACE-COLOR: #d4dcda;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
OVERFLOW: auto;
SCROLLBAR-SHADOW-COLOR: #bbb;
SCROLLBAR-3DLIGHT-COLOR: #ffffff;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #ffffff;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
HEIGHT: 275px;
}
.boxRssList1 {
SCROLLBAR-FACE-COLOR: #d4dcda;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
OVERFLOW: auto;
SCROLLBAR-SHADOW-COLOR: #bbb;
SCROLLBAR-3DLIGHT-COLOR: #ffffff;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #ffffff;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
HEIGHT: 275px;
}
BODY {
SCROLLBAR-FACE-COLOR: #d4dcda;
BACKGROUND: #d4dcda;
MARGIN: 0px 30px;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #bbb;
SCROLLBAR-3DLIGHT-COLOR: #ffffff;
SCROLLBAR-ARROW-COLOR: #000000;
SCROLLBAR-TRACK-COLOR: #ffffff;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
}
HTML {
SCROLLBAR-FACE-COLOR: #d4dcda;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #bbb;
SCROLLBAR-3DLIGHT-COLOR: #ffffff;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #ffffff;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
}
A {
FONT-WEIGHT: normal;
CURSOR: default;
COLOR: #000099;
TEXT-DECORATION: none;
}
A:link {
COLOR: #000099;
TEXT-DECORATION: none;
}
A:visited {
COLOR: #000099;
TEXT-DECORATION: none;
}
A:active {
COLOR: #000099;
}
A:hover {
COLOR: #ff66cc;
TEXT-DECORATION: underline;
}
H1 {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px;
}
H2 {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px;
}
H3 {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px;
}
#banner {
PADDING-LEFT: 15px;
FONT-WEIGHT: normal;
FONT-SIZE: small;
BACKGROUND: url(https://p3.p.pixnet.net/albums/userpics/3/9/225439/1163440769.jpg) #d4dcda repeat-x 50% 50%;
PADDING-BOTTOM: 10px;
COLOR: #fff;
PADDING-TOP: 0px;
FONT-FAMILY: georgia, verdana, arial, sans-serif;
HEIGHT: 275px;
TEXT-ALIGN: left;
}
#banner A {
FONT-WEIGHT: bold;
FONT-SIZE: large;
COLOR: #ffffff;
FONT-FAMILY: georgia, verdana, arial, sans-serif;
TEXT-DECORATION: none;
}
#banner A:link {
FONT-WEIGHT: bold;
FONT-SIZE: large;
COLOR: #ffffff;
FONT-FAMILY: georgia, verdana, arial, sans-serif;
TEXT-DECORATION: none;
}
#banner A:visited {
FONT-WEIGHT: bold;
FONT-SIZE: large;
COLOR: #ffffff;
FONT-FAMILY: georgia, verdana, arial, sans-serif;
TEXT-DECORATION: none;
}
#banner A:active {
FONT-WEIGHT: bold;
FONT-SIZE: large;
COLOR: #ffffff;
FONT-FAMILY: georgia, verdana, arial, sans-serif;
TEXT-DECORATION: none;
}
#banner A:hover {
FONT-WEIGHT: bold;
FONT-SIZE: large;
COLOR: #3399cc;
FONT-FAMILY: georgia, verdana, arial, sans-serif;
TEXT-DECORATION: none;
}
.description {
FONT-WEIGHT: normal;
FONT-SIZE: x-small;
TEXT-TRANSFORM: none;
COLOR: #333333;
FONT-FAMILY: verdana, arial, sans-serif;
BACKGROUND-COLOR: #d4dcda;
}
#content {
BACKGROUND: #d4dcda;
WIDTH: 68%;
FLOAT: left;
TEXT-ALIGN:left;
MARGIN-RIGHT: 25px;
MARGIN-LEFT: -15px;
PADDING: -15px
}
#container {
BACKGROUND: #fff;
}
#links {
PADDING: 0px;
BACKGROUND: #d4dcda;
FLOAT: right;
WIDTH: 30%;
}
.blog {
PADDING-RIGHT: 15px;
PADDING-LEFT: 15px;
PADDING-BOTTOM: 15px;
PADDING-TOP: 15px;
}
.blogbody {
PADDING-RIGHT: 10px;
PADDING-BOTTOM: 5px;
PADDING-LEFT: 10px;
MARGIN-BOTTOM: 30px;
FONT-WEIGHT: normal;
FONT-SIZE: small;
BACKGROUND: #fff;
COLOR: #333333;
LINE-HEIGHT: 140%;
FONT-FAMILY: verdana, arial, sans-serif;
}
.blogbody A:link {
FONT-WEIGHT: normal;
}
.blogbody A:visited {
FONT-WEIGHT: normal;
}
.blogbody A:active {
FONT-WEIGHT: normal;
}
.blogbody A:hover {
FONT-WEIGHT: normal;
}
.title {
BACKGROUND-POSITION: 0% 0%;
PADDING-LEFT: 55px;
FONT-SIZE: medium;
BACKGROUND-IMAGE: url(https://pic2.pic.wretch.cc/photos/16/a/angelsmileoo/3/1137131393.jpg);
COLOR: #777777;
PADDING-TOP: 25px;
BACKGROUND-REPEAT: no-repeat;
FONT-FAMILY: verdana, arial, sans-serif;
HEIGHT: 35px;
}
#menu {
BACKGROUND: #fff;
MARGIN-BOTTOM: 15px;
TEXT-ALIGN: center;
}
.date {
PADDING-RIGHT: 5px;
MARGIN-TOP: 15px;
FONT-WEIGHT: bold;
FONT-SIZE: small;
BACKGROUND: #99cccc;
COLOR: #ffffff;
FONT-FAMILY: sans-serif, arial, verdana;
HEIGHT: 20px;
TEXT-ALIGN: right;
}
.posted {
FONT-SIZE: x-small;
COLOR: #b0c4de;
FONT-FAMILY: verdana, arial, sans-serif;
}
.calendar {
PADDING-RIGHT: 2px;
PADDING-LEFT: 2px;
FONT-WEIGHT: normal;
FONT-SIZE: x-small;
BACKGROUND: #b0c4de;
PADDING-BOTTOM: 2px;
COLOR: #fff;
LINE-HEIGHT: 140%;
PADDING-TOP: 2px;
FONT-FAMILY: verdana, arial, sans-serif;
TEXT-ALIGN: center;
}
.calendarhead {
PADDING-RIGHT: 2px;
PADDING-LEFT: 2px;
FONT-WEIGHT: bold;
FONT-SIZE: x-small;
BACKGROUND: #b0c4de;
PADDING-BOTTOM: 2px;
COLOR: #fff;
LINE-HEIGHT: 140%;
PADDING-TOP: 2px;
FONT-FAMILY: verdana, arial, sans-serif;
}
.side {
PADDING-RIGHT: 10px;
PADDING-LEFT: 10px;
FONT-WEIGHT: normal;
FONT-SIZE: x-small;
BACKGROUND: #ffffff;
PADDING-BOTTOM: 2px;
COLOR: #333;
BORDER-TOP-STYLE: none;
LINE-HEIGHT: 140%;
PADDING-TOP: 5px;
FONT-FAMILY: verdana, arial, sans-serif;
}
.sidetitle {
MARGIN-TOP: 10px;
FONT-WEIGHT: bold;
FONT-SIZE: small;
BACKGROUND: #99cccc;
COLOR: #ffffff;
PADDING-TOP: 2px;
FONT-FAMILY: sans-serif, arial, verdana;
WIDTH: 30%;
HEIGHT: 20px;
TEXT-ALIGN: center;
}
.syndicate {
MARGIN-TOP: 10px;
PADDING-LEFT: 2px;
FONT-WEIGHT: bold;
FONT-SIZE: x-small;
BACKGROUND: #99cccc;
PADDING-BOTTOM: 2px;
LINE-HEIGHT: 140%;
PADDING-TOP: 2px;
FONT-FAMILY: verdana, arial, sans-serif;
TEXT-ALIGN: center;
}
.powered {
PADDING-RIGHT: 2px;
MARGIN-TOP: 10px;
PADDING-LEFT: 2px;
FONT-WEIGHT: normal;
FONT-SIZE: x-small;
PADDING-BOTTOM: 2px;
COLOR: #666;
LINE-HEIGHT: 140%;
PADDING-TOP: 2px;
FONT-FAMILY: arial,verdana, sans-serif;
TEXT-ALIGN: center;
}
.comments-body {
PADDING-RIGHT: 10px;
PADDING-LEFT: 10px;
FONT-WEIGHT: normal;
FONT-SIZE: small;
BACKGROUND: none transparent scroll repeat 0% 0%;
PADDING-BOTTOM: 10px;
COLOR: #708090;
LINE-HEIGHT: 140%;
PADDING-TOP: 10px;
FONT-FAMILY: verdana, arial, sans-serif;
}
.comments-post {
FONT-WEIGHT: normal;
FONT-SIZE: x-small;
BACKGROUND: none transparent scroll repeat 0% 0%;
COLOR: #4753a2;
FONT-FAMILY: arial, verdana, sans-serif;
}
.trackback-body {
PADDING-RIGHT: 10px;
PADDING-LEFT: 10px;
FONT-WEIGHT: normal;
FONT-SIZE: x-small;
BACKGROUND: none transparent scroll repeat 0% 0%;
PADDING-BOTTOM: 10px;
COLOR: #aaa;
LINE-HEIGHT: 140%;
PADDING-TOP: 10px;
FONT-FAMILY: verdana, arial, sans-serif;
}
.trackback-url {
FONT-WEIGHT: normal;
FONT-SIZE: x-small;
COLOR: #aaa;
LINE-HEIGHT: 140%;
FONT-FAMILY: verdana, arial, sans-serif;
}
.trackback-post {
FONT-WEIGHT: normal;
FONT-SIZE: x-small;
BACKGROUND: none transparent scroll repeat 0% 0%;
COLOR: #aaa;
FONT-FAMILY: verdana, arial, sans-serif;
}
.comments-head {
MARGIN-TOP: 10px;
FONT-WEIGHT: normal;
FONT-SIZE: small;
BACKGROUND: url(https://counter.nsysu.edu.tw/count.cgi?dd=16) no-repeat right bottom;
MARGIN-LEFT: 10px;
COLOR: #b0c4de;
MARGIN-RIGHT: 10px;
BORDER-BOTTOM: #b0c4de 2px dotted;
FONT-FAMILY: arial,georgia, verdana, sans-serif;
}
#banner-commentspop {
PADDING-RIGHT: 15px;
BORDER-TOP: #99ccff 3px solid;
PADDING-LEFT: 15px;
FONT-WEIGHT: bold;
FONT-SIZE: x-small;
BACKGROUND: #336699;
PADDING-BOTTOM: 15px;
COLOR: #fff;
PADDING-TOP: 15px;
BORDER-BOTTOM: #fff 1px dotted;
FONT-FAMILY: arial,georgia, verdana, sans-serif;
}
INPUT {
BORDER-RIGHT: #ccc 1px solid;
BORDER-TOP: #ccc 1px solid;
BORDER-LEFT: #ccc 1px solid;
COLOR: #aaa;
BORDER-BOTTOM: #ccc 1px solid;
FONT-FAMILY: arial,georgia, verdana, sans-serif;
BACKGROUND-COLOR: #ffffff;
}
TEXTAREA {
BORDER-RIGHT: #aaaaaa 1px solid;
BACKGROUND-POSITION: 100% 0%;
BORDER-TOP: #aaaaaa 1px solid;
BACKGROUND-IMAGE: url(https://pic.wretch.cc/icon/blog/standinghere/1107333876.jpg);
MARGIN: 0px;
BORDER-LEFT: #aaaaaa 1px solid;
BORDER-BOTTOM: #aaaaaa 1px solid;
BACKGROUND-REPEAT: no-repeat;
BACKGROUND-COLOR: #ffffff;
}
11/18:找出問題了,看來是bug??
右側區塊每一單一區塊完整的html語法的組成應該是:
首先會有一個區塊是控制你的title(淺藍綠底白字部份),就是下方綠字部份
然後會接著一個區塊控制這個部份的內容,就是以下部份
而不知道為什麼,你的「我的連結」部份只有這樣
問題出在這
在這邊並沒有為「我的連結」設定一個新的區塊,也沒有控制效果的class="side"
如果你的「我的連結」是在版面控制部份直接拉官方做的區塊，而不是自己寫語法的話....那我想這應該就是bug了
應該蠻好修的就順手修一下了
修好後長這樣
壓繼續閱讀後裡面就是css啦!直接copy後再到後台貼上就好啦
ps: 上方圖出不來是因為這不是無名,無名的圖不能外連,所以出不來(應該是相簿生成的??這裡應該沒這功能) 自行做一張圖以後把路徑改掉就好(紅字部份)以下皆是css
*文章內文的超連結字體變小解決：A: link, visited...(font size 設定均刪除即可)
.boxNewComment1 {
SCROLLBAR-FACE-COLOR: #d4dcda;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
OVERFLOW: auto;
SCROLLBAR-SHADOW-COLOR: #bbb;
SCROLLBAR-3DLIGHT-COLOR: #ffffff;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #ffffff;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
HEIGHT: 275px;
}
.boxRssList1 {
SCROLLBAR-FACE-COLOR: #d4dcda;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
OVERFLOW: auto;
SCROLLBAR-SHADOW-COLOR: #bbb;
SCROLLBAR-3DLIGHT-COLOR: #ffffff;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #ffffff;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
HEIGHT: 275px;
}
BODY {
SCROLLBAR-FACE-COLOR: #d4dcda;
BACKGROUND: #d4dcda;
MARGIN: 0px 30px;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #bbb;
SCROLLBAR-3DLIGHT-COLOR: #ffffff;
SCROLLBAR-ARROW-COLOR: #000000;
SCROLLBAR-TRACK-COLOR: #ffffff;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
}
HTML {
SCROLLBAR-FACE-COLOR: #d4dcda;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #bbb;
SCROLLBAR-3DLIGHT-COLOR: #ffffff;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #ffffff;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
}
A {
FONT-WEIGHT: normal;
CURSOR: default;
COLOR: #000099;
TEXT-DECORATION: none;
}
A:link {
COLOR: #000099;
TEXT-DECORATION: none;
}
A:visited {
COLOR: #000099;
TEXT-DECORATION: none;
}
A:active {
COLOR: #000099;
}
A:hover {
COLOR: #ff66cc;
TEXT-DECORATION: underline;
}
H1 {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px;
}
H2 {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px;
}
H3 {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px;
}
#banner {
PADDING-LEFT: 15px;
FONT-WEIGHT: normal;
FONT-SIZE: small;
BACKGROUND: url(https://p3.p.pixnet.net/albums/userpics/3/9/225439/1163440769.jpg) #d4dcda repeat-x 50% 50%;
PADDING-BOTTOM: 10px;
COLOR: #fff;
PADDING-TOP: 0px;
FONT-FAMILY: georgia, verdana, arial, sans-serif;
HEIGHT: 275px;
TEXT-ALIGN: left;
}
#banner A {
FONT-WEIGHT: bold;
FONT-SIZE: large;
COLOR: #ffffff;
FONT-FAMILY: georgia, verdana, arial, sans-serif;
TEXT-DECORATION: none;
}
#banner A:link {
FONT-WEIGHT: bold;
FONT-SIZE: large;
COLOR: #ffffff;
FONT-FAMILY: georgia, verdana, arial, sans-serif;
TEXT-DECORATION: none;
}
#banner A:visited {
FONT-WEIGHT: bold;
FONT-SIZE: large;
COLOR: #ffffff;
FONT-FAMILY: georgia, verdana, arial, sans-serif;
TEXT-DECORATION: none;
}
#banner A:active {
FONT-WEIGHT: bold;
FONT-SIZE: large;
COLOR: #ffffff;
FONT-FAMILY: georgia, verdana, arial, sans-serif;
TEXT-DECORATION: none;
}
#banner A:hover {
FONT-WEIGHT: bold;
FONT-SIZE: large;
COLOR: #3399cc;
FONT-FAMILY: georgia, verdana, arial, sans-serif;
TEXT-DECORATION: none;
}
.description {
FONT-WEIGHT: normal;
FONT-SIZE: x-small;
TEXT-TRANSFORM: none;
COLOR: #333333;
FONT-FAMILY: verdana, arial, sans-serif;
BACKGROUND-COLOR: #d4dcda;
}
#content {
BACKGROUND: #d4dcda;
WIDTH: 68%;
FLOAT: left;
TEXT-ALIGN:left;
MARGIN-RIGHT: 25px;
MARGIN-LEFT: -15px;
PADDING: -15px
}
#container {
BACKGROUND: #fff;
}
#links {
PADDING: 0px;
BACKGROUND: #d4dcda;
FLOAT: right;
WIDTH: 30%;
}
.blog {
PADDING-RIGHT: 15px;
PADDING-LEFT: 15px;
PADDING-BOTTOM: 15px;
PADDING-TOP: 15px;
}
.blogbody {
PADDING-RIGHT: 10px;
PADDING-BOTTOM: 5px;
PADDING-LEFT: 10px;
MARGIN-BOTTOM: 30px;
FONT-WEIGHT: normal;
FONT-SIZE: small;
BACKGROUND: #fff;
COLOR: #333333;
LINE-HEIGHT: 140%;
FONT-FAMILY: verdana, arial, sans-serif;
}
.blogbody A:link {
FONT-WEIGHT: normal;
}
.blogbody A:visited {
FONT-WEIGHT: normal;
}
.blogbody A:active {
FONT-WEIGHT: normal;
}
.blogbody A:hover {
FONT-WEIGHT: normal;
}
.title {
BACKGROUND-POSITION: 0% 0%;
PADDING-LEFT: 55px;
FONT-SIZE: medium;
BACKGROUND-IMAGE: url(https://pic2.pic.wretch.cc/photos/16/a/angelsmileoo/3/1137131393.jpg);
COLOR: #777777;
PADDING-TOP: 25px;
BACKGROUND-REPEAT: no-repeat;
FONT-FAMILY: verdana, arial, sans-serif;
HEIGHT: 35px;
}
#menu {
BACKGROUND: #fff;
MARGIN-BOTTOM: 15px;
TEXT-ALIGN: center;
}
.date {
PADDING-RIGHT: 5px;
MARGIN-TOP: 15px;
FONT-WEIGHT: bold;
FONT-SIZE: small;
BACKGROUND: #99cccc;
COLOR: #ffffff;
FONT-FAMILY: sans-serif, arial, verdana;
HEIGHT: 20px;
TEXT-ALIGN: right;
}
.posted {
FONT-SIZE: x-small;
COLOR: #b0c4de;
FONT-FAMILY: verdana, arial, sans-serif;
}
.calendar {
PADDING-RIGHT: 2px;
PADDING-LEFT: 2px;
FONT-WEIGHT: normal;
FONT-SIZE: x-small;
BACKGROUND: #b0c4de;
PADDING-BOTTOM: 2px;
COLOR: #fff;
LINE-HEIGHT: 140%;
PADDING-TOP: 2px;
FONT-FAMILY: verdana, arial, sans-serif;
TEXT-ALIGN: center;
}
.calendarhead {
PADDING-RIGHT: 2px;
PADDING-LEFT: 2px;
FONT-WEIGHT: bold;
FONT-SIZE: x-small;
BACKGROUND: #b0c4de;
PADDING-BOTTOM: 2px;
COLOR: #fff;
LINE-HEIGHT: 140%;
PADDING-TOP: 2px;
FONT-FAMILY: verdana, arial, sans-serif;
}
.side {
PADDING-RIGHT: 10px;
PADDING-LEFT: 10px;
FONT-WEIGHT: normal;
FONT-SIZE: x-small;
BACKGROUND: #ffffff;
PADDING-BOTTOM: 2px;
COLOR: #333;
BORDER-TOP-STYLE: none;
LINE-HEIGHT: 140%;
PADDING-TOP: 5px;
FONT-FAMILY: verdana, arial, sans-serif;
}
.sidetitle {
MARGIN-TOP: 10px;
FONT-WEIGHT: bold;
FONT-SIZE: small;
BACKGROUND: #99cccc;
COLOR: #ffffff;
PADDING-TOP: 2px;
FONT-FAMILY: sans-serif, arial, verdana;
WIDTH: 30%;
HEIGHT: 20px;
TEXT-ALIGN: center;
}
.syndicate {
MARGIN-TOP: 10px;
PADDING-LEFT: 2px;
FONT-WEIGHT: bold;
FONT-SIZE: x-small;
BACKGROUND: #99cccc;
PADDING-BOTTOM: 2px;
LINE-HEIGHT: 140%;
PADDING-TOP: 2px;
FONT-FAMILY: verdana, arial, sans-serif;
TEXT-ALIGN: center;
}
.powered {
PADDING-RIGHT: 2px;
MARGIN-TOP: 10px;
PADDING-LEFT: 2px;
FONT-WEIGHT: normal;
FONT-SIZE: x-small;
PADDING-BOTTOM: 2px;
COLOR: #666;
LINE-HEIGHT: 140%;
PADDING-TOP: 2px;
FONT-FAMILY: arial,verdana, sans-serif;
TEXT-ALIGN: center;
}
.comments-body {
PADDING-RIGHT: 10px;
PADDING-LEFT: 10px;
FONT-WEIGHT: normal;
FONT-SIZE: small;
BACKGROUND: none transparent scroll repeat 0% 0%;
PADDING-BOTTOM: 10px;
COLOR: #708090;
LINE-HEIGHT: 140%;
PADDING-TOP: 10px;
FONT-FAMILY: verdana, arial, sans-serif;
}
.comments-post {
FONT-WEIGHT: normal;
FONT-SIZE: x-small;
BACKGROUND: none transparent scroll repeat 0% 0%;
COLOR: #4753a2;
FONT-FAMILY: arial, verdana, sans-serif;
}
.trackback-body {
PADDING-RIGHT: 10px;
PADDING-LEFT: 10px;
FONT-WEIGHT: normal;
FONT-SIZE: x-small;
BACKGROUND: none transparent scroll repeat 0% 0%;
PADDING-BOTTOM: 10px;
COLOR: #aaa;
LINE-HEIGHT: 140%;
PADDING-TOP: 10px;
FONT-FAMILY: verdana, arial, sans-serif;
}
.trackback-url {
FONT-WEIGHT: normal;
FONT-SIZE: x-small;
COLOR: #aaa;
LINE-HEIGHT: 140%;
FONT-FAMILY: verdana, arial, sans-serif;
}
.trackback-post {
FONT-WEIGHT: normal;
FONT-SIZE: x-small;
BACKGROUND: none transparent scroll repeat 0% 0%;
COLOR: #aaa;
FONT-FAMILY: verdana, arial, sans-serif;
}
.comments-head {
MARGIN-TOP: 10px;
FONT-WEIGHT: normal;
FONT-SIZE: small;
BACKGROUND: url(https://counter.nsysu.edu.tw/count.cgi?dd=16) no-repeat right bottom;
MARGIN-LEFT: 10px;
COLOR: #b0c4de;
MARGIN-RIGHT: 10px;
BORDER-BOTTOM: #b0c4de 2px dotted;
FONT-FAMILY: arial,georgia, verdana, sans-serif;
}
#banner-commentspop {
PADDING-RIGHT: 15px;
BORDER-TOP: #99ccff 3px solid;
PADDING-LEFT: 15px;
FONT-WEIGHT: bold;
FONT-SIZE: x-small;
BACKGROUND: #336699;
PADDING-BOTTOM: 15px;
COLOR: #fff;
PADDING-TOP: 15px;
BORDER-BOTTOM: #fff 1px dotted;
FONT-FAMILY: arial,georgia, verdana, sans-serif;
}
INPUT {
BORDER-RIGHT: #ccc 1px solid;
BORDER-TOP: #ccc 1px solid;
BORDER-LEFT: #ccc 1px solid;
COLOR: #aaa;
BORDER-BOTTOM: #ccc 1px solid;
FONT-FAMILY: arial,georgia, verdana, sans-serif;
BACKGROUND-COLOR: #ffffff;
}
TEXTAREA {
BORDER-RIGHT: #aaaaaa 1px solid;
BACKGROUND-POSITION: 100% 0%;
BORDER-TOP: #aaaaaa 1px solid;
BACKGROUND-IMAGE: url(https://pic.wretch.cc/icon/blog/standinghere/1107333876.jpg);
MARGIN: 0px;
BORDER-LEFT: #aaaaaa 1px solid;
BORDER-BOTTOM: #aaaaaa 1px solid;
BACKGROUND-REPEAT: no-repeat;
BACKGROUND-COLOR: #ffffff;
}
11/18:找出問題了,看來是bug??
右側區塊每一單一區塊完整的html語法的組成應該是:
首先會有一個區塊是控制你的title(淺藍綠底白字部份),就是下方綠字部份
近期文章
設定class為side來控制效果(底色字形顏色及大小....)
(你的近期文章)
我的連結
- Arts Calendar
(我的連結的內容)
請先 登入 以發表留言。