作者formyptt (糟糕人)
看板Blog
标题[问题] Pixnet grey2版面CSS问题
时间Wed Sep 10 00:58:09 2008
大家好，自从Pixnet改版後，原本的版型出了不少问题，
今天乾脆自己全部改过，先套用grey2二栏版型，再一项一项修改，
无奈我的css都是自学的，到最後还是有很多地方搞不清楚……
忙了一整个晚上，都头昏眼花了＠＠
希望有高手能指点一下，谢谢m(_ _)m
（抱歉，因为个人其实不太懂css，描述或许会不清楚，
看不懂的话我再详细说明……）
（以前的版型是套用无名面板改的）
※问题暂时解决，网址先删除，感谢回答。m(_ _)m
1) 这个是最大的问题，
我在新版的进阶编辑器里写完文章後，跳到纯文字编辑器，
都会发现文章前後被加上了<p> </p>，
如果我没有先把<p> </p>删除就送出的话，
内文跟边界之间，就会变成无间隔状态；
必须先在纯文字编辑器中把<p> </p>删除，
文章才能照我在css里设定的样子显示（请看第一篇文）。
问题是有些长文我都会先打在Word里再贴过去，
都会变成无间隔状态，很多旧文都是这样，根本没办法一篇篇改orz
为什麽会有这两种不同的显示状况？
之前的版型并不会啊……orz
我是在 p.mainEntryBase 修改边界的，
但效果只有在删除了<p></p>的文章才显示得出来，是我改错地方了吗orz
2) 文章最上面显示的页数「1 2 >>」那一行，
要怎麽调到文章最下方？（文章跟回响之间）
以前的版型是在最下面，觉得这样比较好看……
3) 以前的版型里，「文章标题」跟「发文时间」的位置，跟现在正好相反，
要怎麽调回那个样子？
还有，发文者的帐号要怎麽调到文章资讯列（文章分类、回响、引用那一列）？
不好意思，问题很多|||||b
已经爬过文，希望有人能帮帮忙>___< 谢谢！
附上我的CSS。
/*------------------------------
#comment-table
------------------------------ */
#comment-form {
background: transparent;
padding: 5px;
margin: 10px auto;
}
#comment-form p {
color: #bbb;
text-align: right;
margin: 0px 10px 5px;
}
#comment-form table {
width: 100%;
border: none;
}
#comment-form table tr.comment-form-title { display: none; }
#comment-form table td {
color: #999;
vertical-align: top;
border: none;
padding: 2px 5px;
}
#comment-form table th {
color: #999;
vertical-align: top;
width: 100px;
border: none;
padding: 2px 5px;
}
#comment-form table th font { display: none; }
#comment-form textarea {
width: 99%;
height: 90px;
font-family: "Arial";
font-size: 13px;
line-height: 18px;
color: #000;
border: none;
background: #ffffff;
}
html{
scrollbar-face-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
scrollbar-arrow-color:#000000;
scrollbar-3dlight-color:#000000;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-darkshadow-color:#000000;
}
body {
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 1px;
line-height: 150%;
color: #696978;
background:
url(
http://p0.p.pixnet.net/albums/userpics/0/4/203304/1202801080.png)
no-repeat left top;
margin: 0px;
}
br {
letter-spacing: 0px;
}
a {
color:#778899;
font-family:verdana;
text-decoration:none;
}
a:hover{
color:#666666;
text-decoration:none;
cursor:crosshair ;
}
p { margin: 0px; }
select{
color:#696978;
font-size:10px;
border:#cccccc 1px solid;
width:150px;
}
ul {
padding: 0px;
margin-left: 5px;
}
li {
padding-left: 0px;
}
.Upgrade {
display: none;
}
#Container {
width: 950px;
background: transparent;
margin: 0px auto;
}
input{
color:#696978;
font-size:11px;
border:#cccccc 1px solid;
background: #ffffff;
padding:1px;
cursor:crosshair ;
}
/*top*/
#Top {
position: relative;
height: 100px;
color: #696978;
border: none;
background: transparent;
padding: 0px;
}
#BlogHeader {
width: 90%;
overflow: hidden;
line-height: 20px;
font-size: 13px;
padding: 5px 0px 0px 10px;
margin: 10px 0px 0px 40px;
}
#BlogHeader a {
color: #696978;
font-size:13px;
font-weight:normal;
text-decoration:none;
}
#BlogHeader a:hover {
color:#cccccc;
text-decoration:none;
}
#BlogDescr {
position: relative;
top: 8px;
left: 45px;
width: 90%;
height: 17px;
font-size:11px;
line-height: 25px;
text-align: left;
color: #778899;
padding: 0px 10px 0px 0px;
overflow: hidden;
}
/*userLink*/
#userBlock {}
#userBlock .Sidebody { padding: 0px; }
#userBlock .userImg td {
width: 270px;
text-align: center;
}
#userBlock .userImg img {
margin: 0px auto;
}
.userLink {
}
/*main*/
#Main {
margin: 10px 1px 0px 1px;
}
#Sidebar {
position: relative;
float: left;
width: 215px;
overflow: hidden;
word-break: break-all;
padding-bottom: 10px;
color: #CCCCCC;
margin-top: 100px;
margin-left: 15px;
}
.Sideblock {
width: 215px;
margin: 0px auto 10px auto;
}
.Sidetitle {
overflow: hidden;
background: transparent;
border-right: #696978 solid 1px;
border-top: #696978 solid 1px;
border-left: #696978 solid 1px;
}
.Sidetitle H4 {
font-size: 11px;
font-weight: normal;
text-align: left;
color: #696978;
padding-right: 8px;
padding-left: 8px;
padding-bottom: 5px;
padding-top: 10px;
margin: 0px;
}
.Sidetitle H4 a { color: #fff; }
.Sidebody {
font-size: 12px;
color: #696978;
line-height: 150%;
background: transparent;
padding-bottom: 10px;
padding-top: 10px;
padding-right: 8px;
padding-left: 8px;
margin: 0px 0px;
border-bottom: #696978 solid 1px;
border-right: #696978 solid 1px;
border-left: #696978 solid 1px;
}
.Sidebody a {
color:#778899;
text-decoration:none;
}
.Sidebody a:hover {
color:#666666;
text-decoration:none;
cursor:crosshair ;
}
.Sidebody img {
vertical-align: middle;
}
#CalendarPlugin .Sidebody {
padding: 0px;
padding-bottom: 10px;
}
table.calMonth {
width: 220px;
margin: 0px auto;
}
table.calMonth th {
font-weight: normal;
line-height: 18px;
}
table.calMonth td {
text-align: center;
line-height: 20px;
border: none;
background: #bdf;
}
table.calMonth td a {
display: block;
background: #fff;
padding: 0px;
}
#Content {
float: right;
width: 550px;
}
.mainEntry {
margin-bottom: 40px;
}
.mainEntryTitle {
color: #696978;
text-align: left;
text-decoration: none;
background: transparent;
}
.mainEntryTitle H3 {
font-size: 13px;
font-weight: normal;
margin-left: 5px;
margin-right: 5px;
margin-top: 1px;
padding-top: 2.px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 2px;
padding-top: 2px;
border-bottom:1px #000 solid;
}
.mainEntryTitle H3 a {
color: #696978;
display: block;
}
.mainEntryTitle H3 a:hover {
color:#cccccc;
border-bottom-style : none;
}
.mainEntryBody {
background: transparent;
border: 1px solid #000000;
margin-bottom: 40px;
padding: 5px;
padding-top: 15px;
}
.date {
font-size: 13px;
text-align: right;
color: #999999;
background: transparent;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
border-bottom: 1px solid #000000;
margin-bottom: 0px;
display: block;
}
span.date {
background: none;
margin-right: 0px;
border: none;
}
p.mainEntryBase {
line-height: 205%;
letter-spacing : 1pt;
margin-top: 35px;
margin-bottom: 30px;
margin-right: 15px;
margin-left: 15px;
}
p.mainEntryBase a {
color:#386497;
font-family:verdana;
text-decoration:none;
}
p.mainEntryBase a:hover {
color:#666666;
text-decoration:none;
border-bottom-style : dashed;
border-bottom-width : 1px;
border-bottom-color : #386497;
cursor:crosshair ;
}
blockquote {
margin: center;
border: 1px solid #DCDCDC;
border-left: 4px solid #dcdcdc;
padding-left: 10px;
}
.mainEntryfoot {
color: #cccccc;
font-size: 10px;
text-align: right;
height: 10px;
padding-top: 2px;
padding-bottom: 5px;
padding-left: 10px;
background-color: transparent;
padding-right: 5px;
}
.mainEntryfoot a {
font-size:11px;
color: #696978;
text-decoration: none;
letter-spacing:1px;
}
.mainEntryfoot a:hover {
color: #cccccc;
text-decoration: none;
border-bottom-style : none;
}
.mainEntryfoot br {
line-height: 0px;
}
input
#trackback_url {
color:#696978;
font-size:10px;
text-align:right;
letter-spacing: 1px;
border: none !important;
border-bottom: 1px solid #ccc !important;
padding: 0px;
}
.mainEntryBottom {
text-align: right;
background: transparent;
padding: 5px 0px 5px 0px;
margin-left: 10px;
font-size:10px;
}
.mainEntryBottom a.ptop {
color: #696978;
}
.mainEntryBottom a.ptop:hover {
color: #cccccc;
}
.maintagline {
margin: 5px 10px;
}
.maintagline b {
font-weight: normal;
margin-right: 5px;
}
.maintagline br {
display: none;
}
.maintagline img {
vertical-align: middle;
}
.extended {
margin: 0px 10px;
}
.extended b {
font-weight: normal;
}
.extended a {
margin-left: 25px;
}
#Comments {
width:450px;
margin:50pt 0pt 20pt 15pt;
padding: 10pt 20pt 10pt 20pt;
}
H4.commentTitle {
display: none;
}
H4.commentTitle a {}
H4.commentTitle a:hover {}
.commentBody {
padding: 10px;
}
.CommentInnerBox {
font-size: 11px;
color: #696978;
background: none;
border-bottom: 1px dashed #696978;
padding-bottom: 10px;
margin-bottom: 5px;
}
.CommentInnerBox br { line-height: 150%; }
.commentheader {
color: #000;
padding: 10px 10px;
}
.commentcontent {
padding: 10px;
}
.commentcontent br { line-height: 18px; }
.commentposterinfo {
color: #696978;
font-size:10px;
height: 20px;
_height: 17px;
_padding-top: 3px;
line-height: 20px;
text-align: right;
padding-right: 5px;
}
.commentposterinfo a { }
.commentposterinfo a:hover { }
.commentposterinfo br { display: none; }
.commentposterinfo img {
border:none;
}
.replyBox {
background: none;
border: none;
padding: 0px;
margin: 0px 0px 10px 50px;
}
.replyBox span {
color: #000000;
padding: 0px 0px 0px 10px;
}
.replyContent {
font-size: 11px;
color: #778899;
padding: 15px 5px 5px 30px;
}
.replyInfo {
color: #696978;
font-size:10px;
height: 20px;
text-align: right;
padding-right: 5px;
}
/*footer*/
#pagefooter {
font-size:0px;
clear: both;
height: 38px;
text-align: left;
color: #ffffff;
border-bottom: 1px solid #ccc;
background: none;
padding: 60px 0px 0px 10px;
}
#pagefooter a { display: none; }
#pagefooter a:hover { display: none; }
#pagefooter div { display: inline; }
#pagefooter img { display: none; }
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 125.232.142.34
※ 编辑: formyptt 来自: 125.232.140.185 (09/10 17:08)