在折腾的好一阵之后,慢慢的对于园子的样式定制有了一些心得。最终借助李宝亨大大的牛气自定义皮肤终于翻身做主人了。感觉好帅的说,下面简单写一下,具体定义皮肤的方式吧。 一、选择博客园模板 要选择一个在默认的模板中,对于样式定义较少的模板,这样才对于我们自定义的样式冲击比较小。毕竟园子现在还没有完全 ...
博客园的皮肤模板虽然有 多套,但我需要的作品却没几套,从布局上看,大多是固定布局,有的使用表格布局,有的将侧边栏在HTML页面的代码顺序放在主内容的前面。这些布局方式不利于页面缩放和不同屏幕尺寸与分辨率的设备浏览,尤其是在当今网页浏览设备屏幕尺寸与分辨率多样化的时代,流体与响应式布局才是最佳的选择。从配色上看,博客园有 款还不错的暗色皮肤,但不符合我布局的要求。 我想要自己的博客皮肤满足以下要求 ...
2013-03-23 14:11 22 5794 推荐指数:
在折腾的好一阵之后,慢慢的对于园子的样式定制有了一些心得。最终借助李宝亨大大的牛气自定义皮肤终于翻身做主人了。感觉好帅的说,下面简单写一下,具体定义皮肤的方式吧。 一、选择博客园模板 要选择一个在默认的模板中,对于样式定义较少的模板,这样才对于我们自定义的样式冲击比较小。毕竟园子现在还没有完全 ...
首先先感谢 BNDong大大分享的代码,本博客也是使用的此大大的博皮Demo大家可以参考看看是否符合自己的风格。 大大的教程文档写的非常的详细,按照教程来就行,我就不在此造轮子了,直接附上大大的教程文档自己看哈 我就说点大大教程里没有说到的,然后我自己尝试了一下 ...
当我们对博客园默认的主题产生审美疲劳的时候,都希望自己的博客拥有一个特殊的主题背景,厌倦了花里胡哨的我终于弄出了一个自己的博客主题,这个简约的主题设置过程如下: 首先需要把博客皮肤设置成一个最简约的模板"SimpleMemory",方便进行之后的设置: 然后在文件选项中上传自己想要的博客 ...
自定义主体样式参数 在皮肤里先挑一个现成的模板开始我们的定制之旅,这里我选了SimpleMemory,我还是喜欢这种朴素的风格。 选择SimpleMemory模板 上图成品的修改源码如下: 能明白上述样式原理,那么就可以继续定制h1,h2,h3元素和表格 定制h1,h2 ...
模版选择 现在的模版选择我的基本标准就是既要宽大,又可以适应缩放显示。如果头部尽量少点就少点,选择了coffee。 下面一些样式实例有的通用有的不通,学会修改样式才是最主要的 自定义修改方法 用谷歌打开页面,F12,选中自己需要修改的模块,定位它的css样式,复制下来,在里面自定义 ...
你想知道的博客园个性化设置这里都有哦~ 博客园个性化功能设置 博客园可以个性化设置一些功能,比如自定义博客园皮肤,添加 github 图标,添加天气小组件,自定义鼠标样式,设置背景渐变色等,接下来一一为大家讲解~ 添加 GitHub 图标,链接到自己的 GitHub 主页 ...
背景更改如下: 背景容器 我背景是在页首html代码中自定义的一段: 这样可以比较方便的控制,也方便以后加一些功能之类的 图片平铺设置 首先要分两种屏幕去适应: 1> 较宽的屏幕 2> 较高的屏幕 对于较宽还是较高的判断还是比较好实现的: pw是图片宽度,ph ...
的地址就可以了,但是这样的缺点是万一那张图片的地址变了,博客园的背景就跟着变了,所以可以先把背景存博客 ...