从Zen Cart 1.3.0来看,这和CSS是很容易就能做到的。确切的方法取决于是否要创建一个小图像,或集中在它的图像上。 (当然也有其他设计的可能性,但我们会主要先集中处理这些)。
首先创建您的图片,并将其放置在您的模板的images目录。
然后在你的CSS下找到找到以下模块:
.centerBoxWrapper {
border: 1px solid #9a9a9a;
height: 1%;
margin: 1.1em 0;
}
添加到左侧和/或右sideboxes:
.leftBoxContainer, .rightBoxContainer {
margin: 0em;
border: 1px solid #9a9a9a;
border-bottom: 5px solid #336633;
margin-top: 1.5em;
} 上面就是CSS经典模板(1.3.7),这取决于您使用的是哪个模板,并已作出什么修改。
然后添加以下CSS来相应的模块
/* create free space at the bottom of the box in which to display the image */
padding-bottom: 20px;
/* add the image to the boxes background */
background-image: url(../images/box_bg.jpg);
/* position the image at the bottom and center of the box */
background-position: bottom center;
/* EITHER set the image to not repeat */
background-repeat: no-repeat;
/* OR set it to repeat horizonatally */
background-repeat: repeat-x; 如果你愿意,你可以在中心和sideboxes使用相同的图像。但是,任何多余的宽度将会出现在框外,并不能显示出来。 |