美化博客园

1, 相比csdn和简书,博客园有着可以自己编写博客界面的功能,学过前端的朋友可以自己动手很容易就写出来很好的界面。但是我们没有前端经验的,一样可以做出来很好看的界面。

2, 进入 “ 我的博客 ” 首页,点击 “ 管理 ”

3, 点击 “ 设置 ”

4, 当然,我们没有前端写网页的经验,就使用博客园默认的模板,博客园里面有很多参考的模板(但是自定义加入的背景图和特效要和自己选的模板适配,要不然会影响美观),不要勾选禁用模板css(禁用的前提是你自己会写css模板)

5,接下来我们设置博客园背景图片和背景透明度

附上代码:

/* 定制博客背景图片,url里面是你的图片位置信息 */
body {
background-color: #efefef;
background-image:url(http://images.cnblogs.com/cnblogs_com/mypepper0924/1497623/o_3~5G_8L}7SNL7W{@83}WE64.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center 0;
background-size: cover;
padding-top:0px;
opacity:0.7;

}

6,如果你想设置鼠标点击爱心特效,可以在博客侧边栏加入以下代码(还有其它特效,可以网上自行搜寻)

附上代码:

方法一:

方法二:
在页首html代码中加入以下代码

7,最后还可以给我们的博客加上美美的背景动态特效

我的气泡特效是在素材网上找的,附上代码:

posted @ 2019-07-25 11:15  鸽革子  阅读(146)  评论(0)    收藏  举报