教学 ♥ 美化 main outer 框框
23 February 2012 @ 9:26 PM



给 Tan Xin Mei 的

转帖请留言和附上链接 ♥




就是以下效果 : 
( 图片出处 : 淑慧的部落格 )


之前


之后





步骤 1

Design - Edit html


步骤 2

用 ctrl +f 找 : 
.main-outer {

找不到的就自己加在 ]]></b:skin> 上面 .


步骤 3

把 .main-outer { 和 } 之间的代码删掉 .

例子 :

.main-outer {
background: $(main.background);
-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;
}

把 蓝色的代码 全删除 .

只剩下 .main-outer {
}


步骤 4

把代码加在 .main-outer { 下面 .

代码 :
border:5px solid #FFC0CB;

蓝色的 是框框的粗细度 .

红色的 是框框的种类 .

紫色的 是框框的颜色 .


步骤 5

保存 Save .





其他美化的代码都可以加在 .main-outer { 下面 .

框框的种类可参考 : 这里 ♥


圆角的代码可参考 : 这里 ♥





任何疑问请在 tagboard 留言 .

在评论箱留言请告诉我 (:




版权所有 翻印必究. ♥