Shared publicly  - 
 
求散播.求上热门 16/4 更新平姐修改版

教程及代码如下.

1 装扩展.
https://chrome.google.com/webstore/detail/oiaejidbmkiecgbjeifoejpgmdaleoha
2 刷新G+
3 单击扩展.
4 单击 EDIT CSS
5 复制(下面提供的代码. 不包括分割线) & 粘贴
6 单击SAVE . 按ESC. 刷新G+
7 Done.

代码如下.. ..
艹艹艹艹艹 分割线 艹艹艹艹艹

/*通知位置*/
/*
ol.gbtc {
padding-right: 100px;
}
/*
/*隐藏推荐视频*/

div.GPInYc.KBMoYc.c-wa-Da.Yf96sb.xNkOmd {
display: none;
}

div.GPInYc.KBMoYc.c-wa-Da.Yf96sb {
display: none;
}

div.RazREb.ZI35oe.c-wa-Da.ncGWdc {
}

div.W1xc1 {
display: none;
}

/* 悬停左边时显示左侧 */
.ZXy9Tc.VR8ITe:hover {
left: 0px ;
}

/* 隐藏左侧 */
.ZXy9Tc.VR8ITe {
transition: left .5s ease;
-moz-transition: left .5s ease;
-webkit-transition: left .5s ease;
left: -90px ;
}

/* 调整内容区域边距 */
.k-fa {
margin: 0 0 0 0 ;
}

.atQfbd {
margin: 0 0 0 0 ;
}

/*顶部白条固定*/

.k-YB-nb-Zg {
position: relative ;
border-bottom: 1px solid rgb(215, 215, 215);
}

.k-Qf-YB-nb-dd {
height: 0px ;
}

.muo2Sd.HC.rjbLIe, .uBkbrd.D0jntb.cm2O3c.EvUqIc {
display: none ;
}


/*搜索条隐藏,悬停弹出*/

#gbq.gbem {
top: -14px;
}

#gbq.gbem:hover {
top: 10px;
}

#gbq.gbes {
top: -8px;
}

#gbq.gbes:hover {
top: 16px;
}

#gbq {
top: -16px;
}

#gbq:hover {
top: 12px;
}

#gbx1 {
height: 1px;
overflow: hidden;
}

/*通知块上调至黑长直*/
#gbu {
top: -19px;
z-index: 998;
}

#gbu.gbes {
top: -12px;
}

/*回复字体颜色*/
.kH {
color: #CC3299 ;
}

/*添加评论字样的颜色*/
div.rBJ4nd.Ln {
background-color: transparent;
color: transparent;
}

div.wo {
background-color: transparent;
}

/*去除顶部圈子选项的背景*/
nav.uohZhe {
background-color: transparent;
}

div.fsfr2c {
background-color: transparent;
height: 0px;
}

/* chat 隱藏 */
.AOaixb.yRwDId.eub5Ne { margin-top:25px; }
.AOaixb.yRwDId.eub5Ne {
transition: right .5s ease;
-moz-transition: right .5s ease;
-webkit-transition: right .5s ease;
right : -180px;
z-index: 980;
}
.AOaixb.yRwDId.eub5Ne:hover { right: 0px; }

/*去除头像和po之间的小箭头*/
.MrKoMd {
background: none !important;
}
.tuRX2{
background: none !important;
}

/* 减少信息之间纵向间隔 */
.Wbhcze {
margin-top: 5px !important;
margin-bottom: 5px !important;
}

/* 缩小评论栏空白边距 */
.rh {
margin: 4px 2px 0 2px !important;
padding: 0 0 0 0 !important;
}

/* 新评论栏边距 */
.Ln {
margin: 1px 0 1px 0 !important;
padding: 2px 7px !important;
}

/* 减少作者栏上边距 */
.Ns {
padding: 3px 3px 0 16px !important;
}
.yo, .xven9b, .f1oVUc {
padding: 5px 0 0 0 !important;
}

