Ghost修改圆框logo
Posted
我一直觉得Casper主题(就是默认的!LOL~)什么都不错,就是logo位置如果可以居中。。然后可以做一个圆形的效果。。。 就更好啦~~~
找了一个有类似实现的主题(ichi),对比了一下css(其实是搜了一下"logo"的css不同),然后用下面的方式解决:
.blog-logo img {
width: 100px;
height: 100px;
border: 2px solid white;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
border-radius: 100px;
}
替换完以后瞬间高大上了~
试一下分辨率发现几个小问题,把assets/css/screen.css中对应blog-logo的其他项清(delete)一下~
为了居中的话,修改blog-logo的float:left改为center即可
至于位置的话,修改index.hbs就可以了(把blog-logo移到page-title前面即可~)
最后就是主页的效果啦~
Tada~