LV. 10
GP 98

【心得】Google Chrome美化教學文~~

樓主 薇薇 mrchen118124
GP115 BP-

2016/08/05發現目前最新版Chrome的新分頁好像沒有美化的效果!!
經過重新安裝Chrome後(包含清除瀏覽資料),就有美化成功。
Google Chrome版本編號為 52.0.2743.116 m (64-bit)




我個人是滿喜歡美化der~~

畢竟看上去就是一個字——爽 !!

廢話不多說,  開始吧!!



首先,先到Google Chrome的線上應用程式商店

搜尋 " creator "


找到後並安裝~~


接下來進入到這個畫面!!


開始照著左邊的4個步驟做

(其實只要做前3個就行了!!)

第1個 是上傳影像


對了,  圖片下面有可以調整位置的功能喔!!


第2個 產生顏色
(最主要就是讓上面和框框的顏色與圖片相近)(變跟背景一樣黑色了!!有沒有~~嘻嘻!!)


第3個 包裝和安裝




新增主題後!!



已經完成一半囉!!







先喝杯水吧!!
休息一下!!






接下來,

第2個,我們回到Google Chrome的應用程式商店 !!

搜尋stylish


並安裝它~~


進入stylish


並點選 編寫新樣式


名稱自己隨便取(我命名為clear 因為就是要變乾淨嘛!!)

至於在代碼的部分  請輸入以下程式
(此程式是請教 mazd666呵呵呵)大大的!!)



[id="most-visited"]{display:none}

:not(#doodle-hero)>#hplogo,body:not(.hp) #lga{display:none!important}
#lga{background-image:url( )!important;background-position:center 109px!important;background-repeat:no-repeat;background-size:272px 92px!important}

#logo>*,#logocont>* {opacity:0!important}
#logo,#logocont {background-image:url( )!important;background-repeat:no-repeat;background-size:92px 30px!important;background-position:center!important;height:95!important;width:37!important}

[id="most-visited"]{display:none}
[id="logo-sub"]{display:none}
[id="theme-attr-msg"]{display:none}
[id="f"]{display:none}



找到適用於,選 "匹配正則表示式的網址"

還有一個空白條,輸入  ".*/chrome/newtab.*" (P.s.不包含 " )

輸入完 會是這樣!!


記得要按左邊偏上方的保存喔!!

接下來就到你的新分頁,  欣賞囉~~!!



哇!!  真的好美好乾淨~~!!




對了,如果你想要有Google的Logo出現的話

就使用以下程式


[id="most-visited"]{display:none}

/*:not(#doodle-hero)>#hplogo,body:not(.hp) #lga{display:none!important}
#lga{background-image:url( )!important;background-position:center 109px!important;background-repeat:no-repeat;background-size:272px 92px!important}

#logo>*,#logocont>* {opacity:0!important}
#logo,#logocont {background-image:url( )!important;background-repeat:no-repeat;background-size:92px 30px!important;background-position:center!important;height:95!important;width:37!important}*/

[id="most-visited"]{display:none}
[id="logo-sub"]{display:none}
[id="theme-attr-msg"]{display:none}
[id="f"]{display:none}


適用於得部分,則都一樣



(此程式與上面唯一差別,就是第2段加入了  /*  和  */  ,用途是把第2段忽略)








以上教學到此結束 !!
如果有遇到什麼問題的話,歡迎詢問喔!!

如果你喜歡這篇教學文的話,不妨按個喜歡
給我一些支持吧 !!



以上我也有把這教學文放在我的創作裡!!

我會不定時的PO一些有趣或實用的文章,

歡迎訂閱我喲~~!!


如要轉PO到其他論壇,請標明出處!!




115
-
未登入的勇者,要加入討論嗎?
板務人員:

1327 筆精華,07/28 更新
一個月內新增 3
歡迎加入共同維護。


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】