我的 IT幫幫忙 版面
不太喜歡白底 置中窄版 的網頁版面
這個之前發過發現某些頁面有問題砍掉了
這邊再發一次,後面 CSS 會陸續調整,喜歡的可以追蹤一下
如果了解怎麼改的自己慢慢改成喜歡的也可以
畫面如下,喜歡的就追蹤吧
body {
background-attachment: fixed;
background-image: url('http://miriadna.com/desctopwalls/images/max/Space-clouds.jpg');
color: #eee;
}
a {
color: #eee;
}
#container {
width: 95%;
}
#main {
width: 80%;
}
#primary {
width: 80%;
}
#main img {
max-width: 520px;
}
.content {
background-color: #eee;
}
.universalHeader,.ad_side, .adSquareBanner ,#qBodyCntFoot tr:last-child,#text_ad,#ad300,#primary table:last-child,.fb_iframe_widget {
display: none;
}
#ironman-signup,.hp_box,.rc,#hp_mid_page,#side {
background-color: rgba(0,0,0,0.5);
}
#questionBox {
background: none;
}
.services,.services a,#basicTab *, .content *,#ithelpProfile *,.ansResponse * {
color: #333;
}
第三版,改了一些細節
body {
background-attachment: fixed;
background-image: url('http://miriadna.com/desctopwalls/images/max/Space-clouds.jpg');
color: #eee;
}
#container {
width: 95%;
}
#main,#primary {
width: 80%;
}
#main img {
max-width: 520px;
}
.universalHeader,.ad_side, .adSquareBanner ,#qBodyCntFoot tr:last-child,#text_ad,#ad300,#primary table:last-child,.fb_iframe_widget, #middle_text,.profileLogoWrapper, #main .rc:nth-child(8), #footer div:nth-child(1) {
display: none;
}
#ironman-signup,.hp_box,.rc, #hp_mid_page,#side,.content, .ansResponse,.ansResponse * *, .answerBody *,.listItem,.qSupplement, .ansSupplement,.resposeCnt,.services, #ithelpProfile {
background-color: rgba(0,0,0,0.5);
color: #eee;
}
.cat_menu,.cate_rc,.services, #questionBox,#ithelpProfile * , #basicTab * ,#related_question div {
background: none;
}
.profileLogoWrapper {
background: #eee;
}
a,.listQuestion * {
color: #eee;
}
.dp-highlighter .bar * {
color: #333;
}
#basicTab li {
border: 1px solid;
border-radius: 5px 5px 0px 0px;
border-bottom: 0px;
}
#basicTab .selected * {
color: #e99;
}
這是第二版的 CSS 碼,大多數頁面都調整過了
接下來是細節調整,某些地方還是不太順眼
慢慢調囉
<pre class="c" name="code">
body {
background-attachment: fixed;
background-image: url('http://miriadna.com/desctopwalls/images/max/Space-clouds.jpg');
color: #eee;
}
#container {
width: 95%;
}
#main,#primary {
width: 80%;
}
#main img {
max-width: 520px;
}
.universalHeader,.ad_side, .adSquareBanner ,#qBodyCntFoot tr:last-child,#text_ad,#ad300,#primary table:last-child,.fb_iframe_widget, #middle_text {
display: none;
}
#ironman-signup,.hp_box,.rc,#hp_mid_page,#side,.content, .ansResponse,.ansResponse * *, .answerBody *,.listItem,.qSupplement, .ansSupplement,.resposeCnt,.services {
background-color: rgba(0,0,0,0.5);
color: #eee;
}
.cat_menu,.cate_rc,.services,#questionBox {
background: none;
}
a,.listQuestion * {
color: #eee;
}
#basicTab * {
color: #333;
}