[問題] 麻煩請教我pixnet的樣式怎麼改
http://0rz.tw/VFxIT
對網頁語法這些真的很無力....
懇請各位網頁高手們指教指教 ^^*
謝謝~
問題如下:
1. "所有歷史碎碎念"怎麼往左移 移到MURMUR的框框裡(靠左)??
2. 最新文章&其下面的灰字淺藍底的文章title 可以再往左邊移一點
置中於在空白那塊空間嗎??
3. 下面粉紅色字粉紅色底的文章title框的寬度可以再寬一點嗎??
好一行內容納字數多一點，怎麼改??
4. 怎麼調寬文章內文的寬度??
內文寬度太窄了，圖片或是表格都會被卡掉... >"<
武林中的各位大俠們
麻煩了~~~
大感謝呀~~~!!
HTML {
scrollbar-arrow-color:#ccc;
scrollbar-face-color:#ddd;
scrollbar-highlight-color:#ddd;
scrollbar-shadow-color:#ddd;
scrollbar-3dlight-color:#ddd;
scrollbar-track-color:#ddd;
scrollbar-darkshadow-color:#ddd;
overflow-x:hidden;
background:#F67988 url() repeat-y center;
font:12px BMbug;
color:#333;
margin:0 auto;
}
select {
border:1px solid #aaa;
color:#666;
margin:0 auto;
}
input {
border:1px solid #aaa;
font:8pt verdana;
margin:0 auto;
}
body {
color:#666;
font-size:small;
font-family:Verdana;
background-image:url(none);
background-color:#fbb;
background-position:center;
margin:0 auto;
}
a {
font-size:10px;
color:#ccc;
text-decoration:none;
margin:0 auto;
}
a:hover {
color:#93D4FA;
cursor:help;
margin:0 auto;
}
#authority {
background:#ccc;
text-align:center;
margin:0 auto;
}
#authority a {
background:transparent;
color:#fff;
font-size:11px;
position:center;
padding:0 2px;
margin:0 auto;
}
#container {
font-size:11px;
width:1000px;
background:#Fff url(http://p6.p.pixnet.net/albums/userpics/6/7/224367/1194685593.gif) left top no-repeat;
margin:0 auto;
padding:10px;
}
#container2 {
padding:0;
}
#header {
position:relative;
width:913px;
height:110px;
background:url() left top no-repeat;
background-image:url(url());
background-position:center;
background-repeat:no-repeat;
}
#banner h1 a {
color:#F33655;
font-size:22px;
font-family:Simhei;
position:absolute;
left:290px;
top:380px;
margin:0 auto;
}
#banner h1 a:hover {
color:#F35D69;
margin:0 auto;
}
#banner h2 {
height:30px;
width:550px;
position:absolute;
top:45px;
font-size:11px;
color:#6A768B;
left:530px;
margin:0 auto;
}
#banner p {
position:absolute;
left:20px;
top:115px;
margin:0 auto;
}
#login-bar {
text-align:right;
color:#fff;
position:absolute;
left:560px;
top:0;
margin:0 auto;
}
#navigation {
font-family:Simhei;
float:left;
width:800px;
margin:20px 0 0 530px;
margin:0 auto;
}
#navigation a {
margin-left:5px;
color:#666;
font-size:14px;
}
#navigation a:focus {
outline:none;
}
#navigation li {
display:inline;
float:left;
}
#navigation #link-profile a:hover {
background:none url() no-repeat top top;
}
#navigation #link-album a:hover {
background:none url() no-repeat left;
}
#content {
float:left;
width:755px;
overflow:hidden;
margin:305px 0 0;
}
#spotlight {
padding-left:5px;
margin-left:5px;
padding-top:8px;
width:500px;
border-bottom:#8C9CB5 1px dashed;
font-family:BMbug;
color:#666;
background:none url() left bottom no-repeat;
}
#spotlight .box-text {
float:left;
margin:0;
}
#spotlight a {
color:#8C9CB5;
}
#article-area {
margin-left:5px;
}
.article-area-title {
background:#F6D2D4;
padding-bottom:5px;
padding-top:10px;
padding-left:10px;
}
#display {
text-align:left;
padding-left:10px;
}
.article {
background:#FDF2F3;
margin-bottom:5px;
padding:0;
}
.article-head {
width:550px;
height:50px;
background:none url() left top no-repeat;
padding-left:-30px;
padding-top:0;
}
.title {
width:570px;
color:#fff;
margin:0;
}
.title a {
color:#F68592;
}
.title h2 {
color:#fff;
border-bottom:#F69DA4 1px dashed;
text-align:left;
width:570px;
margin:0;
padding:5px;
}
.title h2 a {
font-size:16px;
font-family:BMbug;
font-weight:700;
}
.title h2 a:hover {
color:#888;
}
.article-body {
width:570px;
color:#666;
overflow:hidden;
margin:0;
}
.publish {
font-size:14px;
background:#FFF;
text-align:right;
width:505px;
color:#555;
margin:0;
}
.article-content {
width:510px;
line-height:160%;
padding-left:10px;
word-wrap:break-word;
_height:1%;
overflow:hidden;
_overflow:none;
margin:5px 0;
}
.more {
display:block;
fontsize:10px;
line-height:15px;
text-align:center;
margin:5px 0 0 350px;
}
.bookmark {
text-align:left;
padding-top:0;
border-top:0 dashed #ccc;
}
.author {
text-align:left;
border-bottom:0 dashed #ccc;
padding-bottom:5px;
padding-left:10px;
margin:0;
}
.forward {
text-align:left;
padding-top:5px;
border-top:1px dashed #ccc;
}
.article-footer {
background:#F2E6E7;
padding:0;
}
.refer {
padding-top:5px;
text-align:left;
padding-left:10px;
padding-bottom:5px;
}
.history {
text-align:left;
border-bottom:1px dashed #ccc;
padding-top:5px;
padding-bottom:5px;
margin-bottom:0;
}
.back-to-top {
text-align:right;
display:none;
}
#user-post {
background:#fff;
margin-bottom:0;
padding:10px;
}
#trackback-box {
padding-left:10px;
}
.user-post-box {
background:#fff;
border:0 solid #ccc;
padding:0;
}
.user-post-title {
background:#fff;
color:#333;
font-size:10px;
margin-bottom:0;
padding:0;
}
.user-post-text {
background:#fff;
padding:0;
}
#trackback-box .single-post {
margin-bottom:10px;
}
#comment-box .single-post {
margin-bottom:20px;
}
.single-post {
background:#f4f4f4;
_height:1%;
overflow:hidden;
_overflow:none;
padding:0;
}
.post-info {
color:#555;
background:#fff;
padding-top:5px;
padding-bottom:5px;
margin-bottom:10px;
font-weight:400;
}
.post-text {
width:490px;
overflow:auto;
word-wrap:break-word;
margin-right:40px;
line-height:160%;
margin-bottom:0;
}
#trackback-box .post-text {
width:auto;
float:none;
}
.reply-text {
line-height:160%;
background:#eee;
color:#555;
clear:both;
margin-top:10px;
word-wrap:break-word;
padding:10px;
}
.secret {
color:#black;
padding-top:15px;
background:#eee;
}
.post-comment {
color:#000;
text-align:right;
padding-top:0;
padding-bottom:0;
font-size:16px;
font-weight:400;
margin:10px 0;
}
.post-comment a:hover {
color:#666;
}
.main-list a {
color:#777;
}
-list {
color:#555;
width:490px;
margin:10px;
}
.main-list table {
width:100%;
}
.list-date {
color:#ccc;
}
.page {
padding-left:10px;
padding-bottom:10px;
}
#links {
background:none url() 0 top no-repeat;
position:relative;
float:right;
width:240px;
margin-right:20px;
_margin-right:0;
margin-top:0;
color:#666;
padding:290px 0 0 15px;
}
#links a {
font-size:11px;
color:#777;
}
#links a:hover {
color:#578F9E;
}
.box h6 {
font-weight:BMbug;
font-size:11px;
}
.box {
clear:both;
margin-bottom:5px;
}
.box-title {
text-align:center;
font-size:11px;
color:#446D8C;
width:210px;
height:20px;
margin-left:0;
padding-top:0;
}
.box-text {
font-family:BMbug;
width:230px;
}
.box-text a {
color:#7E7E7E;
font-family:verdana;
text-decoration:none;
}
.box-text a:hover {
color:#B2D7C5;
background:none url() no-repeat right;
}
.box li {
margin-bottom:3px;
_height:1%;
}
.box-more {
text-align:right;
margin-top:5px;
clear:both;
}
#calendar {
color:#999;
font-size:11px;
font-weight:BMbug;
text-align:center;
margin-bottom:10px;
border:#eee px solid;
width:150px;
}
#calendar table {
width:95%;
color:#999;
font-size:11px;
}
#calendar th {
text-align:center;
}
#calendar td {
color:#A3AEC0;
font-size:11px;
font-weight:BMbug;
text-align:center;
margin-bottom:10px;
border:#eee px solid;
width:25px;
line-height:150%;
}
#visitor li a {
width:30px;
height:30px;
margin-left:2px 0 2px 0;
}
#visitor img {
width:30px;
height:30px;
border:1px solid #aaa;
}
#category .box-text h6 {
font-family:BMbug;
padding-left:5px;
color:gray;
padding-top:5px;
font-size:11px;
}
#category .box-text li a {
display:block;
font-family:BMbug;
}
#category .box-text {
padding-top:5px;
padding-bottom:5px;
font-family:BMbug;
display:inline;
font-size:11px;
}
#murmur {
right:430px;
top:45px;
width:280px;
height:105px;
scrollbar-arrow-color:#ccc;
scrollbar-face-color:#fff;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-3dlight-color:#fff;
scrollbar-track-color:#fff;
scrollbar-darkshadow-color:#fff;
overflow-x:hidden;
overflow:auto;
position:absolute;
background:none;
}
#murmur .box-title {
padding-left:10px;
padding-top:10px;
height:10px;
font-family:BMbug;
font-weight:700;
color:#BBC6A2;
font-size:0;
}
#murmur .box-text {
width:220px;
}
#broadcast .box-title {
padding-left:10px;
padding-top:30px;
font-family:BMbug;
font-weight:700;
font-size:13px;
color:#666;
}
#broadcast ul {
clear:both;
border-bottom:1px dotted #eee;
padding:3px 0;
}
.broadcast-photo img {
width:25px;
height:25px;
border:2px solid #fff;
margin-right:10px;
}
.broadcast-text a {
color:#888!important;
}
.broadcast-text a:hover {
color:#555!important;
}
#latest-comment .box-text li a {
background:#F0FAFF url() no-repeat left;
display:block;
line-height:170%;
border-bottom:0 px solid #CED9E7;
padding-left:px;
width:230px;
}
#latest-comment .box-text li a:hover {
background:#7FBCE4 url() no-repeat left;
color:#fff;
}
#footer {
width:662px;
clear:both;
height:60px;
background:#fff url() left top no-repeat;
padding:15px 0 0 150px;
}
#change-theme .box-title {
padding-left:10px;
padding-top:30px;
font-family:Simhei;
color:#666;
font-size:16px!important;
}
#change-theme select {
width:120px;
}
#recent-article {
position:absolute;
top:0;
width:230px;
overflow:auto;
}
#recent-article .box-title {
padding-left:10px;
padding-top:0;
font-family:BMbug;
font-weight:700;
color:#666;
font-size:13px!important;
}
#recent-article .box-text li a {
display:block;
background:#F2FFFF url() no-repeat left;
border-bottom:0 solid #CED9E7;
line-height:170%;
width:230px;
padding:0;
}
#recent-article .box-text li a:hover {
background:#7BC6BF url(http://p6.p.pixnet.net/albums/userpics/6/7/224367/1192561135.gif) no-repeat right;
color:#fff;
}
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;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:400;
}
q:before,q:after {
content:'';
}
pre {
font-size:1em;
}
.post-photo {
width:120px;
float:left;
text-align:Center;
}
#authority a:hover,.post-comment a {
color:#000;
}
#banner .skiplink,#blog-category,.title h2 img,.main-list img,.box-more img,#latest-comment .box-text li br,#recent-article img {
display:none;
}
#navigation a:hover,#spotlight a:hover {
color:#555;
}
#navigation #link-guestbook a:hover,#navigation #link-blog a:hover {
background:none url() no-repeat center;
}
#trackback-title,#comment-title,#comment-text,caption,th {
text-align:left;
}
#headshot .box-title,#latest-comment .box-title,#latest-trackback .box-title,#subscription .box-title,#favorite .box-title,#counter .box-title,#feed .box-title {
padding-left:10px;
padding-top:30px;
font-family:BMbug;
font-weight:700;
color:#666;
font-size:13px!important;
}
#calendar .box-title,#visitor .box-title,#search .box-title,#hot-article .box-title,#archive .box-title,#mylink .box-title {
padding-left:10px;
padding-top:30px;
font-family:BMbug;
font-weight:700;
color:#666;
font-size:13px;
}
#visitor li,#murmur .box-more A,.broadcast-photo {
float:left;
}
#category .box-title,.folder .box-title {
padding-left:10px;
padding-top:30px;
color:#666;
font-family:BMbug;
font-weight:700;
font-size:13px;
}
.broadcast-time a,.broadcast-time span {
color:#81a4b4;
}
#latest-trackback li,#subscription li {
border-bottom:1px dotted #aaa;
padding-bottom:3px;
}
#latest-trackback a,#subscription a {
display:block;
}
fieldset,img,abbr,acronym {
border:0;
}
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 125.233.173.161
※ 編輯: frenchlemon 來自: 125.233.173.161 (08/27 19:25)
※ 編輯: frenchlemon 來自: 125.233.171.169 (08/28 11:17)
→
08/28 11:31, , 1F
08/28 11:31, 1F
※ 編輯: frenchlemon 來自: 125.233.171.169 (08/28 11:51)