和谐的小三角裤

南瓜小米粥 发表于 前端开发 分类,标签: css 列表 项目符号

列表项前的项目符号,我们通常都是做成图片的,这样比较方便控制。不用图片可不可以呢?当且仅当列表图片为方形、三角形的时候还是有一定可行性的, 比如这样:

css:

ul {
    position:relative;
    margin:10px auto;
    padding:10px;
    width:230px;
    border:1px solid #DDD;
    font-size:12px;
    overflow:hidden;
}
li {
    position:relative;
    clear:both;
    float:left;
    width:220px;
    margin:0.75em 0;
    width:0;
    height:3px;
    border-left:3px double #333;
}
ul li:after {
    content:"";
    display:block;
    clear:both;
    height:0;
    zoom:1;
    visibility:hidden;
}
li a {
    position:absolute;
    top:-0.65em;
    margin-left:10px;
    white-space:nowrap;
}

阅读全文>>

HDWiki二次开发之自定义模板标签

南瓜小米粥 发表于 前端开发 分类,标签: HDWiki 标签 模板标签 自定义模板标签

最近在做HDWiki的二次开发,官方提供的模板标签貌似满足不了需求。只好自己动手了。

增加自定义模板标签,需要修改的文件是 model/tag.class.php这个文件。打开这个文件,你会发现手册上的模板标签都能在这里找到相对应的方法。那么我们可以猜想,如果要增加自 定义模板标签的话,应该只需要在这里增加一个方法就行了。当然,也可以扩展原来的方法。

阅读全文>>

不轻易使用position方式设置水平居中

南瓜小米粥 发表于 前端开发 分类,标签: bug position:absolute 水平居中 绝对定位

position:absoute;left:50%;margin:0 0 0 -*px;这种方式设置水平居中的ie7下可能会有bug,如图:

点击在新窗口中浏览此图片

阅读全文>>

细节,虚线框算不算?

南瓜小米粥 发表于 前端开发 分类,标签: 链接虚框 页面细节

看图说话:
点击在新窗口中浏览此图片

你觉得图上的虚线框碍眼吗?好吧,也许你会说这个框只是“瞬间”出现而已,有必要折腾吗?作为一个搞艺术的,我想说:一点点的遗憾是残缺美,整页的遗憾就是残疾了。

阅读全文>>

寂寞的熊猫

南瓜小米粥 发表于 唧唧歪歪 分类,标签: 寂寞的熊猫

点击在新窗口中浏览此图片

阅读全文>>

内裤是可以外穿的

南瓜小米粥 发表于 前端开发 分类,标签: vertical-align:middle 内裤穿外面 蕾丝内裤 超人

不穿内裤的不是超人;
天天把内裤穿外面的不是超人;
把内裤穿外面却飞不起来的也不是超人;
内裤外穿有三要素:人物、地点、事件。跟小说很像吧,其实这本来就是一个传说 。
谁不穿内裤、谁的内裤穿外面、谁穿着蕾丝内裤在天上飞,跟咱一丁点儿关系也没。这样写只是为了提醒自己vertical-align:middle不仅在容器里面有效,对于并列的2个容器也是有效的。比如这个:床结构的写法。当然这个超人不是我,是蓝色web标准版的版主14px,文中擎天一柱的写法很是让人折服 。
在超人灵魂附体后,我们来优化上次做的床,上图先:

阅读全文>>

杭州两块男

南瓜小米粥 发表于 唧唧歪歪 分类,标签: 2块男 杭州2块男 杭州两块男

    最新消息,武汉的六块女小分队已成功转移到到杭州,战略战术也做了升级:美女变大叔,六块33折……热烈祝贺六块女成功转型为两块男
    转型后的块男成功的避开了policer强烈的攻势。他们低调、蛋腚、沉着、冷静……
  &...

阅读全文>>

jQuery lightBox plugin 在IE下的一个bug

南瓜小米粥 发表于 前端开发 分类,标签: ie滤镜bug jquery lightbox

对于IE的透明滤镜,当文档高度大于32767px的时候就会抽风。而jQuery lightBox plugin 对于半透明背景的高度是这样定义的:

$("#jquery-overlay").css({
    width: arrPageSizes[0],
    height: arrPageSizes[1]
});

arrPageSizes[1] 是pageHeight的高度,当pageHeight大于32767px 的时候bug就出现了。

阅读全文>>

javascript静态方法

南瓜小米粥 发表于 前端开发 分类,标签: javascript oo 静态方法
1、常规方法与静态方法的区别只在于prototype关键字的使用与否
2、静态方法只能在function外声明
$.extend扩展的是jquery的静态方法。因此不需要实例化对象(jquery中$()返回的就是实例化的对象)就能使用。
$.fn.extend 扩展是原型protetype方法。需要类的实例调用

阅读全文>>

overflow:visible后的button

南瓜小米粥 发表于 前端开发 分类,标签: button overflow:visible

button在ie6、ie7下会有个随着文字长度增减而改变的"内补丁"(暂且这么叫吧)。这个内补丁很特殊,不管你怎么写margin:0;padding:0;都去不掉,唯一的解决办法是overflow:visible。如果这时候再定义button的height、line-height就会发现在ie下button居然变高了,而且宽度也不跟ff下不一样:

点击在新窗口中浏览此图片

阅读全文>>