/* 减少按钮栏上下边距 */
.cWD3F {
height: 28px !important;
}

.Jt.esw, .HPvmqf {
margin-top: 2px !important;
}

/* 活动按钮边距 */
.KPadCb {
padding-top: 2px !important;
}

.us02Mc, .Zey5Bf {
line-height: 30px !important;
}

/* 去除黑背景 */
.r4gluf, .VepHtd {
background: none !important;
}

/*正常显示信息流中的“更多图片”层*/
#content .bHZWuc {
width: 0 !important;
}

/*頂部透明 0全透明 1不透明*/
#gbx3 {opacity: 0.5}

/*相簿透明*/
div.RxitYc {
background-color: rgba( 255,255,255,0.7) !important;
}

/*相簿透明*/
div.TndJ1c {
background-color: rgba( 255,255,255,0.7) !important;
}

/*相簿透明*/
div.display {
background-color: rgba( 255,255,255,0.7) !important;
}

/*相簿按鈕調整*/
.EziK2e {
width: 96% !important;
}

/*社交圈透明*/
div.pz.oz-sg-people {
background-color: rgba( 255,255,255,0.65) !important;
}

/*顶部圈子背景*/

nav.uohZhe {
background-color: transparent !important;
}
div.fsfr2c {
background-color: transparent !important;
height: 0px;
}

div.gbx1 {
background-color: rgba( 255,255,255,0.9) !important;
}

/*更换通知背景*/
body {
background:url("https://lh3.googleusercontent.com/-41IyTcZPZj8/T1nDqsHJZsI/AAAAAAAAH78/ZTvVWt9z8BE/s914/wallpaper-1695011.jpg") no-repeat center center fixed;background-size: cover;
}

/*更换原CHAT背景.其实就是整个的背景*/
body {
background:url("https://lh6.googleusercontent.com/-YlvK3LW8na4/T2ro7bSa5WI/AAAAAAAAKQo/bTfhFVf0qoo/s914/wallpaper-428336.jpg") no-repeat center center fixed;background-size: cover;
}

