1.我想把右上方那一排文字移到上方空白處(語系.部落格首頁那一排)
2.在上方圖片中央的 相簿.部落格.留言.名片 這邊是否能夠移動到下方空白處?
擋在圖片中央好奇怪....
3.左邊側欄 跟 右邊的板塊 背景要怎麼弄成透明???
4.PIXNET內有討論CSS的地方嗎....我只有找到發表CSS的地方 卻沒看到可以討論的= =
CSS真的好複雜....
http://a3869000.pixnet.net/blog
------------------下面是我複製的CSS-----------
#comment-form table {
width:96%;
margin:0 auto;
}
#comment-form td,#comment-form th {
border:1px solid #555;
padding:3px 5px;
}
#comment-form input#send-comment {
padding:3px 5px;
}
.article-content p {
margin-bottom:1em;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
address,caption,cite,code,dfn,em,th,var {
font-style:normal;
font-weight:400;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:400;
}
q:before,q:after {
content:'';
}
pre {
font-size:1em;
}
.article-content {
_height:1%;
overflow:hidden;
_overflow:none;
line-height:140%;
margin:5px 0;
}
body {
font-size:small;
font-family:Verdana;
background-image:url(none);
background-color:transparent;
background-position:undefined;
}
a {
color:#006842;
text-decoration:none;
}
a:hover {
color:red;
text-decoration:underline;
}
#authority {
background:#888;
text-align:center;
padding:10px 0;
}
#authority a {
background:#555;
color:#fff;
padding:5px 10px;
}
#container {
width:96%;
background:#eee;
margin:10px auto;
}
#container2 {
padding:10px;
}
#header {
background:#ccc;
margin-bottom:10px;
background-image:url(http://pic.pimg.tw/a3869000/4ada541247c7781121ab0ac1819b7f0b.jpg?v=1304958510);
background-color:transparent;
background-position:undefined;
padding:180px;
}
#banner h1 a {
font-size:large;
font-weight:700;
}
#banner .skiplink {
display:none;
}
#navigation {
background:#aaa;
overflow:hidden;
_overflow:none;
_height:1%;
padding:10px;
}
#navigation a {
display:block;
width:90px;
text-align:center;
color:#fff;
background:#888;
padding:5px 0;
}
#navigation li {
float:left;
margin:0 10px 0 0;
}
#content {
width:70%;
float:right;
background:#ccc;
background-color:transparent;
padding:10px;
}
#spotlight {
background:#aaa;
margin-bottom:10px;
padding:10px;
}
#spotlight h5 {
color:#fff;
background:#999;
text-align:Center;
margin-bottom:5px;
padding:3px 0;
}
#article-area {
border:1px solid #000;
padding:10px;
}
.article-area-title {
background:#999;
padding:3px 7px;
}
#display {
text-align:right;
margin:5px 0;
}
.article {
background:#aaa;
margin-bottom:20px;
padding:10px;
}
.article-head {
background:#888;
margin-bottom:10px;
padding:5px;
}
.title h2 a {
font-size:medium;
color:#55d5ff;
}
.author {
text-align:right;
border-bottom:1px dashed #888;
padding-bottom:5px;
margin:5px 0 0;
}
.article-footer {
background:#bbb;
padding:5px 10px;
}
#user-post {
background:#bbb;
margin-bottom:20px;
padding:15px;
}
#trackback-box {
margin-bottom:20px;
}
.user-post-box {
background:#aaa;
border:3px solid #fff;
padding:10px;
}
.user-post-title {
background:#666;
color:#fff;
font-size:medium;
margin-bottom:10px;
padding:5px 10px;
}
.user-post-text {
background:#999;
padding:20px;
}
.single-post {
background:#888;
margin-bottom:20px;
overflow:hidden;
_overflow:none;
_height:1%;
padding:10px;
}
.post-info {
border-bottom:1px dashed #bbb;
padding-bottom:5px;
margin-bottom:10px;
font-weight:700;
}
.post-text {
width:72%;
float:right;
margin-bottom:10px;
}
#trackback-box .post-text {
width:auto;
float:none;
}
.post-photo {
width:20%;
float:left;
text-align:Center;
}
.reply-text {
clear:both;
border-top:1px dashed #bbb;
padding-top:5px;
}
.post-comment {
text-align:right;
font-size:medium;
margin:5px 0;
}
.main-list {
background:#aaa;
margin-bottom:15px;
padding:10px;
}
.main-list table {
width:95%;
margin:10px;
}
.main-list h3 {
background:#888;
margin-bottom:10px;
padding:5px 10px;
}
#links {
width:24%;
float:left;
background:#ccc;
background-color:transparent;
color:#b30;
padding:10px;
}
.box {
border:1px solid #fff;
margin-bottom:15px;
padding:10px;
}
.box-title {
background:#aaa;
text-align:center;
font-size:medium;
margin-bottom:10px;
padding:4px;
}
.box-text li {
margin:5px 0;
}
#broadcast .box-text ul {
border-bottom:1px dashed #777;
_height:1%;
overflow:hidden;
_overflow:none;
}
.broadcast-photo {
float:left;
width:40px;
}
#footer {
clear:both;
background:#ccc;
text-align:center;
padding:5px 10px;
}
#header h1 a {
color:#fff;
font-size:36pt;
}
fieldset,img,abbr,acronym {
border:0;
}
#login-bar,.bookmark,.forward,.back-to-top {
text-align:right;
}
.refer,.history {
border-bottom:1px dashed #888;
padding-bottom:5px;
margin-bottom:5px;
}
.main-list th,.main-list td {
border:1px solid #888;
padding:2px;
}
#visitor ul,#crumb ul {
_height:1%;
overflow:hidden;
_overflow:none;
}
#visitor li,#crumb li {
float:left;
}
#header h2 {
color:#fff;
font-size:18pt;
}
#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#content a:hover,#content a:active,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#content a:hover,#content a:active,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#content a:hover,#content a:active,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#content a:hover,#content a:active,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#content a:hover,#content a:active {
color:#fff;
}
#header h1,.title,#header h1,.title,#header h1,.title,#header h1,.title,#header h1,.title {
font-size:36pt;
}
