iT邦幫忙

2

我的 IT幫幫忙版面,第一版 ( 細節修改中 )

css

我的 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;
}

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 則留言

0
窮嘶發發發
iT邦高手 1 級 ‧ 2015-08-31 12:02:20

目前某些版面還是有問題,CSS 會繼續修改,請原諒小弟時間不是很充裕
就是慢慢來而已

0
窮嘶發發發
iT邦高手 1 級 ‧ 2015-09-01 08:57:48

這是第二版的 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;
}

我要留言

立即登入留言