/*取消大背景..配合换CHAT一起用*/
.uWF1Ke.atQfbd.GjYYId {
/*middle region background*/
width: 0% ;
艹艹艹艹艹 分割线 艹艹艹艹艹
最后郑重声明.. 代码神马的我不会的..
我是到处攒的.. 这都是别人写出来的..
我只是都试试.. 然后留下了觉得好的..
+Skyun Liu 搜索栏隐藏. 修复. . . . .
已然记得的 +Kevin Wang +Simon Chan +林静琴 +Dragoon Z +Whale Mo +ROY DS +風之水
+刘松 不过话说刘松其实也是偷的这种事情我是不会说出去的. . . 对我偷了代码但是却忘了名字的表示哀悼.. (不对..
表示道歉.. ..

应该应该是没什么可改的了.. 用的时候..回到顶部之后往下滚一下鼠标刚好停到发布栏的上沿.信息流正常滚动且木有白又软黑长直困扰. 对于说看不到通知的童鞋.. .. 自带的通知总是抽风..装扩展看吧.. ..
要改的话基本就剩下 Kevin 说好的把头像缩到post里这一点了..
等有了代码我会编辑上来并回复此po..
So.. 怕错过的童鞋用了至少mark一下..

最后最后.. 图片觉得不习惯的就自己换.. 代码里最后面的两个图片链接自己换就是了..
没图片去我相册翻..有的是.. ..
顺便无节操的求分享相册啊亲..!!!
----------------------------------------------------分割线.

/*通知位置*/

/*
ol.gbtc {
padding-right: 100px;
}
/*
/*隐藏推荐视频*/

div.GPInYc.KBMoYc.c-wa-Da.Yf96sb.xNkOmd {
display: none;
}

div.GPInYc.KBMoYc.c-wa-Da.Yf96sb {
display: none;
}

div.W1xc1 {
display: none;
}

/* 悬停左边时显示左侧 */

.ZXy9Tc.VR8ITe:hover {
left: 0px ;
}

/* 隐藏左侧 */

.ZXy9Tc.VR8ITe {
transition: left .5s ease;
-moz-transition: left .5s ease;
-webkit-transition: left .5s ease;
left: -90px ;
}

/* 调整内容区域边距 */

.k-fa {
margin: 0 0 0 0 ;
}

.atQfbd {
margin: 0 0 0 0 ;
}

/*顶部白条固定*/

.muo2Sd.HC.rjbLIe, .uBkbrd.D0jntb.cm2O3c.EvUqIc {
display: none ;
}

/*搜索条隐藏,悬停弹出*/

#gbx1 {
opacity: 0;
height: 1px;
}

/*回复字体颜色*/

.kH {
color: #CC3299 ;
}

/*添加评论字样的颜色*/

div.rBJ4nd.Ln {
background-color: transparent;
color: transparent;
}

div.wo {
background-color: transparent;
}

/*去除顶部圈子选项的背景*/

nav.uohZhe {
background-color: transparent ;
}

div.fsfr2c {
background-color: transparent ;
height: 0px;
}

/* chat 隱藏 */

.AOaixb.yRwDId.eub5Ne {
transition: right .5s ease;
-moz-transition: right .5s ease;
-webkit-transition: right .5s ease;
right: -180px;
z-index: 980;
}

.AOaixb.yRwDId.eub5Ne:hover {
right: 0px;
}

/*去除头像和po之间的小箭头*/

.MrKoMd {
background: none ;
}

.tuRX2 {
background: none ;
}

/* 减少信息之间纵向间隔 */

.Wbhcze {
margin-top: 5px ;
margin-bottom: 5px ;
}

/* 缩小评论栏空白边距 */

.rh {
margin: 4px 2px 0 2px ;
padding: 0 0 0 0 ;
}

/* 新评论栏边距 */

.Ln {
margin: 1px 0 1px 0 ;
padding: 2px 7px ;
}

/* 减少作者栏上边距 */

.Ns {
padding: 3px 3px 0 16px ;
}

.yo, .xven9b, .f1oVUc {
padding: 5px 0 0 0 ;
}

/* 减少按钮栏上下边距 */

.cWD3F {
height: 28px ;
}

.Jt.esw, .HPvmqf {
margin-top: 2px ;
}

/* 活动按钮边距 */

.KPadCb {
padding-top: 2px ;
}

.us02Mc, .Zey5Bf {
line-height: 30px ;
}

/* 去除黑背景 */

.r4gluf, .VepHtd {
background: none ;
}

/*正常显示信息流中的“更多图片”层*/

#content .bHZWuc {
width: 0 ;
}

/*頂部透明 0全透明 1不透明*/

#gbx3 {
opacity: 0.5;
}

/*相簿透明*/

div.RxitYc {
background-color: rgba( 255,255,255,0.7) ;
}

/*相簿透明*/

div.TndJ1c {
background-color: rgba( 255,255,255,0.7) ;
}

/*相簿透明*/

div.display {
background-color: rgba( 255,255,255,0.7) ;
}

/*相簿按鈕調整*/

.EziK2e {
width: 96% ;
}

/*社交圈透明*/

div.pz.oz-sg-people {
background-color: rgba( 255,255,255,0.65) ;
}

/*顶部圈子背景*/

div.gbx1 {
background-color: rgba( 255,255,255,0.9) ;
}
/*通知块上调至黑长直*/
#gbu {
top: -19px;
z-index: 998;
}

#gbu.gbes {
top: -12px;
}

/*更换通知背景*/

body {
background: url("https://lh6.googleusercontent.com/-YlvK3LW8na4/T2ro7bSa5WI/AAAAAAAAKQo/bTfhFVf0qoo/s914/wallpaper-428336.jpg") no-repeat center center fixed;
background-size: cover;
}

/*更换原CHAT背景.其实就是整个的背景*/

