首页 > 作文

博客园的推荐栏,怎么漂起来?

更新时间:2023-04-03 13:10:33 阅读: 评论:0

说出来不怕你们笑话,写代码写了这么多年,竟然一开始搞不定博客园的推荐栏,怎么让它漂起来这个问肖智题困扰了我很久!

漂起来的样子是什么样的呢?

漂起来的样子就像上面这张图那样,方便园友们推荐!

问了好几个朋友,他们竟然也不知道怎么搞,让我很伤心——看来还得自己研究研究医学专科。

第一步:找样式。

我在纯洁的微笑的博客那里,看到了推荐春天像栏漂起来的样子。于是就「f12」打开谷歌浏览器的开发者模式,然后通过「elements」面板找到一串css代码stop的过去式:

#div_digg {    position: fixed;    bottom: 5px;    width: 136px;    right: 0px;    border: 2px solid #6fa833;    padding: 10px;    background-c欲水olor: #fff;    border-radius: 5px 5px 5px 5px !important;    box-shadow: 0 0 0 1px #5f5a4b, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);}

  具体方式,见下图:

第二步,在本地新建一个css文件,把以上代码拷贝进去。

第三步,在博客园的「文件」面板中上传css文件。

记得点击css文件的链接,复制文件的路径。

第四步,在博客园的「设置」面板的「页首html代码」引入css文件。

最后,别忘了保存。保存后,再点开一篇博客园的文章,就看到推荐栏漂了起来。

本文发布于:2023-04-03 13:10:31,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/1fab65b54ae135097b83e67623800e6a.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:博客园的推荐栏,怎么漂起来?.doc

本文 PDF 下载地址:博客园的推荐栏,怎么漂起来?.pdf

标签:文件   代码   博客园   面板
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图