博客园自定义样式

第二步:我在博客皮肤中选择了SimpleMemory,这个皮肤相对来说要轻快、干净,更方便你来修改你的样式

第三步:事实上你可以禁用默认CSS,这也是允许的,不过就会弄成这样

博客园自定义样式

学过前端的同学应该知道不掺杂任何任何的CSS就会出现这样的情况,这是浏览器默认给定的样式,而不是博客园给的CSS默认样式(所以你已经禁用了博客园的默认CSS),不过建议没有CSS基础的同学选中禁用,因为你重新构建这个界面会花费很多功夫,还可能结构搭不起来,所以这里我们用了一个基本样式。

第四步:可以按F12进入控制台或者右键点中你希望看到的结构选择查看,点击Element,右侧会出现它的CSS样式,大家可以修改这个样式

博客园自定义样式

 

等到你认为这样还不错的时候,把这一部分复制进入管理的界面的CSS样式中

博客园自定义样式

这里建议大家双开,管理和首页各开一个界面,很方便。

第五步:进入主题:设置背景的话,大家可以把中间默认的界面当成一个div然后进行制作,在页首Html代码中加入你的HTML代码,他会直接加入页面的HTML中,也可以在刚才的“页面定制CSS代码”中修改其样式。

第六步:我的背景思路是

1、将中间的部分透明度设为0.7

2、新加入几个HTML的div,全部设为fixed,这样不会到处乱跑。

3、定义你的CSS动画,能让你的背景星星动起来。

4、背景图别放在你的QQ空间中,在界面中不会显示的。你可以上传至你的服务器或者某些图片上传网站。(博主没试过上传百度,有知道的小伙伴可以留言告诉我一下哦)

5、我下面的代码改了我的首页字体大小,大家按我的示例也可以做一下美化。

第七步:以下是我的代码

页首Html代码

1 <div id="midground" class="wall"></div> 2 <div id="foreground" class="wall"></div> 3 <div id="top" class="wall"></div>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wsxzzf.html