/*取消大背景..配合换CHAT一起用*/

.uWF1Ke.atQfbd.GjYYId {
/*middle region background*/
width: 0% ;
}

div.gbt {
padding-left: 50%;
margin-right: 20%;
height: 1px;
}

div.D8su9b.c-wa-Da.e3JCnb {
margin-left: 118%;
width: 60%;
}

div.RazREb.ZI35oe.c-wa-Da.ncGWdc {
margin-top: -11%;
}
134
115
冷逸尘's profile photoKanade Tachibana's profile photoHeihei En's profile photoZijie Pan's profile photo
122 comments
 
我的沙发!!!!!!!!
这po要是不上热门我就不混G+了!!!

每天画圈圈诅咒你们这种事情我就是做了也不会说出来叫你们知道的!!!
Translate
Translate
Translate
 
这个扩展好到爆,做网页很有效啊亲
Translate
 
+Stephen Crane 吐你妹的槽.. 用用试试.. ..
图片自己换.. ..
老纸相册不多的是.. ..
Translate
 
=_= 搜索條弄成縮到一邊 然後鼠標上去會移粗來嘛~~
Translate
 
如果上面白又软不透明的话可以.. ..
我折腾一下午了.
那你再试试.. ..
Translate
 
自己改 =.= 我就喜欢这么窄.. ..
右边我还看书看电影呢.. ..
Translate
Translate
Translate
刘松
 
我们读书人怎么能说是偷呢?要说拿
 
/* 增加信息流、分享框宽度 */
.ncGWdc {
width: 60% !important;
margin-left: 150px !important;
}

.SG {
width: 100% !important;
}

.Wbhcze {
width: 75% !important;
}

.k-Qf-e-fa {
width: 75% !important;
}
.Of {
width: 80% !important;
}

.Cw4PGf {
width: 80% !important;
}

.kM5Oeb-ad9sbb {
width: 100% !important;
}

.e-dd {
width: 100% !important;
}

.ncGWdc { /*total width of post*/
margin-left: 16% !important;
width: 100% !important;
}
Translate
Translate
韩磊
 
好东西
王宣
 
顶端还是固定的好
Translate
 
刚装了,写的不错,对css很熟系啊 我要转发下
Translate
Translate
 
裝了以后两侧自动隐藏,右边2/3空白。。。。。
Translate
 
............ 我还以为你说固定在顶上不跟着 = = .. ..

原来你是想固定 = =.. .. ..
Translate
 
/*顶部白条固定*/
/*搜索条隐藏,悬停弹出*/

删掉.
Translate
 
用 stylish 把 所有网页的背景都换了。。。
Translate
Translate
王宣
 
通知栏的背景就显示一条的背景
Translate
王宣
 
固定后,显示一个小横条
Translate
 
不用Chrome,有没有火狐的扩展。
Translate
 
+王宣

/*通知位置*/
/*
ol.gbtc {
padding-right: 100px;
}
/*
/*隐藏推荐视频*/

div.GPInYc.KBMoYc.c-wa-Da.Yf96sb.xNkOmd {
display: none;
}

div.GPInYc.KBMoYc.c-wa-Da.Yf96sb {
display: none;
}

div.RazREb.ZI35oe.c-wa-Da.ncGWdc {
}

div.W1xc1 {
display: none;
}

/* 悬停左边时显示左侧 */
.ZXy9Tc.VR8ITe:hover {
left: 0px ;
}

/* 隐藏左侧 */
.ZXy9Tc.VR8ITe {
transition: left .5s ease;
-moz-transition: left .5s ease;
-webkit-transition: left .5s ease;
left: -90px ;
}

/* 调整内容区域边距 */
.k-fa {
margin: 0 0 0 0 ;
}

.atQfbd {
margin: 0 0 0 0 ;
}

/*通知块上调至黑长直*/
#gbu {
top: -19px;
z-index: 998;
}

#gbu.gbes {
top: -12px;
}

