iT邦幫忙

2

我又改了 IT邦幫忙 新版的 CSS 了,適合寬螢幕顯示 5/17版面更新

css
  • 分享至 

  • xImage
  •  

套用後頁面如下

套用後頁面

以下語法只有外掛了 CSS 修改套件才能用

CHROME 請使用 Stylebot

Chrome套用請進入IT邦幫忙後對著 Stylebot 左鍵 > Open Stylebot > 點窗格左下角 Edit CSS

複製下方 CSS 程式碼 貼到 窗格內的編輯框內,然後 按一下 Save 就行了

或是到這邊來安裝 Stylebot.me 剛剛上去更新了社群的公開的語法了

也可以對著 Stylebot 右鍵 Install Style from Social 點開來,下面 jones-lee 那個就是我寫的 點下去就會自動安裝並套用了

Firefox 請使用 Stylish

火狐套用法請進入 IT邦幫忙 後 對著 Stylish 左鍵 > 編寫新樣式 > 給 ithelp.ithome.com.tw

然後複製下方 CSS 程式碼,把她加入到

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("ithelp.ithome.com.tw") {
 CSS 程式碼 放到這裡 ........
}

以下是 CSS 程式碼 ( 因 5/17 小財神修改了版面,進行以下更新)

body {
    background-attachment: fixed;
    background-image: url('http://cdn.superbwallpapers.com/wallpapers/space/nebula-17270-1920x1080.jpg');
}

.header__inner,footer {
    display: none;
}

.menu__container {
    max-width: 100%;
}

.container {
    width: 95%;
}

.index-top {
    margin: 0;
}

.index-announcement a,.tab-title, .qa-list a,.sidebox__item a, .sidebox__listGroup-content a, .sidebox__listGroup-person, .sidebox__rankItem a, .qa-header__title, .markdown__style {
    color: #fff;
}

qa-list__tags a {
    color: #333;
}

.board,.sidebox__body,.qa-panel, .reply-frame,.comment {
    background-color: rgba(0,0,0,0.5);
    border: 1px solid rgba(0,0,33,0.5);
}

.editor-toolbar,.CodeMirror, .comment__textarea {
    background-color: rgba(255,255,255,0.9);
}

.qa-list ,.header {
    background-color: transparent;
}

.tag {
    background-color: #333;
}

.comment {
    padding: 10px;
}

nav {
    padding: 10px;
    background-color: rgba(0,0,0,0.5);
}

.menu__item,.menu__logo,.menu__left, .menu__right {
    padding: 0 5px;
}

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
0
外獅佬
iT邦大師 1 級 ‧ 2016-05-10 11:09:26

so????...為什麼呀?

我老了,原版對我來說閱讀很吃力

0
賽門
iT邦超人 1 級 ‧ 2016-05-10 13:37:15

改變前和改變後有什麼差異呢?

貼圖來看看吧~~

看更多先前的回應...收起先前的回應...

你自己套用看看就知道了咩,我還要抓圖,浪費IT幫幫忙的資料庫空間

賽門 iT邦超人 1 級 ‧ 2016-05-11 16:44:19 檢舉

基本上,我視這種為旁門左道。

除非研發需要,且在資安都顧好的情況下,我才會用這種方式進行實驗。

不建議用這種方式來改變網站的表現方式。

只是改 CSS 語法而已,跟資安扯不上什麼關係
只是年紀大了,只想更省力的閱讀而已
還有某些 CSS 不改才更不安全呢,例如內崁的髒東西,改了之後就能避免看到而且避免誤觸
當然每個人有每個人的見解,需要的就改一下,不需要的就看看就好
如果這樣改都有資安問題,那麼該檢討的不是我而是 小財神大哥了
因為 IT 幫幫忙的系統又不歸我管,再來就是,瀏覽器外掛本來就允許我改
小財神大哥也管不到我要怎麼改 原裝的 CSS,所以呢,需要的就改,不需要的就保持原狀

0
海綿寶寶
iT邦大神 1 級 ‧ 2016-05-10 14:59:28
.header,footer {
    display: none;
}

這下子可把頂天立地的廣告給隱藏了
/images/emoticon/emoticon06.gif

被發現了,我這人喜歡看重點,其他的就看著辦

頂天立地
還說出來..........

HTML 5 的架構,這兩個區段
除非設計者放一些必要的元件在上面
不然大多只是占版面的區段而已
然後這次網站改版,果然這兩個區段沒啥重要的東西
當然就把它隱藏了

我要留言

立即登入留言