如何更换 Main Outer Border

之前

之后


1。到 Design > Edit HTML > 按 Ctrl + F 寻找 .main-outer {

2。.main-outer { 下面有这些 code,在 background: $(main.background); 和  -moz-box-shadow:之间,这些全部都是不要的:

-moz-border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0;
  -webkit-border-top-left-radius: $(main.border.radius.top);
  -webkit-border-top-right-radius: $(main.border.radius.top);
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -goog-ms-border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0;
  border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0;

把上面这些 code 替换成这些:

border:15px solid #F5A9A9;
border-radius: 200px 60px;


* 红色的号码可以随你喜欢更换。:D 自己随便换看有什么不同。:P
* 青色 Highlight 的是框框类型,以下有一些例子:

* 黄色 highlight 的是框框的颜色。可以换去你喜欢的颜色代码

4。有些人的 template 和我不一样,而 .main-outer 也是在 /* Columns 下面。那你就把 .main-outer 的 { 和 } 符号之间的 code 全部删除,替换成上面的 code 就可以了。:D



5。Preview 看看有没有。:) 有就保存。 

Comments