/*回复字体颜色*/
.kH {
color: #CC3299 ;
}

/*添加评论字样的颜色*/
div.rBJ4nd.Ln {
background-color: transparent;
color: transparent;
}

div.wo {
background-color: transparent;
}

/*去除顶部圈子选项的背景*/
nav.uohZhe {
background-color: transparent;
}

div.fsfr2c {
background-color: transparent;
height: 0px;
}

/* chat 隱藏 */
.AOaixb.yRwDId.eub5Ne { margin-top:25px; }
.AOaixb.yRwDId.eub5Ne {
transition: right .5s ease;
-moz-transition: right .5s ease;
-webkit-transition: right .5s ease;
right : -180px;
z-index: 980;
}
.AOaixb.yRwDId.eub5Ne:hover { right: 0px; }

/*去除头像和po之间的小箭头*/
.MrKoMd {
background: none !important;
}
.tuRX2{
background: none !important;
}

/* 减少信息之间纵向间隔 */
.Wbhcze {
margin-top: 5px !important;
margin-bottom: 5px !important;
}

/* 缩小评论栏空白边距 */
.rh {
margin: 4px 2px 0 2px !important;
padding: 0 0 0 0 !important;
}

/* 新评论栏边距 */
.Ln {
margin: 1px 0 1px 0 !important;
padding: 2px 7px !important;
}

/* 减少作者栏上边距 */
.Ns {
padding: 3px 3px 0 16px !important;
}
.yo, .xven9b, .f1oVUc {
padding: 5px 0 0 0 !important;
}

/* 减少按钮栏上下边距 */
.cWD3F {
height: 28px !important;
}

.Jt.esw, .HPvmqf {
margin-top: 2px !important;
}

/* 活动按钮边距 */
.KPadCb {
padding-top: 2px !important;
}

.us02Mc, .Zey5Bf {
line-height: 30px !important;
}

/* 去除黑背景 */
.r4gluf, .VepHtd {
background: none !important;
}

/*正常显示信息流中的“更多图片”层*/
#content .bHZWuc {
width: 0 !important;
}

/*相簿按鈕調整*/
.EziK2e {
width: 96% !important;
}

/*社交圈透明*/
div.pz.oz-sg-people {
background-color: rgba( 255,255,255,0.65) !important;
}

/*顶部圈子背景*/

nav.uohZhe {
background-color: transparent !important;
}
div.fsfr2c {
background-color: transparent !important;
height: 0px;
}

div.gbx1 {
background-color: rgba( 255,255,255,0.9) !important;
}

/*更换通知背景*/
body {
background:url("https://lh3.googleusercontent.com/-41IyTcZPZj8/T1nDqsHJZsI/AAAAAAAAH78/ZTvVWt9z8BE/s914/wallpaper-1695011.jpg") no-repeat center center fixed;background-size: cover;
}

/*更换原CHAT背景.其实就是整个的背景*/
body {
background:url("https://lh3.googleusercontent.com/-ex1YMYUnMY4/T2XDLuSwaPI/AAAAAAAAJRQ/dp98vaRXWio/s1042/wallpaper-168746.jpg") no-repeat center center fixed;background-size: cover;
}

