zencart更改css按钮的宽度css buttons

includes\functions\html_output.php

大概323行的zenCssButton函数

  function zenCssButton($image = ‘‘, $text, $type, $sec_class = ‘‘, $parameters = ‘‘) {

    // automatic width setting depending on the number of characters
    $min_width = 80; // this is the minimum button width, change the value as you like
    //$character_width = 6.5; // change this value depending on font size!
    $character_width = 8.5; // change this value depending on font size!

修改其中的

$min_width = 80;
$character_width = 8.5;

为你自己满意的值即可。

时间: 2024-10-17 13:21:24

zencart更改css按钮的宽度css buttons的相关文章

CSS:严格控制Table宽度和td宽度

Table会随着内容增加而变宽,即便使用了CSS也控制不住.必须对table使用table-layout: fixed才行. 例如: <table class='attIconTable' cellspacing='0' cellpadding='0' border='0' style='width:100%;table-layout: fixed;'> <tbody><tr><td style='width:24px'>xyz</td><

简单实用的纯css按钮效果

在许多网站中都需要实用到按钮,一个好看实用的css按钮即可以给访问者以美感,又可以方便开发者.下面就是一个纯css按钮,需要的可以参考. css代码 .div { display: inline-block; padding: .3em .5em; background-image: linear-gradient(#ddd, #bbb); border: 1px solid rgba(0,0,0,.2); border-radius: .3em; box-shadow: 0 1px white

Div+Css(2):纯Div+Css制作的漂亮点击按钮和关闭按钮

纯Div+Css制作的漂亮点击按钮和关闭按钮,单击点击按钮也有效果.这些都不是图片. 值得注意三点: 1.其中,主要使用了rotate.它能让文字旋转角度 2.还有radius,做圆角专用,很好用的属性.给想我这样的人省去了作图的时间. 3.W3C标准中对CSS3的transition这是样描述的:"CSS的transition允许CSS的属性值在一定的时间区间内平滑地过渡.这种效果可以在鼠标单击.获得焦点.被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值." 1 &

css 样式(checkbox开关、css按钮)

checkbox开关 css .iosCheck { /* Blue edition */ } .iosCheck input { display: none; } .iosCheck i { display: inline-block; cursor: pointer; padding-right: 25px; transition: all ease 0.2s; -webkit-transition: all ease 0.2s; border-radius: 25px; box-shado

鼠标悬停,会变亮的CSS按钮

<title>变亮效果的CSS按钮</title> <style type="text/css"> .aaa { height: 22px; width: 72px; background-image: url(http://www.codefans.net/jscss/demoimg/201105/chakan_btn_bg.gif); font-size: 12px; line-height: 22px; text-align: center;

[css]【转载】CSS样式分离之再分离

原文链接:http://www.zhangxinxu.com/wordpress/2010/07/css%E6%A0%B7%E5%BC%8F%E5%88%86%E7%A6%BB%E4%B9%8B%E5%86%8D%E5%88%86%E7%A6%BB/ 一.关于CSS样式分离 zxx://一些名词表意含有自己的理解成分,或许与您的理解有偏差,希望不要拘泥于措辞.无论是CSS的分离还是js的分离,其主要作用之一就是精简与重用. CSS本身就代表着精简与重用.例如我们可以设置一个如下的样式: .exa

创建一个干净的CSS 的COM与CSS Flexbox的型坯表

一个CSS和HTML COM型坯表是立即传达给参观者您的产品的主要功能强大的方式,再加上他们是如何不同.很多时候,COM型坯表和价格表同日而语的说.对我来说,一个COM型坯表是,它应该包含一个额外的列,列出所有可用的功能不同.这可以很容易地 COM削减计划并隔离有什么关于他们的不同. HTML标记 对于标记,我正努力使其尽可能干净简约.我使用一个外部的主DIV元素定居,随后进行了一系列的UL列出来呈现每个的内内容"行" COM型坯表: ? 在COM型坯表是必不可少的组成堆叠起来反对彼此

CSS 定位 (Positioning) CSS 外边距合并 CSS 相对定位

CSS 定位 (Positioning) 属性允许你对元素进行定位. CSS 定位和浮动 CSS 为定位和浮动提供了一些属性,利用这些属性,可以建立列式布局,将布局的一部分与另一部分重叠,还可以完成多年来通常需要使用多个表格才能完成的任务. 定位的基本思想很简单,它允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素.另一个元素甚至浏览器窗口本身的位置.显然,这个功能非常强大,也很让人吃惊.要知道,用户代理对 CSS2 中定位的支持远胜于对其它方面的支持,对此不应感到奇怪. 另一方面

CSS学习笔记02 CSS选择器

1.通配符选择器 通配符选择器用“*"号表示,是所有选择器中作用范围最广的,能匹配页面中所有的元素 /*设置当前页面中所有标签的颜色为红色*/ * { color: red; } 2.标签选择器 标签选择器就是选择当前页面中相同名字的标签 /*设置所有p标签的文字颜色为红色*/ p { color: red; } 3.ID选择器 id选择器使用"#"进行标识,后面紧跟id名 /*设置id为title的标签的文字颜色为红色*/#title { color: red; } <