/*取消大背景..配合换CHAT一起用*/
.uWF1Ke.atQfbd.GjYYId {
/*middle region background*/
width: 0% ;
 
都不想要的东西你还想留着 =.= ..
Translate
王宣
 
习惯了
王宣
 
搞错了,我是想固定最上边的黑条Sorry...
Translate
 
.. .. 那俩东西分开了难看的 SHI 一样.. ..
白的部分会留一个框.. .. =.= 劝不还是不要试了.. ..
Translate
王宣
 
通知栏每次都要拉上去看?
 
我用扩展.. 一直用扩展.. ..
Translate
王宣
 
哦,原来如此
Translate
 
怎么我复制了这些代码完全没有楼主的效果的?而且按钮的位置也乱七八糟
Translate
Translate
 
请问那个换背景的代码怎么用?怎么我换来换去都只是换了chat的背景
Translate
 
额. . .? 就是po里的代码啊 . . ~!!
刷新下.. .. ?
Translate
Translate
 
用上了,谢谢分享
Translate
 
嗯 这段要跟下面那段一起用才行..
要不不起作用... .. 会只显示右边一条..
Translate
 
G+怎么连完整的评论都看不了,我上面那条的意思就是说我只用了这个代码,可惜背景没有换,只有chat的背景换了,我想问如果我想换整个背景应该怎么换?
Translate
 
我尝试过把下面的都复制进去了,还是只有chat的背景换,大背景没有换
Translate
 
加上最这段的下面一段 一起用..
 

/*頂部透明 0全透明 1不透明*/

开始. 到底. 全用上
Translate
Fox Gam
 
技术宅……
 
还是没有效果,想死中
Translate
 
+Zijie Pan 这.. .. 这不科学啊.. ..
你是想怎么的.? 就只换背景 其他界面不动?
Translate
 
是啊,或者可以的话在空白的地方加上背景也可以
 
先确定你是chrome . 确定你没装错扩展.
Translate
 
=.= 我刚刚遇到两个装错扩展一个火狐来捣乱的了 = = .. ..
Translate
 
是chrome,插件没装错,完全按照楼主的步骤来,一步也没少,我现在复制的了代码的效果是上面会隐形,左边那条栏会缩进去,右面的聊天也会缩进,聊天有背景,通知刚打开的时候有背景,但是那个背景没有维持,把页面拉到最下的话也有半格背景,反正就乱七八糟,很奇怪的效果
Translate
 
哇,G+现在都给达人改造成自定义页面了
Translate
 
自己改嘛,很简单的,哥哥华丽的忽视了楼主花里胡哨的代码
Translate
Translate
Translate
 
哇,不错呢~~半透明的,我喜欢。。。
Translate
Sid L
 
这个好赞!我的颈椎有救了!
Translate
 
+广野 ㄨ 哈哈,多加你的一段代码就变中间看着舒服。原版在左边看着眼睛累。谢谢啊。
Translate
 
= =.. .. 我是故意往左边弄的.. .. 这样我右边就可以看书看电影了 =.= .. ..
只不过加了背景 不是空白.. 没那么反感了而已.. ..

喜欢放中间的话我前面的回复里有发一段代码. 加进去就行了.. .. ..
Translate
朱杨
 
这是什么东西!
牛牛
 
不用PC上g+的路过…
Translate
 
非常不错啊,瞬间顺眼多了。
Translate
Translate
 
手机客户端怎么没下载相册里的图片啊
Translate
 
+郭兴 你是真的刚看见啊亲.. ..
赶紧给我凑100分享..
Translate
 
+高阳 短的话
肿么好意思求上热门嘛 ^^ .. ..
Translate
 
把这个也推荐给G+官方吧 他们应该请你去当设计师的.........
Translate
Translate
JT FANG
 
你终于上热门鸟
Translate
Translate
 
我还是喜欢简洁点~
Translate
 
我只是来围观热门的...
Translate
Translate
Translate
Translate
何李
 
看不懂
Translate
 
改了下,还是觉得原版的看起来顺眼些,呵呵
Translate
 
支持一下,不过我消息果然慢啊……
 
虽然不是很明白但是感觉好厉害!!!
Translate
 
对不起. 脏了您的眼.
Translate
 
/*頂部透明 0全透明 1不透明*/
#gbx3 {opacity: 0.5}
#gbx1 {opacity: 0}
#gbq {opacity: 0}

改成

/*頂部透明 0全透明 1不透明*/

#gbx3 {opacity: 0.5;}

完美解决 G+搜索栏不见的问题!
希望广野君加上这个提示。
Translate
Translate
 
这个可以有… 马克之!!
Translate
Translate
吴曦
 
好复杂
Translate
Add a comment...